/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/reset.scss ***!
  \**************************************************************************************************************************************************************************************/
html {
  font-size: 10px;
  line-height: 1.20;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  font-size: 10px;
  font-weight: normal;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  color: #292929;
  background-color: #eeeeed;
  overscroll-behavior-y: none; }
  body ::-moz-selection {
    background-color: #b8deff;
    text-shadow: none; }
  body ::selection {
    background-color: #b8deff;
    text-shadow: none; }
  @media print {
    body {
      background-color: white; } }

html, body {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

* {
  box-sizing: inherit; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

input, button, optgroup, select, textarea {
  margin: 0;
  padding: 0;
  border: 0; }
  input::-moz-placeholder, button::-moz-placeholder, optgroup::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    font-style: italic;
    color: #b3b3b3;
    font-size: 14px; }
  input::placeholder, button::placeholder, optgroup::placeholder, select::placeholder, textarea::placeholder {
    font-style: italic;
    color: #b3b3b3;
    font-size: 14px; }

input, textarea, select, button,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
  outline: none; }

img, fieldset, a img {
  border: none; }

ul, ol {
  list-style-type: none; }

article, aside, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 1.8rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.17rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.83rem; }

h6 {
  font-size: 0.67rem; }

h1, h2, h3, h4, h5, h6 {
  word-break: break-word;
  overflow: hidden; }

figcaption, figure, main {
  display: block; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1rem;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #292929; }
  a:visited {
    color: #292929; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted currentColor;
          text-decoration: underline dotted currentColor; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

kbd, samp {
  font-family: Monaco, Consolas, 'Ubuntu Mono', monospace;
  font-size: 1rem; }

code {
  font-family: Monaco, Consolas, 'Ubuntu Mono', monospace; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

input[type="submit"],
button {
  cursor: pointer; }
  input[type="submit"]::-moz-focus-inner,
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }

button:focus {
  box-shadow: 0 0 8px rgba(153, 153, 153, 0.6); }

button:hover {
  opacity: .95; }

button:disabled {
  cursor: not-allowed; }

[class^="common-icon-"], [class*=" common-icon-"] {
  display: inline-block;
  vertical-align: middle;
  fill: #5c5c5c;
  width: 24px;
  height: 24px; }

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/markdown.scss ***!
  \*****************************************************************************************************************************************************************************************/
.markdown {
  width: 100%; }
  .markdown h1 {
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 1.4em 0 1.4em 0; }
  .markdown h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 1.4em 0 1.4em 0; }
  .markdown h3 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 1.4em 0 1.4em 0; }
  .markdown h4 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 1.2em 0; }
  .markdown h5 {
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 1em 0; }
  .markdown h6 {
    font-size: 0.6em;
    line-height: 1.3em;
    margin: 1em 0; }
  .markdown p {
    overflow: hidden;
    line-height: 1.38em; }
  .markdown hr {
    height: 1px;
    margin: 1.2em 0;
    border-bottom-style: none;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.03), #d1d1d1 45%, #bdbdbd 60%, rgba(0, 0, 0, 0.03)); }
  .markdown em {
    font-style: italic; }
  .markdown del {
    font-weight: bold;
    text-decoration: line-through; }
  .markdown strong, .markdown b {
    font-weight: bold; }
  .markdown a:link {
    color: #2470db !important;
    text-decoration: none !important; }
  .markdown a:visited {
    color: #474bc2 !important;
    text-decoration: none !important; }
  .markdown a:hover {
    text-decoration: underline !important; }
  .markdown a:active {
    color: #9e0f05 !important;
    text-decoration: none !important; }
  .markdown ol {
    margin: 1em 0 1em 1.4em;
    list-style-type: decimal; }
    .markdown ol li {
      padding-left: 0.8em;
      line-height: 1.4em;
      margin-bottom: 0.5em; }
  .markdown ul {
    margin: 1em 0 1em 1.3em;
    list-style-type: disc; }
    .markdown ul li {
      padding-left: 0.3em;
      line-height: 1.4em;
      margin-bottom: 0.2em; }
  .markdown li p {
    margin-bottom: 1.2em; }
  .markdown li ul {
    margin-bottom: 0; }
  .markdown li ol {
    margin-bottom: 0; }
  .markdown code {
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 1px 5px 2px; }
  .markdown pre {
    max-width: 100%;
    margin: 14px 0;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ebebeb;
    overflow-x: auto; }
    .markdown pre > code {
      padding: 0; }
  .markdown table {
    display: block;
    max-width: 100%;
    margin: 1.2em 0;
    vertical-align: top;
    overflow-x: auto;
    cursor: auto; }
    .markdown table tbody {
      display: table-row-group;
      vertical-align: middle;
      background-color: white; }
    .markdown table th {
      padding: 6px;
      background-color: #e0f0ff;
      border: 1px solid #adadad; }
    .markdown table tr {
      display: table-row;
      min-height: 32px; }
      .markdown table tr:nth-child(2n) {
        background-color: #eef0f1; }
    .markdown table td {
      display: table-cell;
      min-width: 33px;
      padding: 8px 8px 8px 8px;
      border: 1px solid #adadad; }
      .markdown table td ul, .markdown table td ol {
        margin: 0 8px 0 20px; }
  .markdown blockquote {
    margin: 1.2em 0 1.2em 0;
    padding: 16px 20px 14px 16px;
    border-left: 8px solid rgba(173, 173, 173, 0.5);
    border-radius: 0 8px 8px 0;
    background-color: rgba(230, 230, 230, 0.5);
    box-shadow: 0 1px 0 0 rgba(179, 179, 179, 0.5); }
  .markdown img {
    max-width: 100%; }
  .markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6, .markdown p, .markdown ol, .markdown ul, .markdown table, .markdown code, .markdown blockquote {
    word-break: break-word; }
  .markdown h1:first-child, .markdown h2:first-child, .markdown h3:first-child, .markdown h4:first-child, .markdown h5:first-child, .markdown h6:first-child, .markdown p:first-child, .markdown ol:first-child, .markdown ul:first-child, .markdown table:first-child, .markdown code:first-child, .markdown blockquote:first-child {
    margin-top: 0; }
  .markdown h1:last-child, .markdown h2:last-child, .markdown h3:last-child, .markdown h4:last-child, .markdown h5:last-child, .markdown h6:last-child, .markdown p:last-child, .markdown ol:last-child, .markdown ul:last-child, .markdown table:last-child, .markdown code:last-child, .markdown blockquote:last-child {
    margin-bottom: 0; }

.selectable {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text; }

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/ConfirmAction.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.backgroundWrapper_DUEYi {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 985; }

.ConfirmAction_g9S1x {
  width: 100%;
  max-width: 440px;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .ConfirmAction_g9S1x h1 {
    margin-top: 38px;
    padding: 0 24px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
  .ConfirmAction_g9S1x p {
    margin-top: 16px;
    padding: 0 30px;
    line-height: 19px;
    font-size: 14px;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word;
    color: #292929; }
    .ConfirmAction_g9S1x p a {
      color: #0078e0; }
  .ConfirmAction_g9S1x ul {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .ConfirmAction_g9S1x ul button + button {
      border-left: thin solid #cccccc; }
    .ConfirmAction_g9S1x ul button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .ConfirmAction_g9S1x ul button:hover {
        background-color: #f7f7f7; }
      .ConfirmAction_g9S1x ul button:active {
        background-color: #f2f2f2; }
      .ConfirmAction_g9S1x ul button.isAccented_kAUzS {
        color: #d01406; }
      .ConfirmAction_g9S1x ul button.isDisabled_Gfqnt {
        color: #b3b3b3; }
      .ConfirmAction_g9S1x ul button:first-child {
        border-bottom-left-radius: 12px; }
      .ConfirmAction_g9S1x ul button:last-child {
        border-bottom-right-radius: 12px; }
  @media screen and (max-width: 580px) {
    .ConfirmAction_g9S1x {
      max-width: calc(100vw - 40px); } }

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/ConnectionStatus.scss ***!
  \********************************************************************************************************************************************************************************************************/
.ConnectionStatus_ttgP6 {
  position: absolute;
  display: flex;
  bottom: 20px;
  height: 40px;
  left: 0;
  right: 0;
  z-index: 975; }
  @media screen and (max-width: 1228px) {
    .ConnectionStatus_ttgP6 {
      bottom: 60px; } }

.ConnectionStatus_ttgP6 .container_codbs {
  display: flex;
  align-items: center;
  max-width: 400px;
  height: 30px;
  margin: auto;
  padding: 0 20px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #43bdd0; }

.ConnectionStatus_ttgP6 .title_GFZlD {
  color: white;
  font-size: 12px; }

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/Informer.scss ***!
  \************************************************************************************************************************************************************************************************/
.Informer_UeRqb {
  z-index: 978 !important;
  color: white !important;
  margin-right: 400px !important; }
  .Informer_UeRqb div div:last-child {
    justify-content: flex-start; }

.no-sidebar .Informer_UeRqb {
  margin-right: 0 !important; }

.showInfo_tyvjb,
.showSuccess_x7vr9,
.showWarning_TTiyZ,
.showError_VKDTw {
  border-radius: 12px !important;
  color: #292929 !important;
  font-size: 14px !important;
  box-shadow: inset 0 0 1px 0 #666666, 0 4px 12px 0 rgba(0, 0, 0, 0.24) !important; }

.showInfo_tyvjb,
.showSuccess_x7vr9,
.showWarning_TTiyZ,
.showError_VKDTw {
  min-width: 360px; }

.showInfo_tyvjb {
  color: #003db8 !important;
  background-color: #c2e2ff !important; }

.showSuccess_x7vr9 {
  color: #006600 !important;
  background-color: #e6ffe0 !important; }

.showWarning_TTiyZ {
  color: #454508 !important;
  background-color: #ffffd6 !important; }

.showError_VKDTw {
  color: #660900 !important;
  background-color: #ffbfb8 !important; }

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/DetailField/DetailField.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.DetailField_ARg3M {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .DetailField_ARg3M .label_BaZbL {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .DetailField_ARg3M .label_BaZbL span {
      margin: 0 2px;
      font-weight: bold; }
  .DetailField_ARg3M :disabled {
    cursor: not-allowed; }
  .DetailField_ARg3M .inputWrapper_tCZHD {
    position: relative; }
  .DetailField_ARg3M .inputControl_JPRf1 {
    position: relative;
    height: 36px;
    width: 100%;
    margin: 0;
    padding-left: 150px;
    padding-right: 40px;
    border: 1px solid #adadad;
    border-top-style: dashed;
    border-top-color: #d1d1d1;
    border-radius: 0 0 6px 6px;
    background-color: white;
    color: #292929;
    letter-spacing: .01rem;
    line-height: 25px;
    outline: none; }
    .DetailField_ARg3M .inputControl_JPRf1:focus {
      border: 1px solid #5babfb; }
  .DetailField_ARg3M .dropdown__0QNH {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    height: 36px;
    border: 1px solid #adadad;
    border-top-style: dashed;
    border-top-color: #d1d1d1;
    border-radius: 0 0 0 6px;
    background-color: #f5f5f5; }
    .DetailField_ARg3M .dropdown__0QNH:hover {
      cursor: pointer; }
    .DetailField_ARg3M .dropdown__0QNH.open_xV7ZL {
      z-index: 2;
      background: #fff; }
  .DetailField_ARg3M input[disabled] + .dropdown__0QNH:hover {
    cursor: default; }
    .DetailField_ARg3M input[disabled] + .dropdown__0QNH:hover .dropdownButton_N5j4S {
      background-color: transparent; }
  .DetailField_ARg3M .dropdownButton_N5j4S {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 100%;
    line-height: 36px;
    text-align: center;
    outline: none;
    border-radius: 0 0 0 6px;
    color: #707070;
    background-color: #f7f7f7;
    background-image: linear-gradient(#f7f7f7, #ededed); }
    .DetailField_ARg3M .dropdownButton_N5j4S:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .DetailField_ARg3M .dropdownButton_N5j4S .typeLabel_gndAx {
      margin-right: 12px;
      color: #5c5c5c; }
    .DetailField_ARg3M .dropdownButton_N5j4S .arrow_ppcry {
      position: absolute;
      right: 8px;
      top: 16px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #5c5c5c; }
      .DetailField_ARg3M .dropdownButton_N5j4S .arrow_ppcry.up_yvQee {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .DetailField_ARg3M .dropdownList_irkac {
    position: absolute;
    width: 142px;
    max-height: 400px;
    margin: 6px 0 10px -1px;
    padding: 6px 0;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35);
    background-color: white;
    border-radius: 4px;
    list-style: none;
    overflow-y: scroll;
    outline: none;
    z-index: 1; }
    .DetailField_ARg3M .dropdownList_irkac .dropdownItem_U6Hd8 {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .DetailField_ARg3M .dropdownList_irkac .dropdownItem_U6Hd8:hover {
        background-color: #f0f0f0; }
      .DetailField_ARg3M .dropdownList_irkac .dropdownItem_U6Hd8.isPicked_vAiwQ {
        background-color: #e6e6e6; }
    .DetailField_ARg3M .dropdownList_irkac .optionLabel_xRALX {
      margin-right: 6px; }
  .DetailField_ARg3M .addButton_bmpPc {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: #b3b3b3;
    cursor: no-drop; }
    .DetailField_ARg3M .addButton_bmpPc .icon_P__wk {
      width: 18px;
      height: 18px;
      fill: white; }
    .DetailField_ARg3M .addButton_bmpPc.isActive_FZZz9 {
      background-color: #bc1206;
      cursor: pointer; }
    .DetailField_ARg3M .addButton_bmpPc:hover {
      background-color: #b3b3b3; }
      .DetailField_ARg3M .addButton_bmpPc:hover.isActive_FZZz9 {
        background-color: #d01406; }
  .DetailField_ARg3M .isHidden_Ek2Tu {
    display: none; }
  .DetailField_ARg3M .error_WaZ_z {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .DetailField_ARg3M.hasError_WnCdM .inputControl_JPRf1 {
    border: 1px solid red !important; }
    .DetailField_ARg3M.hasError_WnCdM .inputControl_JPRf1.isFocused_BLkSi {
      border: 1px solid red !important; }
  .DetailField_ARg3M.hasError_WnCdM .dropdown__0QNH {
    border-left: 1px solid red !important;
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important; }

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/DetailSelectField/DetailSelectField.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.DetailSelectField_Yy9Ao {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .DetailSelectField_Yy9Ao .label_L9Iy_ {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .DetailSelectField_Yy9Ao .label_L9Iy_ span {
      margin: 0 2px;
      font-weight: bold; }
  .DetailSelectField_Yy9Ao .select_oK7GK {
    font-size: 14px; }
    .DetailSelectField_Yy9Ao .select_oK7GK .control_QxJJb {
      outline: 0 !important; }
    .DetailSelectField_Yy9Ao .select_oK7GK .control_QxJJb {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      min-height: 36px;
      padding-top: 2px;
      padding-bottom: 2px;
      border: 1px solid #adadad;
      border-bottom: none;
      border-radius: 6px 6px 0 0;
      color: #292929;
      transition: all 100ms;
      cursor: default; }
      .DetailSelectField_Yy9Ao .select_oK7GK .control_QxJJb.isFocused_T_5HV {
        border: 1px solid #5babfb; }
      .DetailSelectField_Yy9Ao .select_oK7GK .control_QxJJb input {
        display: none; }
    .DetailSelectField_Yy9Ao .select_oK7GK .clearIndicator_A_kVr {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .DetailSelectField_Yy9Ao .select_oK7GK .clearIndicator_A_kVr .icon_R9rSR {
        width: 22px;
        height: 22px; }
      .DetailSelectField_Yy9Ao .select_oK7GK .clearIndicator_A_kVr:hover .icon_R9rSR {
        fill: #d01406; }
    .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 95%;
      min-width: 95%;
      max-width: 95%;
      margin: 0 2px 8px 2px;
      color: #292929; }
      .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5:first-child {
        margin-top: 8px; }
      .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 + .multiValue_T_mE5 {
        margin-top: -12px; }
      .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 .typeText_D73in {
        flex-shrink: 0;
        min-width: 138px;
        height: 30px;
        line-height: 30px;
        padding-left: 0;
        padding-right: 16px;
        border-radius: 4px;
        text-align: right;
        font-style: italic;
        color: #707070;
        cursor: default; }
      .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 .labelText_BwxyI {
        min-width: 0;
        height: 30px;
        line-height: 30px;
        padding-right: 36px;
        cursor: default;
        overflow: hidden; }
      .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 .removeButton_i6C6W {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 30px;
        border-left: 1px solid rgba(0, 0, 0, 0);
        border-radius: 4px;
        cursor: pointer; }
        .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 .removeButton_i6C6W:hover {
          background-color: white; }
        .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 .removeButton_i6C6W .icon_R9rSR {
          width: 16px;
          height: 16px; }
        .DetailSelectField_Yy9Ao .select_oK7GK .multiValue_T_mE5 .removeButton_i6C6W:hover .icon_R9rSR {
          fill: #d01406; }
  .DetailSelectField_Yy9Ao .error_nxEkl {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .DetailSelectField_Yy9Ao.isError_tC14V .control_QxJJb {
    border: 1px solid red !important; }
    .DetailSelectField_Yy9Ao.isError_tC14V .control_QxJJb.isFocused_T_5HV {
      border: 1px solid red !important; }

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/PhoneField/PhoneField.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.flag_Efipb {
  width: 16px;
  height: 11px;
  background-image: url("/assets/images/flags16x11.png");
  background-repeat: no-repeat;
  border-style: none; }
  .flag_Efipb.AD {
    background-position: -16px      0; }
  .flag_Efipb.AE {
    background-position: -32px      0; }
  .flag_Efipb.AF {
    background-position: -48px      0; }
  .flag_Efipb.AG {
    background-position: -64px      0; }
  .flag_Efipb.AI {
    background-position: -80px      0; }
  .flag_Efipb.AL {
    background-position: -96px      0; }
  .flag_Efipb.AM {
    background-position: -112px      0; }
  .flag_Efipb.AO {
    background-position: -128px      0; }
  .flag_Efipb.AR {
    background-position: -144px      0; }
  .flag_Efipb.AS {
    background-position: -160px      0; }
  .flag_Efipb.AT {
    background-position: -176px      0; }
  .flag_Efipb.AU {
    background-position: -192px      0; }
  .flag_Efipb.AW {
    background-position: -208px      0; }
  .flag_Efipb.AZ {
    background-position: -224px      0; }
  .flag_Efipb.BA {
    background-position: -240px      0; }
  .flag_Efipb.BB {
    background-position: 0    -11px; }
  .flag_Efipb.BD {
    background-position: -16px  -11px; }
  .flag_Efipb.BE {
    background-position: -32px  -11px; }
  .flag_Efipb.BF {
    background-position: -48px  -11px; }
  .flag_Efipb.BG {
    background-position: -64px  -11px; }
  .flag_Efipb.BH {
    background-position: -80px  -11px; }
  .flag_Efipb.BI {
    background-position: -96px  -11px; }
  .flag_Efipb.BJ {
    background-position: -112px  -11px; }
  .flag_Efipb.BM {
    background-position: -128px  -11px; }
  .flag_Efipb.BN {
    background-position: -144px  -11px; }
  .flag_Efipb.BO {
    background-position: -160px  -11px; }
  .flag_Efipb.BR {
    background-position: -176px  -11px; }
  .flag_Efipb.BS {
    background-position: -192px  -11px; }
  .flag_Efipb.BT {
    background-position: -208px  -11px; }
  .flag_Efipb.BW {
    background-position: -224px  -11px; }
  .flag_Efipb.BY {
    background-position: -240px  -11px; }
  .flag_Efipb.BZ {
    background-position: 0    -22px; }
  .flag_Efipb.CA {
    background-position: -16px  -22px; }
  .flag_Efipb.CD {
    background-position: -32px  -22px; }
  .flag_Efipb.CF {
    background-position: -48px  -22px; }
  .flag_Efipb.CG {
    background-position: -64px  -22px; }
  .flag_Efipb.CH {
    background-position: -80px  -22px; }
  .flag_Efipb.CI {
    background-position: -96px  -22px; }
  .flag_Efipb.CK {
    background-position: -112px  -22px; }
  .flag_Efipb.CL {
    background-position: -128px  -22px; }
  .flag_Efipb.CM {
    background-position: -144px  -22px; }
  .flag_Efipb.CN {
    background-position: -160px  -22px; }
  .flag_Efipb.CO {
    background-position: -176px  -22px; }
  .flag_Efipb.CR {
    background-position: -192px  -22px; }
  .flag_Efipb.CU {
    background-position: -208px  -22px; }
  .flag_Efipb.CV {
    background-position: -224px  -22px; }
  .flag_Efipb.CW {
    background-position: -240px  -22px; }
  .flag_Efipb.CY {
    background-position: 0    -33px; }
  .flag_Efipb.CZ {
    background-position: -16px  -33px; }
  .flag_Efipb.DE {
    background-position: -32px  -33px; }
  .flag_Efipb.DJ {
    background-position: -48px  -33px; }
  .flag_Efipb.DK {
    background-position: -64px  -33px; }
  .flag_Efipb.DM {
    background-position: -80px  -33px; }
  .flag_Efipb.DO {
    background-position: -96px  -33px; }
  .flag_Efipb.DZ {
    background-position: -112px  -33px; }
  .flag_Efipb.EC {
    background-position: -128px  -33px; }
  .flag_Efipb.EE {
    background-position: -144px  -33px; }
  .flag_Efipb.EG {
    background-position: -160px  -33px; }
  .flag_Efipb.ER {
    background-position: -176px  -33px; }
  .flag_Efipb.ES {
    background-position: -192px  -33px; }
  .flag_Efipb.ET {
    background-position: -208px  -33px; }
  .flag_Efipb.FI {
    background-position: -224px  -33px; }
  .flag_Efipb.FJ {
    background-position: -240px  -33px; }
  .flag_Efipb.FK {
    background-position: 0    -44px; }
  .flag_Efipb.FM {
    background-position: -16px  -44px; }
  .flag_Efipb.FO {
    background-position: -32px  -44px; }
  .flag_Efipb.FR {
    background-position: -48px  -44px; }
  .flag_Efipb.BL {
    background-position: -48px  -44px; }
  .flag_Efipb.MF {
    background-position: -48px  -44px; }
  .flag_Efipb.GA {
    background-position: -64px  -44px; }
  .flag_Efipb.GB {
    background-position: -80px  -44px; }
  .flag_Efipb.GD {
    background-position: -96px  -44px; }
  .flag_Efipb.GE {
    background-position: -112px  -44px; }
  .flag_Efipb.GF {
    background-position: -128px  -44px; }
  .flag_Efipb.GH {
    background-position: -144px  -44px; }
  .flag_Efipb.GI {
    background-position: -160px  -44px; }
  .flag_Efipb.GL {
    background-position: -176px  -44px; }
  .flag_Efipb.GM {
    background-position: -192px  -44px; }
  .flag_Efipb.GN {
    background-position: -208px  -44px; }
  .flag_Efipb.GP {
    background-position: -224px  -44px; }
  .flag_Efipb.GQ {
    background-position: -240px  -44px; }
  .flag_Efipb.GR {
    background-position: 0    -55px; }
  .flag_Efipb.GT {
    background-position: -16px  -55px; }
  .flag_Efipb.GU {
    background-position: -32px  -55px; }
  .flag_Efipb.GW {
    background-position: -48px  -55px; }
  .flag_Efipb.GY {
    background-position: -64px  -55px; }
  .flag_Efipb.HK {
    background-position: -80px  -55px; }
  .flag_Efipb.HN {
    background-position: -96px  -55px; }
  .flag_Efipb.HR {
    background-position: -112px  -55px; }
  .flag_Efipb.HT {
    background-position: -128px  -55px; }
  .flag_Efipb.HU {
    background-position: -144px  -55px; }
  .flag_Efipb.ID {
    background-position: -160px  -55px; }
  .flag_Efipb.IE {
    background-position: -176px  -55px; }
  .flag_Efipb.IL {
    background-position: -192px  -55px; }
  .flag_Efipb.IN {
    background-position: -208px  -55px; }
  .flag_Efipb.IO {
    background-position: -224px  -55px; }
  .flag_Efipb.IQ {
    background-position: -240px  -55px; }
  .flag_Efipb.IR {
    background-position: 0    -66px; }
  .flag_Efipb.IS {
    background-position: -16px  -66px; }
  .flag_Efipb.IT {
    background-position: -32px  -66px; }
  .flag_Efipb.JE {
    background-position: -144px -154px; }
  .flag_Efipb.JM {
    background-position: -48px  -66px; }
  .flag_Efipb.JO {
    background-position: -64px  -66px; }
  .flag_Efipb.JP {
    background-position: -80px  -66px; }
  .flag_Efipb.KE {
    background-position: -96px  -66px; }
  .flag_Efipb.KG {
    background-position: -112px  -66px; }
  .flag_Efipb.KH {
    background-position: -128px  -66px; }
  .flag_Efipb.KI {
    background-position: -144px  -66px; }
  .flag_Efipb.XK {
    background-position: -128px -154px; }
  .flag_Efipb.KM {
    background-position: -160px  -66px; }
  .flag_Efipb.KN {
    background-position: -176px  -66px; }
  .flag_Efipb.KP {
    background-position: -192px  -66px; }
  .flag_Efipb.KR {
    background-position: -208px  -66px; }
  .flag_Efipb.KW {
    background-position: -224px  -66px; }
  .flag_Efipb.KY {
    background-position: -240px  -66px; }
  .flag_Efipb.KZ {
    background-position: 0    -77px; }
  .flag_Efipb.LA {
    background-position: -16px  -77px; }
  .flag_Efipb.LB {
    background-position: -32px  -77px; }
  .flag_Efipb.LC {
    background-position: -48px  -77px; }
  .flag_Efipb.LI {
    background-position: -64px  -77px; }
  .flag_Efipb.LK {
    background-position: -80px  -77px; }
  .flag_Efipb.LR {
    background-position: -96px  -77px; }
  .flag_Efipb.LS {
    background-position: -112px  -77px; }
  .flag_Efipb.LT {
    background-position: -128px  -77px; }
  .flag_Efipb.LU {
    background-position: -144px  -77px; }
  .flag_Efipb.LV {
    background-position: -160px  -77px; }
  .flag_Efipb.LY {
    background-position: -176px  -77px; }
  .flag_Efipb.MA {
    background-position: -192px  -77px; }
  .flag_Efipb.MC {
    background-position: -208px  -77px; }
  .flag_Efipb.MD {
    background-position: -224px  -77px; }
  .flag_Efipb.ME {
    background-position: -112px -154px;
    height: 12px; }
  .flag_Efipb.MG {
    background-position: 0    -88px; }
  .flag_Efipb.MH {
    background-position: -16px  -88px; }
  .flag_Efipb.MK {
    background-position: -32px  -88px; }
  .flag_Efipb.ML {
    background-position: -48px  -88px; }
  .flag_Efipb.MM {
    background-position: -64px  -88px; }
  .flag_Efipb.MN {
    background-position: -80px  -88px; }
  .flag_Efipb.MO {
    background-position: -96px  -88px; }
  .flag_Efipb.MP {
    background-position: -112px  -88px; }
  .flag_Efipb.MQ {
    background-position: -128px  -88px; }
  .flag_Efipb.MR {
    background-position: -144px  -88px; }
  .flag_Efipb.MS {
    background-position: -160px  -88px; }
  .flag_Efipb.MT {
    background-position: -176px  -88px; }
  .flag_Efipb.MU {
    background-position: -192px  -88px; }
  .flag_Efipb.MV {
    background-position: -208px  -88px; }
  .flag_Efipb.MW {
    background-position: -224px  -88px; }
  .flag_Efipb.MX {
    background-position: -240px  -88px; }
  .flag_Efipb.MY {
    background-position: 0    -99px; }
  .flag_Efipb.MZ {
    background-position: -16px  -99px; }
  .flag_Efipb.NA {
    background-position: -32px  -99px; }
  .flag_Efipb.NC {
    background-position: -48px  -99px; }
  .flag_Efipb.NE {
    background-position: -64px  -99px; }
  .flag_Efipb.NF {
    background-position: -80px  -99px; }
  .flag_Efipb.NG {
    background-position: -96px  -99px; }
  .flag_Efipb.NI {
    background-position: -112px  -99px; }
  .flag_Efipb.NL {
    background-position: -128px  -99px; }
  .flag_Efipb.BQ {
    background-position: -128px  -99px; }
  .flag_Efipb.NO {
    background-position: -144px  -99px; }
  .flag_Efipb.NP {
    background-position: -160px  -99px; }
  .flag_Efipb.NR {
    background-position: -176px  -99px; }
  .flag_Efipb.NU {
    background-position: -192px  -99px; }
  .flag_Efipb.NZ {
    background-position: -208px  -99px; }
  .flag_Efipb.OM {
    background-position: -224px  -99px; }
  .flag_Efipb.PA {
    background-position: -240px  -99px; }
  .flag_Efipb.PE {
    background-position: 0   -110px; }
  .flag_Efipb.PF {
    background-position: -16px -110px; }
  .flag_Efipb.PG {
    background-position: -32px -110px; }
  .flag_Efipb.PH {
    background-position: -48px -110px; }
  .flag_Efipb.PK {
    background-position: -64px -110px; }
  .flag_Efipb.PL {
    background-position: -80px -110px; }
  .flag_Efipb.PM {
    background-position: -96px -110px; }
  .flag_Efipb.PR {
    background-position: -112px -110px; }
  .flag_Efipb.PS {
    background-position: -128px -110px; }
  .flag_Efipb.PT {
    background-position: -144px -110px; }
  .flag_Efipb.PW {
    background-position: -160px -110px; }
  .flag_Efipb.PY {
    background-position: -176px -110px; }
  .flag_Efipb.QA {
    background-position: -192px -110px; }
  .flag_Efipb.RE {
    background-position: -208px -110px; }
  .flag_Efipb.RO {
    background-position: -224px -110px; }
  .flag_Efipb.RS {
    background-position: -240px -110px; }
  .flag_Efipb.RU {
    background-position: 0   -121px; }
  .flag_Efipb.RW {
    background-position: -16px -121px; }
  .flag_Efipb.SA {
    background-position: -32px -121px; }
  .flag_Efipb.SB {
    background-position: -48px -121px; }
  .flag_Efipb.SC {
    background-position: -64px -121px; }
  .flag_Efipb.SD {
    background-position: -80px -121px; }
  .flag_Efipb.SE {
    background-position: -96px -121px; }
  .flag_Efipb.SG {
    background-position: -112px -121px; }
  .flag_Efipb.SH {
    background-position: -128px -121px; }
  .flag_Efipb.SI {
    background-position: -144px -121px; }
  .flag_Efipb.SK {
    background-position: -160px -121px; }
  .flag_Efipb.SL {
    background-position: -176px -121px; }
  .flag_Efipb.SM {
    background-position: -192px -121px; }
  .flag_Efipb.SN {
    background-position: -208px -121px; }
  .flag_Efipb.SO {
    background-position: -224px -121px; }
  .flag_Efipb.SR {
    background-position: -240px -121px; }
  .flag_Efipb.SS {
    background-position: 0   -132px; }
  .flag_Efipb.ST {
    background-position: -16px -132px; }
  .flag_Efipb.SV {
    background-position: -32px -132px; }
  .flag_Efipb.SX {
    background-position: -48px -132px; }
  .flag_Efipb.SY {
    background-position: -64px -132px; }
  .flag_Efipb.SZ {
    background-position: -80px -132px; }
  .flag_Efipb.TC {
    background-position: -96px -132px; }
  .flag_Efipb.TD {
    background-position: -112px -132px; }
  .flag_Efipb.TG {
    background-position: -128px -132px; }
  .flag_Efipb.TH {
    background-position: -144px -132px; }
  .flag_Efipb.TJ {
    background-position: -160px -132px; }
  .flag_Efipb.TK {
    background-position: -176px -132px; }
  .flag_Efipb.TL {
    background-position: -192px -132px; }
  .flag_Efipb.TM {
    background-position: -208px -132px; }
  .flag_Efipb.TN {
    background-position: -224px -132px; }
  .flag_Efipb.TO {
    background-position: -240px -132px; }
  .flag_Efipb.TR {
    background-position: 0   -143px; }
  .flag_Efipb.TT {
    background-position: -16px -143px; }
  .flag_Efipb.TV {
    background-position: -32px -143px; }
  .flag_Efipb.TW {
    background-position: -48px -143px; }
  .flag_Efipb.TZ {
    background-position: -64px -143px; }
  .flag_Efipb.UA {
    background-position: -80px -143px; }
  .flag_Efipb.UG {
    background-position: -96px -143px; }
  .flag_Efipb.US {
    background-position: -112px -143px; }
  .flag_Efipb.UY {
    background-position: -128px -143px; }
  .flag_Efipb.UZ {
    background-position: -144px -143px; }
  .flag_Efipb.VA {
    background-position: -160px -143px; }
  .flag_Efipb.VC {
    background-position: -176px -143px; }
  .flag_Efipb.VE {
    background-position: -192px -143px; }
  .flag_Efipb.VG {
    background-position: -208px -143px; }
  .flag_Efipb.VI {
    background-position: -224px -143px; }
  .flag_Efipb.VN {
    background-position: -240px -143px; }
  .flag_Efipb.VU {
    background-position: 0   -154px; }
  .flag_Efipb.WF {
    background-position: -16px -154px; }
  .flag_Efipb.WS {
    background-position: -32px -154px; }
  .flag_Efipb.YE {
    background-position: -48px -154px; }
  .flag_Efipb.ZA {
    background-position: -64px -154px; }
  .flag_Efipb.ZM {
    background-position: -80px -154px; }
  .flag_Efipb.ZW {
    background-position: -96px -154px; }

.PhoneField_JADLz {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .PhoneField_JADLz .label_wE0mG {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .PhoneField_JADLz .label_wE0mG span {
      margin: 0 2px;
      font-weight: bold; }
  .PhoneField_JADLz :disabled {
    cursor: not-allowed; }
  .PhoneField_JADLz .inputWrapper_I9Awi {
    position: relative; }
  .PhoneField_JADLz .inputControl_ZoTzM {
    position: relative;
    margin: 0;
    width: 300px;
    height: 36px;
    line-height: 25px;
    letter-spacing: .01rem;
    padding-left: 56px;
    border: 1px solid #adadad;
    border-top-style: dashed;
    border-top-color: #d1d1d1;
    border-radius: 0 0 6px 6px;
    background-color: white;
    color: #292929;
    outline: none; }
    .PhoneField_JADLz .inputControl_ZoTzM:focus {
      border: 1px solid #5babfb; }
  .PhoneField_JADLz .countryDropdown_QUoah {
    position: absolute;
    height: 36px;
    top: 0;
    bottom: 0;
    padding: 0;
    background-color: #f5f5f5;
    border-radius: 0 0 0 6px;
    border: 1px solid #adadad;
    border-top-style: dashed;
    border-top-color: #d1d1d1; }
    .PhoneField_JADLz .countryDropdown_QUoah:hover {
      cursor: pointer; }
    .PhoneField_JADLz .countryDropdown_QUoah.open_KfL6s {
      z-index: 2;
      background: #fff; }
  .PhoneField_JADLz input[disabled] + .countryDropdown_QUoah:hover {
    cursor: default; }
    .PhoneField_JADLz input[disabled] + .countryDropdown_QUoah:hover .dropdownButton_cEtnN {
      background-color: transparent; }
  .PhoneField_JADLz .dropdownButton_cEtnN {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
    line-height: 36px;
    text-align: center;
    outline: none;
    color: #707070;
    border-radius: 0 0 0 6px;
    background-color: #f7f7f7;
    background-image: linear-gradient(#f7f7f7, #ededed); }
    .PhoneField_JADLz .dropdownButton_cEtnN:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .PhoneField_JADLz .dropdownButton_cEtnN .flag_Efipb {
      margin: 0 4px; }
    .PhoneField_JADLz .dropdownButton_cEtnN .arrow_FaDkh {
      margin-left: 2px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #5c5c5c; }
      .PhoneField_JADLz .dropdownButton_cEtnN .arrow_FaDkh.up_Du3No {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .PhoneField_JADLz .countryList_xdhSz {
    outline: none;
    z-index: 1;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 10px 0 10px -1px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35);
    background-color: white;
    width: 300px;
    max-height: 198px;
    overflow-y: scroll;
    border-radius: 4px; }
    .PhoneField_JADLz .countryList_xdhSz .dividerItem_zHccY {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #adadad; }
    .PhoneField_JADLz .countryList_xdhSz .countryItem_w7IQn {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .PhoneField_JADLz .countryList_xdhSz .countryItem_w7IQn .dialCode_QJldi {
        color: #6b6b6b; }
      .PhoneField_JADLz .countryList_xdhSz .countryItem_w7IQn:hover {
        background-color: #f1f1f1; }
      .PhoneField_JADLz .countryList_xdhSz .countryItem_w7IQn.highlight_N97XI {
        background-color: #f1f1f1; }
    .PhoneField_JADLz .countryList_xdhSz .flag_Efipb {
      display: inline-block;
      margin-right: 8px;
      margin-top: 2px;
      min-width: 16px; }
    .PhoneField_JADLz .countryList_xdhSz .countryName_mLYgQ {
      margin-right: 6px; }
    .PhoneField_JADLz .countryList_xdhSz .search_LuK3f {
      position: sticky;
      top: 0;
      padding: 10px 16px 8px 16px;
      background-color: white;
      z-index: 140; }
    .PhoneField_JADLz .countryList_xdhSz .searchBox_h_m33 {
      border: 1px solid #cccccc;
      border-radius: 5px;
      font-size: 14px;
      line-height: 15px;
      width: 100%;
      padding: 4px 8px;
      outline: none;
      color: #707070; }
    .PhoneField_JADLz .countryList_xdhSz .noEntriesMessage_G7fR4 {
      padding: 7px 10px 11px;
      color: #707070; }
  .PhoneField_JADLz .addButton_zhu7p {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: #b3b3b3;
    cursor: no-drop; }
    .PhoneField_JADLz .addButton_zhu7p .icon_TVXjD {
      width: 18px;
      height: 18px;
      fill: white; }
    .PhoneField_JADLz .addButton_zhu7p.isActive_ZjtWg {
      background-color: #bc1206;
      cursor: pointer; }
    .PhoneField_JADLz .addButton_zhu7p:hover {
      background-color: #b3b3b3; }
      .PhoneField_JADLz .addButton_zhu7p:hover.isActive_ZjtWg {
        background-color: #d01406; }
  .PhoneField_JADLz .hide_PJsjo {
    display: none; }
  .PhoneField_JADLz .error_IUFZL {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .PhoneField_JADLz.hasError_YVJPq .inputControl_ZoTzM {
    border: 1px solid red !important; }
    .PhoneField_JADLz.hasError_YVJPq .inputControl_ZoTzM.isFocused_reWO4 {
      border: 1px solid red !important; }
  .PhoneField_JADLz.hasError_YVJPq .countryDropdown_QUoah {
    border-left: 1px solid red !important;
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important; }

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/PhoneSelectField/PhoneSelectField.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.flag_akncv {
  width: 16px;
  height: 11px;
  background-image: url("/assets/images/flags16x11.png");
  background-repeat: no-repeat;
  border-style: none; }
  .flag_akncv.AD {
    background-position: -16px      0; }
  .flag_akncv.AE {
    background-position: -32px      0; }
  .flag_akncv.AF {
    background-position: -48px      0; }
  .flag_akncv.AG {
    background-position: -64px      0; }
  .flag_akncv.AI {
    background-position: -80px      0; }
  .flag_akncv.AL {
    background-position: -96px      0; }
  .flag_akncv.AM {
    background-position: -112px      0; }
  .flag_akncv.AO {
    background-position: -128px      0; }
  .flag_akncv.AR {
    background-position: -144px      0; }
  .flag_akncv.AS {
    background-position: -160px      0; }
  .flag_akncv.AT {
    background-position: -176px      0; }
  .flag_akncv.AU {
    background-position: -192px      0; }
  .flag_akncv.AW {
    background-position: -208px      0; }
  .flag_akncv.AZ {
    background-position: -224px      0; }
  .flag_akncv.BA {
    background-position: -240px      0; }
  .flag_akncv.BB {
    background-position: 0    -11px; }
  .flag_akncv.BD {
    background-position: -16px  -11px; }
  .flag_akncv.BE {
    background-position: -32px  -11px; }
  .flag_akncv.BF {
    background-position: -48px  -11px; }
  .flag_akncv.BG {
    background-position: -64px  -11px; }
  .flag_akncv.BH {
    background-position: -80px  -11px; }
  .flag_akncv.BI {
    background-position: -96px  -11px; }
  .flag_akncv.BJ {
    background-position: -112px  -11px; }
  .flag_akncv.BM {
    background-position: -128px  -11px; }
  .flag_akncv.BN {
    background-position: -144px  -11px; }
  .flag_akncv.BO {
    background-position: -160px  -11px; }
  .flag_akncv.BR {
    background-position: -176px  -11px; }
  .flag_akncv.BS {
    background-position: -192px  -11px; }
  .flag_akncv.BT {
    background-position: -208px  -11px; }
  .flag_akncv.BW {
    background-position: -224px  -11px; }
  .flag_akncv.BY {
    background-position: -240px  -11px; }
  .flag_akncv.BZ {
    background-position: 0    -22px; }
  .flag_akncv.CA {
    background-position: -16px  -22px; }
  .flag_akncv.CD {
    background-position: -32px  -22px; }
  .flag_akncv.CF {
    background-position: -48px  -22px; }
  .flag_akncv.CG {
    background-position: -64px  -22px; }
  .flag_akncv.CH {
    background-position: -80px  -22px; }
  .flag_akncv.CI {
    background-position: -96px  -22px; }
  .flag_akncv.CK {
    background-position: -112px  -22px; }
  .flag_akncv.CL {
    background-position: -128px  -22px; }
  .flag_akncv.CM {
    background-position: -144px  -22px; }
  .flag_akncv.CN {
    background-position: -160px  -22px; }
  .flag_akncv.CO {
    background-position: -176px  -22px; }
  .flag_akncv.CR {
    background-position: -192px  -22px; }
  .flag_akncv.CU {
    background-position: -208px  -22px; }
  .flag_akncv.CV {
    background-position: -224px  -22px; }
  .flag_akncv.CW {
    background-position: -240px  -22px; }
  .flag_akncv.CY {
    background-position: 0    -33px; }
  .flag_akncv.CZ {
    background-position: -16px  -33px; }
  .flag_akncv.DE {
    background-position: -32px  -33px; }
  .flag_akncv.DJ {
    background-position: -48px  -33px; }
  .flag_akncv.DK {
    background-position: -64px  -33px; }
  .flag_akncv.DM {
    background-position: -80px  -33px; }
  .flag_akncv.DO {
    background-position: -96px  -33px; }
  .flag_akncv.DZ {
    background-position: -112px  -33px; }
  .flag_akncv.EC {
    background-position: -128px  -33px; }
  .flag_akncv.EE {
    background-position: -144px  -33px; }
  .flag_akncv.EG {
    background-position: -160px  -33px; }
  .flag_akncv.ER {
    background-position: -176px  -33px; }
  .flag_akncv.ES {
    background-position: -192px  -33px; }
  .flag_akncv.ET {
    background-position: -208px  -33px; }
  .flag_akncv.FI {
    background-position: -224px  -33px; }
  .flag_akncv.FJ {
    background-position: -240px  -33px; }
  .flag_akncv.FK {
    background-position: 0    -44px; }
  .flag_akncv.FM {
    background-position: -16px  -44px; }
  .flag_akncv.FO {
    background-position: -32px  -44px; }
  .flag_akncv.FR {
    background-position: -48px  -44px; }
  .flag_akncv.BL {
    background-position: -48px  -44px; }
  .flag_akncv.MF {
    background-position: -48px  -44px; }
  .flag_akncv.GA {
    background-position: -64px  -44px; }
  .flag_akncv.GB {
    background-position: -80px  -44px; }
  .flag_akncv.GD {
    background-position: -96px  -44px; }
  .flag_akncv.GE {
    background-position: -112px  -44px; }
  .flag_akncv.GF {
    background-position: -128px  -44px; }
  .flag_akncv.GH {
    background-position: -144px  -44px; }
  .flag_akncv.GI {
    background-position: -160px  -44px; }
  .flag_akncv.GL {
    background-position: -176px  -44px; }
  .flag_akncv.GM {
    background-position: -192px  -44px; }
  .flag_akncv.GN {
    background-position: -208px  -44px; }
  .flag_akncv.GP {
    background-position: -224px  -44px; }
  .flag_akncv.GQ {
    background-position: -240px  -44px; }
  .flag_akncv.GR {
    background-position: 0    -55px; }
  .flag_akncv.GT {
    background-position: -16px  -55px; }
  .flag_akncv.GU {
    background-position: -32px  -55px; }
  .flag_akncv.GW {
    background-position: -48px  -55px; }
  .flag_akncv.GY {
    background-position: -64px  -55px; }
  .flag_akncv.HK {
    background-position: -80px  -55px; }
  .flag_akncv.HN {
    background-position: -96px  -55px; }
  .flag_akncv.HR {
    background-position: -112px  -55px; }
  .flag_akncv.HT {
    background-position: -128px  -55px; }
  .flag_akncv.HU {
    background-position: -144px  -55px; }
  .flag_akncv.ID {
    background-position: -160px  -55px; }
  .flag_akncv.IE {
    background-position: -176px  -55px; }
  .flag_akncv.IL {
    background-position: -192px  -55px; }
  .flag_akncv.IN {
    background-position: -208px  -55px; }
  .flag_akncv.IO {
    background-position: -224px  -55px; }
  .flag_akncv.IQ {
    background-position: -240px  -55px; }
  .flag_akncv.IR {
    background-position: 0    -66px; }
  .flag_akncv.IS {
    background-position: -16px  -66px; }
  .flag_akncv.IT {
    background-position: -32px  -66px; }
  .flag_akncv.JE {
    background-position: -144px -154px; }
  .flag_akncv.JM {
    background-position: -48px  -66px; }
  .flag_akncv.JO {
    background-position: -64px  -66px; }
  .flag_akncv.JP {
    background-position: -80px  -66px; }
  .flag_akncv.KE {
    background-position: -96px  -66px; }
  .flag_akncv.KG {
    background-position: -112px  -66px; }
  .flag_akncv.KH {
    background-position: -128px  -66px; }
  .flag_akncv.KI {
    background-position: -144px  -66px; }
  .flag_akncv.XK {
    background-position: -128px -154px; }
  .flag_akncv.KM {
    background-position: -160px  -66px; }
  .flag_akncv.KN {
    background-position: -176px  -66px; }
  .flag_akncv.KP {
    background-position: -192px  -66px; }
  .flag_akncv.KR {
    background-position: -208px  -66px; }
  .flag_akncv.KW {
    background-position: -224px  -66px; }
  .flag_akncv.KY {
    background-position: -240px  -66px; }
  .flag_akncv.KZ {
    background-position: 0    -77px; }
  .flag_akncv.LA {
    background-position: -16px  -77px; }
  .flag_akncv.LB {
    background-position: -32px  -77px; }
  .flag_akncv.LC {
    background-position: -48px  -77px; }
  .flag_akncv.LI {
    background-position: -64px  -77px; }
  .flag_akncv.LK {
    background-position: -80px  -77px; }
  .flag_akncv.LR {
    background-position: -96px  -77px; }
  .flag_akncv.LS {
    background-position: -112px  -77px; }
  .flag_akncv.LT {
    background-position: -128px  -77px; }
  .flag_akncv.LU {
    background-position: -144px  -77px; }
  .flag_akncv.LV {
    background-position: -160px  -77px; }
  .flag_akncv.LY {
    background-position: -176px  -77px; }
  .flag_akncv.MA {
    background-position: -192px  -77px; }
  .flag_akncv.MC {
    background-position: -208px  -77px; }
  .flag_akncv.MD {
    background-position: -224px  -77px; }
  .flag_akncv.ME {
    background-position: -112px -154px;
    height: 12px; }
  .flag_akncv.MG {
    background-position: 0    -88px; }
  .flag_akncv.MH {
    background-position: -16px  -88px; }
  .flag_akncv.MK {
    background-position: -32px  -88px; }
  .flag_akncv.ML {
    background-position: -48px  -88px; }
  .flag_akncv.MM {
    background-position: -64px  -88px; }
  .flag_akncv.MN {
    background-position: -80px  -88px; }
  .flag_akncv.MO {
    background-position: -96px  -88px; }
  .flag_akncv.MP {
    background-position: -112px  -88px; }
  .flag_akncv.MQ {
    background-position: -128px  -88px; }
  .flag_akncv.MR {
    background-position: -144px  -88px; }
  .flag_akncv.MS {
    background-position: -160px  -88px; }
  .flag_akncv.MT {
    background-position: -176px  -88px; }
  .flag_akncv.MU {
    background-position: -192px  -88px; }
  .flag_akncv.MV {
    background-position: -208px  -88px; }
  .flag_akncv.MW {
    background-position: -224px  -88px; }
  .flag_akncv.MX {
    background-position: -240px  -88px; }
  .flag_akncv.MY {
    background-position: 0    -99px; }
  .flag_akncv.MZ {
    background-position: -16px  -99px; }
  .flag_akncv.NA {
    background-position: -32px  -99px; }
  .flag_akncv.NC {
    background-position: -48px  -99px; }
  .flag_akncv.NE {
    background-position: -64px  -99px; }
  .flag_akncv.NF {
    background-position: -80px  -99px; }
  .flag_akncv.NG {
    background-position: -96px  -99px; }
  .flag_akncv.NI {
    background-position: -112px  -99px; }
  .flag_akncv.NL {
    background-position: -128px  -99px; }
  .flag_akncv.BQ {
    background-position: -128px  -99px; }
  .flag_akncv.NO {
    background-position: -144px  -99px; }
  .flag_akncv.NP {
    background-position: -160px  -99px; }
  .flag_akncv.NR {
    background-position: -176px  -99px; }
  .flag_akncv.NU {
    background-position: -192px  -99px; }
  .flag_akncv.NZ {
    background-position: -208px  -99px; }
  .flag_akncv.OM {
    background-position: -224px  -99px; }
  .flag_akncv.PA {
    background-position: -240px  -99px; }
  .flag_akncv.PE {
    background-position: 0   -110px; }
  .flag_akncv.PF {
    background-position: -16px -110px; }
  .flag_akncv.PG {
    background-position: -32px -110px; }
  .flag_akncv.PH {
    background-position: -48px -110px; }
  .flag_akncv.PK {
    background-position: -64px -110px; }
  .flag_akncv.PL {
    background-position: -80px -110px; }
  .flag_akncv.PM {
    background-position: -96px -110px; }
  .flag_akncv.PR {
    background-position: -112px -110px; }
  .flag_akncv.PS {
    background-position: -128px -110px; }
  .flag_akncv.PT {
    background-position: -144px -110px; }
  .flag_akncv.PW {
    background-position: -160px -110px; }
  .flag_akncv.PY {
    background-position: -176px -110px; }
  .flag_akncv.QA {
    background-position: -192px -110px; }
  .flag_akncv.RE {
    background-position: -208px -110px; }
  .flag_akncv.RO {
    background-position: -224px -110px; }
  .flag_akncv.RS {
    background-position: -240px -110px; }
  .flag_akncv.RU {
    background-position: 0   -121px; }
  .flag_akncv.RW {
    background-position: -16px -121px; }
  .flag_akncv.SA {
    background-position: -32px -121px; }
  .flag_akncv.SB {
    background-position: -48px -121px; }
  .flag_akncv.SC {
    background-position: -64px -121px; }
  .flag_akncv.SD {
    background-position: -80px -121px; }
  .flag_akncv.SE {
    background-position: -96px -121px; }
  .flag_akncv.SG {
    background-position: -112px -121px; }
  .flag_akncv.SH {
    background-position: -128px -121px; }
  .flag_akncv.SI {
    background-position: -144px -121px; }
  .flag_akncv.SK {
    background-position: -160px -121px; }
  .flag_akncv.SL {
    background-position: -176px -121px; }
  .flag_akncv.SM {
    background-position: -192px -121px; }
  .flag_akncv.SN {
    background-position: -208px -121px; }
  .flag_akncv.SO {
    background-position: -224px -121px; }
  .flag_akncv.SR {
    background-position: -240px -121px; }
  .flag_akncv.SS {
    background-position: 0   -132px; }
  .flag_akncv.ST {
    background-position: -16px -132px; }
  .flag_akncv.SV {
    background-position: -32px -132px; }
  .flag_akncv.SX {
    background-position: -48px -132px; }
  .flag_akncv.SY {
    background-position: -64px -132px; }
  .flag_akncv.SZ {
    background-position: -80px -132px; }
  .flag_akncv.TC {
    background-position: -96px -132px; }
  .flag_akncv.TD {
    background-position: -112px -132px; }
  .flag_akncv.TG {
    background-position: -128px -132px; }
  .flag_akncv.TH {
    background-position: -144px -132px; }
  .flag_akncv.TJ {
    background-position: -160px -132px; }
  .flag_akncv.TK {
    background-position: -176px -132px; }
  .flag_akncv.TL {
    background-position: -192px -132px; }
  .flag_akncv.TM {
    background-position: -208px -132px; }
  .flag_akncv.TN {
    background-position: -224px -132px; }
  .flag_akncv.TO {
    background-position: -240px -132px; }
  .flag_akncv.TR {
    background-position: 0   -143px; }
  .flag_akncv.TT {
    background-position: -16px -143px; }
  .flag_akncv.TV {
    background-position: -32px -143px; }
  .flag_akncv.TW {
    background-position: -48px -143px; }
  .flag_akncv.TZ {
    background-position: -64px -143px; }
  .flag_akncv.UA {
    background-position: -80px -143px; }
  .flag_akncv.UG {
    background-position: -96px -143px; }
  .flag_akncv.US {
    background-position: -112px -143px; }
  .flag_akncv.UY {
    background-position: -128px -143px; }
  .flag_akncv.UZ {
    background-position: -144px -143px; }
  .flag_akncv.VA {
    background-position: -160px -143px; }
  .flag_akncv.VC {
    background-position: -176px -143px; }
  .flag_akncv.VE {
    background-position: -192px -143px; }
  .flag_akncv.VG {
    background-position: -208px -143px; }
  .flag_akncv.VI {
    background-position: -224px -143px; }
  .flag_akncv.VN {
    background-position: -240px -143px; }
  .flag_akncv.VU {
    background-position: 0   -154px; }
  .flag_akncv.WF {
    background-position: -16px -154px; }
  .flag_akncv.WS {
    background-position: -32px -154px; }
  .flag_akncv.YE {
    background-position: -48px -154px; }
  .flag_akncv.ZA {
    background-position: -64px -154px; }
  .flag_akncv.ZM {
    background-position: -80px -154px; }
  .flag_akncv.ZW {
    background-position: -96px -154px; }

.PhoneSelectField_gt_LW {
  width: 300px;
  font-size: 1.4rem;
  font-weight: normal; }
  .PhoneSelectField_gt_LW .label_qmZfQ {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .PhoneSelectField_gt_LW .label_qmZfQ span {
      margin: 0 2px;
      font-weight: bold; }
  .PhoneSelectField_gt_LW .select_L0em0 {
    font-size: 14px; }
    .PhoneSelectField_gt_LW .select_L0em0 .control_ZC2sA {
      outline: 0 !important; }
    .PhoneSelectField_gt_LW .select_L0em0 .control_ZC2sA {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      min-height: 36px;
      padding-top: 0;
      padding-bottom: 1px;
      border: 1px solid #adadad;
      border-bottom: none;
      border-radius: 6px 6px 0 0;
      color: #292929;
      transition: all 100ms;
      cursor: default; }
      .PhoneSelectField_gt_LW .select_L0em0 .control_ZC2sA.isFocused_Sw2RH {
        border: 1px solid #5babfb; }
      .PhoneSelectField_gt_LW .select_L0em0 .control_ZC2sA input {
        display: none; }
    .PhoneSelectField_gt_LW .select_L0em0 .clearIndicator_pS_fx {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .PhoneSelectField_gt_LW .select_L0em0 .clearIndicator_pS_fx .icon_s8BiE {
        width: 22px;
        height: 22px; }
      .PhoneSelectField_gt_LW .select_L0em0 .clearIndicator_pS_fx:hover .icon_s8BiE {
        fill: #d01406; }
    .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      min-width: 200px;
      margin: 0 2px 6px 2px;
      border-radius: 4px;
      border: 1px solid #cccccc;
      color: #292929;
      background-color: white;
      box-shadow: 0 2px 4px #e0e0e0; }
      .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6:first-child {
        margin-top: 8px; }
      .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 + .multiValue_Q7Me6 {
        margin-top: -7px; }
      .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 .flag_akncv {
        margin: 0 6px 0 10px; }
      .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 .labelText_aDfXj {
        min-width: 0;
        max-width: 200px;
        height: 30px;
        line-height: 30px;
        padding-right: 4px;
        border-radius: 4px;
        cursor: default;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 .removeButton_Yu8nb {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 30px;
        border-left: 1px solid rgba(0, 0, 0, 0);
        border-radius: 0 4px 4px 0;
        cursor: pointer; }
        .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 .removeButton_Yu8nb:hover {
          border-left-color: #c4c4c4;
          background-color: #f7f7f7; }
        .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 .removeButton_Yu8nb .icon_s8BiE {
          width: 16px;
          height: 16px; }
        .PhoneSelectField_gt_LW .select_L0em0 .multiValue_Q7Me6 .removeButton_Yu8nb:hover .icon_s8BiE {
          fill: #d01406; }
  .PhoneSelectField_gt_LW .error_g9USF {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .PhoneSelectField_gt_LW.isError_KDc7N .control_ZC2sA {
    border: 1px solid red !important; }
    .PhoneSelectField_gt_LW.isError_KDc7N .control_ZC2sA.isFocused_Sw2RH {
      border: 1px solid red !important; }

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/UrlField/UrlField.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.UrlField_lbrU1 {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .UrlField_lbrU1 .label_eMY8C {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .UrlField_lbrU1 .label_eMY8C span {
      margin: 0 2px;
      font-weight: bold; }
  .UrlField_lbrU1 :disabled {
    cursor: not-allowed; }
  .UrlField_lbrU1 .inputWrapper_sPfpB {
    position: relative; }
  .UrlField_lbrU1 .inputControl_fPe5Y {
    position: relative;
    height: 36px;
    width: 100%;
    margin: 0;
    padding-left: 150px;
    padding-right: 40px;
    border: 1px solid #adadad;
    border-top-style: dashed;
    border-top-color: #d1d1d1;
    border-radius: 0 0 6px 6px;
    background-color: white;
    color: #292929;
    letter-spacing: .01rem;
    line-height: 25px;
    outline: none; }
    .UrlField_lbrU1 .inputControl_fPe5Y:focus {
      border: 1px solid #5babfb; }
  .UrlField_lbrU1 .dropdown_IcubQ {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    height: 36px;
    border: 1px solid #adadad;
    border-top-style: dashed;
    border-top-color: #d1d1d1;
    border-radius: 0 0 0 6px;
    background-color: #f5f5f5; }
    .UrlField_lbrU1 .dropdown_IcubQ:hover {
      cursor: pointer; }
    .UrlField_lbrU1 .dropdown_IcubQ.open_GKijN {
      z-index: 2;
      background: #fff; }
  .UrlField_lbrU1 input[disabled] + .dropdown_IcubQ:hover {
    cursor: default; }
    .UrlField_lbrU1 input[disabled] + .dropdown_IcubQ:hover .dropdownButton_eaLlW {
      background-color: transparent; }
  .UrlField_lbrU1 .dropdownButton_eaLlW {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 100%;
    line-height: 36px;
    text-align: center;
    outline: none;
    border-radius: 0 0 0 6px;
    color: #707070;
    background-color: #f7f7f7;
    background-image: linear-gradient(#f7f7f7, #ededed); }
    .UrlField_lbrU1 .dropdownButton_eaLlW:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .UrlField_lbrU1 .dropdownButton_eaLlW .typeLabel_Xzuyh {
      margin-right: 12px;
      color: #5c5c5c; }
    .UrlField_lbrU1 .dropdownButton_eaLlW .arrow_cNhEV {
      position: absolute;
      right: 8px;
      top: 16px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #5c5c5c; }
      .UrlField_lbrU1 .dropdownButton_eaLlW .arrow_cNhEV.up_IKepF {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .UrlField_lbrU1 .dropdownList_AlFEp {
    position: absolute;
    width: 142px;
    max-height: 400px;
    margin: 6px 0 10px -1px;
    padding: 6px 0;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.35);
    background-color: white;
    border-radius: 4px;
    list-style: none;
    overflow-y: scroll;
    outline: none;
    z-index: 1; }
    .UrlField_lbrU1 .dropdownList_AlFEp .dropdownItem_dz2QV {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .UrlField_lbrU1 .dropdownList_AlFEp .dropdownItem_dz2QV:hover {
        background-color: #f0f0f0; }
      .UrlField_lbrU1 .dropdownList_AlFEp .dropdownItem_dz2QV.isPicked_hSPu3 {
        background-color: #e6e6e6; }
    .UrlField_lbrU1 .dropdownList_AlFEp .optionLabel_eyQNB {
      margin-right: 6px; }
  .UrlField_lbrU1 .addButton_zlqF6 {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: #b3b3b3;
    cursor: no-drop; }
    .UrlField_lbrU1 .addButton_zlqF6 .icon_CDg01 {
      width: 18px;
      height: 18px;
      fill: white; }
    .UrlField_lbrU1 .addButton_zlqF6.isActive_VnARr {
      background-color: #bc1206;
      cursor: pointer; }
    .UrlField_lbrU1 .addButton_zlqF6:hover {
      background-color: #b3b3b3; }
      .UrlField_lbrU1 .addButton_zlqF6:hover.isActive_VnARr {
        background-color: #d01406; }
  .UrlField_lbrU1 .isHidden__9ogh {
    display: none; }
  .UrlField_lbrU1 .error_nPoox {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .UrlField_lbrU1.hasError_u_jco .inputControl_fPe5Y {
    border: 1px solid red !important; }
    .UrlField_lbrU1.hasError_u_jco .inputControl_fPe5Y.isFocused_RVmYy {
      border: 1px solid red !important; }
  .UrlField_lbrU1.hasError_u_jco .dropdown_IcubQ {
    border-left: 1px solid red !important;
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important; }

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/UrlSelectField/UrlSelectField.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.UrlSelectField_CtTQN {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .UrlSelectField_CtTQN .label_kme1c {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .UrlSelectField_CtTQN .label_kme1c span {
      margin: 0 2px;
      font-weight: bold; }
  .UrlSelectField_CtTQN .select_IrRtW {
    font-size: 14px; }
    .UrlSelectField_CtTQN .select_IrRtW .control_v5zrr {
      outline: 0 !important; }
    .UrlSelectField_CtTQN .select_IrRtW .control_v5zrr {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      min-height: 36px;
      padding-top: 2px;
      padding-bottom: 2px;
      border: 1px solid #adadad;
      border-bottom: none;
      border-radius: 6px 6px 0 0;
      color: #292929;
      transition: all 100ms;
      cursor: default; }
      .UrlSelectField_CtTQN .select_IrRtW .control_v5zrr.isFocused_BWGrz {
        border: 1px solid #5babfb; }
      .UrlSelectField_CtTQN .select_IrRtW .control_v5zrr input {
        display: none; }
    .UrlSelectField_CtTQN .select_IrRtW .clearIndicator_HwgOO {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .UrlSelectField_CtTQN .select_IrRtW .clearIndicator_HwgOO .icon_GSSGD {
        width: 22px;
        height: 22px; }
      .UrlSelectField_CtTQN .select_IrRtW .clearIndicator_HwgOO:hover .icon_GSSGD {
        fill: #d01406; }
    .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 95%;
      min-width: 95%;
      max-width: 95%;
      margin: 0 2px 8px 2px;
      color: #292929; }
      .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn:first-child {
        margin-top: 8px; }
      .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn + .multiValue_Qj9Xn {
        margin-top: -12px; }
      .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn .typeText_x9I0F {
        flex-shrink: 0;
        min-width: 138px;
        height: 30px;
        line-height: 30px;
        padding-left: 0;
        padding-right: 16px;
        border-radius: 4px;
        text-align: right;
        font-style: italic;
        color: #707070;
        cursor: default; }
      .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn a, .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn .labelText_bi_hG {
        min-width: 0;
        height: 30px;
        line-height: 30px;
        padding-right: 10px;
        cursor: pointer;
        overflow: hidden;
        color: #3b40ce; }
      .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn .removeButton_mpMWJ {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 30px;
        border-left: 1px solid rgba(0, 0, 0, 0);
        border-radius: 4px;
        cursor: pointer; }
        .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn .removeButton_mpMWJ:hover {
          background-color: white; }
        .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn .removeButton_mpMWJ .icon_GSSGD {
          width: 16px;
          height: 16px; }
        .UrlSelectField_CtTQN .select_IrRtW .multiValue_Qj9Xn .removeButton_mpMWJ:hover .icon_GSSGD {
          fill: #d01406; }
  .UrlSelectField_CtTQN .error_KC5nr {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .UrlSelectField_CtTQN.isError_gq6fy .control_v5zrr {
    border: 1px solid red !important; }
    .UrlSelectField_CtTQN.isError_gq6fy .control_v5zrr.isFocused_BWGrz {
      border: 1px solid red !important; }

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/SelectField/SelectField.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.SelectField_eIsoK {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .SelectField_eIsoK .label_HDnag {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .SelectField_eIsoK .label_HDnag span {
      margin: 0 2px;
      font-weight: bold; }
  .SelectField_eIsoK .select_28jxy {
    font-size: 14px; }
    .SelectField_eIsoK .select_28jxy .control_Z6rMo {
      outline: 0 !important; }
    .SelectField_eIsoK .select_28jxy .control_Z6rMo {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      min-height: 42px;
      border: 1px solid #adadad;
      border-radius: 6px;
      background-color: white;
      color: #292929;
      transition: all 100ms;
      cursor: default; }
      .SelectField_eIsoK .select_28jxy .control_Z6rMo.isFocused_tDaxs {
        border: 1px solid #5babfb; }
    .SelectField_eIsoK .select_28jxy .indicatorSeparator_K6xi4 {
      width: 1px;
      align-self: stretch;
      background-color: #adadad; }
    .SelectField_eIsoK .select_28jxy .clearIndicator_NVoJq {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .SelectField_eIsoK .select_28jxy .clearIndicator_NVoJq .icon_qZ2Fr {
        width: 22px;
        height: 22px; }
      .SelectField_eIsoK .select_28jxy .clearIndicator_NVoJq:hover .icon_qZ2Fr {
        fill: #d01406; }
    .SelectField_eIsoK .select_28jxy .dropdownIndicator_CL6df {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 10px 7px 5px 7px;
      border-radius: 0 6px 6px 0;
      cursor: pointer;
      background-image: linear-gradient(#f7f7f7, #ededed); }
      .SelectField_eIsoK .select_28jxy .dropdownIndicator_CL6df .icon_qZ2Fr {
        width: 22px;
        height: 22px; }
      .SelectField_eIsoK .select_28jxy .dropdownIndicator_CL6df:hover {
        background-image: linear-gradient(#f7f7f7, #dedede); }
        .SelectField_eIsoK .select_28jxy .dropdownIndicator_CL6df:hover .icon_qZ2Fr {
          fill: black; }
    .SelectField_eIsoK .select_28jxy .menu_uEHkb {
      position: absolute;
      width: 100%;
      top: 100%;
      margin-top: 4px;
      margin-bottom: 36px;
      border-radius: 4px;
      color: #292929;
      background-color: white;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 20px rgba(0, 0, 0, 0.2);
      z-index: 1; }
    .SelectField_eIsoK .select_28jxy .menuList_bu1Ha {
      position: relative;
      max-height: 300px;
      padding-top: 6px;
      padding-bottom: 6px;
      overflow-y: auto; }
    .SelectField_eIsoK .select_28jxy .option_hVFGd {
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      position: relative;
      display: block;
      width: 100%;
      padding: 0 12px 0 20px;
      font-size: inherit;
      line-height: 32px;
      height: 32px;
      background-color: transparent;
      color: inherit;
      cursor: default;
      overflow: hidden;
      word-break: break-all;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .SelectField_eIsoK .select_28jxy .option_hVFGd.isCourse_lxvqn {
        background-color: #ebf6ff; }
      .SelectField_eIsoK .select_28jxy .option_hVFGd.isFocused_tDaxs {
        color: #292929;
        background-color: #bedefd; }
      .SelectField_eIsoK .select_28jxy .option_hVFGd.isSelected_XIXrI {
        color: #292929;
        background-color: #a1cffd; }
      .SelectField_eIsoK .select_28jxy .option_hVFGd.isDisabled_dcfeD {
        color: #b3b3b3;
        background-color: #f2f2f2; }
      .SelectField_eIsoK .select_28jxy .option_hVFGd .privacy_gplub {
        position: absolute;
        top: 0;
        left: 6px;
        height: 32px;
        display: flex;
        align-items: center; }
        .SelectField_eIsoK .select_28jxy .option_hVFGd .privacy_gplub .icon_qZ2Fr {
          width: 10px;
          height: 10px; }
    .SelectField_eIsoK .select_28jxy .multiValue_NJBVi {
      display: flex;
      flex-direction: row;
      min-width: 0;
      margin: 2px 7px 2px -3px;
      padding-left: 10px;
      border-radius: 4px;
      border: 1px solid #adadad;
      color: #292929;
      background-color: white;
      box-shadow: 0 2px 4px #e0e0e0; }
      .SelectField_eIsoK .select_28jxy .multiValue_NJBVi .privacy_gplub {
        display: flex;
        align-items: center;
        margin-right: 4px; }
        .SelectField_eIsoK .select_28jxy .multiValue_NJBVi .privacy_gplub .icon_qZ2Fr {
          width: 12px;
          height: 12px; }
      .SelectField_eIsoK .select_28jxy .multiValue_NJBVi .labelText_Qj78A {
        min-width: 0;
        max-width: 200px;
        height: 30px;
        line-height: 30px;
        padding-right: 4px;
        border-radius: 4px;
        cursor: default;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .SelectField_eIsoK .select_28jxy .multiValue_NJBVi .removeButton_TB59h {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        border-left: 1px solid rgba(0, 0, 0, 0);
        border-radius: 0 4px 4px 0;
        cursor: pointer; }
        .SelectField_eIsoK .select_28jxy .multiValue_NJBVi .removeButton_TB59h:hover {
          border-left-color: #c4c4c4;
          background-color: #f7f7f7; }
        .SelectField_eIsoK .select_28jxy .multiValue_NJBVi .removeButton_TB59h .icon_qZ2Fr {
          width: 16px;
          height: 16px; }
        .SelectField_eIsoK .select_28jxy .multiValue_NJBVi .removeButton_TB59h:hover .icon_qZ2Fr {
          fill: #d01406; }
      .SelectField_eIsoK .select_28jxy .multiValue_NJBVi.isCourseType_gAimd {
        color: #052057;
        border-color: #749edc;
        background-color: #f5fbff; }
    .SelectField_eIsoK .select_28jxy input {
      min-width: 0;
      max-width: 200px;
      margin-left: 2px; }
  .SelectField_eIsoK .error_C0BMV {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .SelectField_eIsoK.isError_wwdrH .control_Z6rMo {
    border: 1px solid red !important; }
    .SelectField_eIsoK.isError_wwdrH .control_Z6rMo.isFocused_tDaxs {
      border: 1px solid red !important; }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/buttons/PictButton.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.PictButton_EI4I9 {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px; }
  .PictButton_EI4I9 .icon_rZi8j {
    width: 26px;
    height: 26px;
    margin-top: 1px;
    fill: #5c5c5c; }
  .PictButton_EI4I9:focus {
    box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
  .PictButton_EI4I9:hover.isDisabled_qzUHl .icon_rZi8j {
    fill: #cccccc !important; }
  .PictButton_EI4I9:active.isDisabled_qzUHl {
    background-image: linear-gradient(#ebebeb, #dbdbdb); }
  .PictButton_EI4I9 .badgeText_TobXp {
    position: absolute;
    top: 3px;
    right: 2px;
    padding: 2px 4px 1px 4px;
    border: 1px solid white;
    border-radius: 10px;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    background-color: #f20d0d;
    color: white; }
  .PictButton_EI4I9 .qtyText_hluOb {
    position: absolute;
    top: 1px;
    right: 1px;
    left: 0;
    text-align: center;
    font-size: 9px;
    color: #d01406; }
  .PictButton_EI4I9.isDisabled_qzUHl {
    background-image: linear-gradient(#e6e6e6, #e0e0e0) !important; }
  .PictButton_EI4I9.isDisabled_qzUHl {
    cursor: not-allowed;
    color: #9c9c9c;
    border-color: #c7c7c7;
    opacity: 0.6; }
    .PictButton_EI4I9.isDisabled_qzUHl .icon_rZi8j {
      fill: #bdbdbd; }

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RichEditor/core/rich-codeblock.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.CodeBlock_xAJ3G {
  position: relative;
  margin: 12px -12px;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  background-color: #f0f0f0;
  overflow: hidden; }
  .CodeBlock_xAJ3G .language_Tn5kg {
    position: absolute;
    top: 6px;
    right: 0;
    padding: 4px 8px 4px 10px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #cccccc;
    border-right: 0;
    font-size: 14px;
    text-shadow: 0 1px #fcfcfc;
    text-transform: uppercase;
    color: #292929;
    background-color: #e0e0e0; }
  .CodeBlock_xAJ3G pre {
    padding: 12px 12px;
    overflow-x: scroll;
    word-wrap: normal; }
  .CodeBlock_xAJ3G code {
    font-size: 13px;
    line-height: 16px;
    text-shadow: 0 1px #fcfcfc; }

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RichEditor/RichIcon.scss ***!
  \********************************************************************************************************************************************************************************************************/
.RichIcon_Yc7Yb {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-right: 1px solid black;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.89));
  background-color: #242424;
  color: #e6e6e6;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer; }
  .RichIcon_Yc7Yb .icon_beoxK {
    width: 20px;
    height: 20px;
    fill: #e6e6e6; }
  .RichIcon_Yc7Yb.isActive_Xq_Jb {
    background: 0;
    color: white;
    box-shadow: 0 2px 0 0 #d01406; }
    .RichIcon_Yc7Yb.isActive_Xq_Jb .icon_beoxK {
      fill: white; }
  .RichIcon_Yc7Yb:hover {
    color: yellow; }
    .RichIcon_Yc7Yb:hover .icon_beoxK {
      fill: yellow; }
  .RichIcon_Yc7Yb.isDisabled_LkzXZ {
    cursor: not-allowed;
    color: #b3b3b3; }
    .RichIcon_Yc7Yb.isDisabled_LkzXZ .icon_beoxK {
      fill: #b3b3b3; }
  .RichIcon_Yc7Yb:first-child {
    width: 45px;
    border-radius: 5px 0 0 5px; }
  .RichIcon_Yc7Yb:last-child {
    width: 45px;
    border-radius: 0 5px 5px 0; }

.RichIcon_Yc7Yb + .RichIcon_Yc7Yb {
  border-left: 1px solid #404040; }

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RichEditor/core/rich-table.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.Table_waEHv {
  display: block;
  max-width: 100%;
  margin: 12px 0;
  vertical-align: top;
  overflow-x: auto;
  cursor: auto; }
  .Table_waEHv tbody {
    display: table-row-group;
    vertical-align: middle;
    background-color: white; }
  .Table_waEHv tr {
    display: table-row;
    min-height: 32px; }
    .Table_waEHv tr:first-child {
      background-color: #e0f0ff; }
  .Table_waEHv td {
    display: table-cell;
    min-width: 33px;
    padding: 8px 8px 8px 8px;
    border: 1px solid #adadad; }
    .Table_waEHv td ul, .Table_waEHv td ol {
      margin: 0 8px 0 20px; }

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RichEditor/core/rich-hr.scss ***!
  \************************************************************************************************************************************************************************************************************/
.Horizontal_aQzLi {
  width: 100%;
  height: 1px;
  margin: 24px 0;
  background-color: #adadad;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0), #adadad 25%, #adadad 75%, rgba(0, 0, 0, 0)); }

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber; }

pre[class*="language-"].line-numbers > code {
  position: relative;
  white-space: inherit; }

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.line-numbers-rows > span {
  display: block;
  counter-increment: linenumber; }

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right; }

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RichEditor/RichToolbar.scss ***!
  \***********************************************************************************************************************************************************************************************************/
@keyframes toolbar-show-upward_aycGF {
  0% {
    opacity: 0;
    transform: matrix(0.97, 0, 0, 1, 0, 12); }
  20% {
    opacity: .7;
    transform: matrix(0.99, 0, 0, 1, 0, 2); }
  40% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, -1); }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0); } }

.ToolbarWrapper_CGCQa {
  position: relative; }

.Toolbar_UwiiX {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  border-radius: 5px;
  background-color: black;
  z-index: 960;
  animation: toolbar-show-upward_aycGF 160ms forwards linear; }
  .Toolbar_UwiiX:after {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    content: " "; }
  .Toolbar_UwiiX.isTop_9HgDv:after {
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: black transparent transparent transparent; }
  .Toolbar_UwiiX.isBottom_eJPJA:after {
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent black transparent; }
  .Toolbar_UwiiX .toolbarDivider_FpUCa {
    height: 44px;
    width: 1px;
    background-color: #999999; }

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/prism.css ***!
  \*************************************************************************************************************************************************************************************/
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: gray; }

.token.punctuation {
  color: #999; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905; }

.token.selector,
.token.attr-name,
.token.char,
.token.builtin,
.token.inserted {
  color: #9f642d; }

.token.string {
  color: darkgreen; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a; }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a; }

.token.function,
.token.class-name {
  color: #DD4A68; }

.token.regex,
.token.important,
.token.variable {
  color: #e90; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RichEditor/RichEditor.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.RichEditor_qtSWt {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  word-break: break-word; }
  .RichEditor_qtSWt .placeholder_Rnq2A {
    display: inline-block;
    width: 0;
    max-width: 100%;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    white-space: nowrap;
    pointer-events: none;
    color: #b3b3b3; }
  .RichEditor_qtSWt h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_qtSWt h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0.8em 0; }
  .RichEditor_qtSWt h3 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 1em 0; }
  .RichEditor_qtSWt h4 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 1.2em 0; }
  .RichEditor_qtSWt h5 {
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_qtSWt h6 {
    font-size: 0.65em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_qtSWt a {
    color: #2470db; }
    .RichEditor_qtSWt a:visited {
      color: #474bc2; }
    .RichEditor_qtSWt a:hover {
      text-decoration: underline; }
  .RichEditor_qtSWt ul, .RichEditor_qtSWt ol {
    margin: 8px 20px; }
  .RichEditor_qtSWt ul {
    list-style-type: disc; }
  .RichEditor_qtSWt ol {
    list-style-type: decimal; }
  .RichEditor_qtSWt li + li {
    margin-top: 2px; }
  .RichEditor_qtSWt samp {
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 16px;
    background-color: #ebebeb; }

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/RichField/RichField.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.RichField_YhV9m {
  width: 100%;
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: normal; }
  .RichField_YhV9m .label_vh70_ {
    position: relative;
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .RichField_YhV9m .label_vh70_ span {
      margin: 0 2px;
      font-weight: bold; }
    .RichField_YhV9m .label_vh70_ .markdownButton_ChtZT {
      position: absolute;
      top: 3px;
      right: -5px;
      width: 26px;
      height: 26px; }
      .RichField_YhV9m .label_vh70_ .markdownButton_ChtZT .icon_oSLdv {
        fill: #8f8f8f; }
        .RichField_YhV9m .label_vh70_ .markdownButton_ChtZT .icon_oSLdv:hover {
          fill: #439d46; }
  .RichField_YhV9m .editor_gfQHo {
    display: block;
    resize: vertical;
    width: 100%;
    min-width: 100%;
    max-width: 0;
    min-height: 108px;
    padding: 12px 12px;
    border: 1px solid #adadad;
    border-radius: 0px;
    background-color: white;
    color: #292929;
    text-align: justify;
    line-height: 1.38em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    cursor: text; }
    .RichField_YhV9m .editor_gfQHo:focus {
      border: 1px solid #5babfb; }
    .RichField_YhV9m .editor_gfQHo blockquote {
      margin: 12px 0 12px 0;
      padding: 16px 20px 14px 16px;
      border-left: 8px solid #cccccc;
      border-radius: 0 8px 8px 0;
      background-color: rgba(230, 230, 230, 0.5);
      box-shadow: 0 1px 0 0 rgba(179, 179, 179, 0.5); }
  .RichField_YhV9m .error_Dv9OM {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .RichField_YhV9m.isError_aEqaW .editor_gfQHo {
    border: 1px solid red;
    color: red; }
    .RichField_YhV9m.isError_aEqaW .editor_gfQHo:focus {
      border: 1px solid red; }
  .RichField_YhV9m.isDisabled_NVJES .editor_gfQHo {
    background-color: transparent !important; }
  .RichField_YhV9m.isDisabled_NVJES .editor_gfQHo {
    border: 1px solid #cccccc; }
    .RichField_YhV9m.isDisabled_NVJES .editor_gfQHo:focus {
      border: 1px solid #cccccc; }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/buttons/PlusButton.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.PlusButton_LO_QX {
  position: absolute;
  display: flex;
  right: 16px;
  bottom: 20px;
  cursor: pointer; }
  .PlusButton_LO_QX .container_WCcKJ {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d01406;
    box-shadow: 0 0 1px 1px white;
    background-image: linear-gradient(#e43225, #d01406); }
  .PlusButton_LO_QX .icon_Dou1w {
    width: 24px;
    height: 24px;
    fill: white; }
  .PlusButton_LO_QX:hover .container_WCcKJ {
    background-color: #e41607;
    background-image: linear-gradient(#fa3e05, #f04b19); }
  @media screen and (max-width: 1228px) {
    .PlusButton_LO_QX {
      display: none; } }
  @media print {
    .PlusButton_LO_QX {
      display: none; } }

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/wrappers/AdaptiveWrapper.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.AdaptiveWrapper_Y5PdJ {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 3990px; }
  @media screen and (max-width: 4154px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 3458px; } }
  @media screen and (max-width: 3888px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 3192px; } }
  @media screen and (max-width: 3622px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 2926px; } }
  @media screen and (max-width: 3356px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 2660px; } }
  @media screen and (max-width: 3090px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 2394px; } }
  @media screen and (max-width: 2824px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 2128px; } }
  @media screen and (max-width: 2558px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 1862px; } }
  @media screen and (max-width: 2292px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 1596px; } }
  @media screen and (max-width: 2026px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 1330px; } }
  @media screen and (max-width: 1760px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 1064px; } }
  @media screen and (max-width: 1494px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 798px; } }
  @media screen and (max-width: 1228px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 532px; } }
  @media screen and (max-width: 962px) {
    .AdaptiveWrapper_Y5PdJ {
      width: 266px; } }

@media screen and (max-width: 1228px) and (max-width: 1610px) {
  .AdaptiveWrapper_Y5PdJ {
    width: 1330px; } }

@media screen and (max-width: 1228px) and (max-width: 1344px) {
  .AdaptiveWrapper_Y5PdJ {
    width: 1064px; } }

@media screen and (max-width: 1228px) and (max-width: 1078px) {
  .AdaptiveWrapper_Y5PdJ {
    width: 798px; } }

@media screen and (max-width: 1228px) and (max-width: 812px) {
  .AdaptiveWrapper_Y5PdJ {
    width: 532px; } }

@media screen and (max-width: 1228px) and (max-width: 546px) {
  .AdaptiveWrapper_Y5PdJ {
    width: 266px; } }

@media screen and (min-width: 1229px) {
  .no-sidebar.no-social-toolbar .AdaptiveWrapper_Y5PdJ {
    position: relative; } }

@media screen and (min-width: 1229px) {
  .no-sidebar .AdaptiveWrapper_Y5PdJ {
    width: 3990px; } }
  @media screen and (min-width: 1229px) and (max-width: 3738px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 3458px; } }
  @media screen and (min-width: 1229px) and (max-width: 3472px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 3192px; } }
  @media screen and (min-width: 1229px) and (max-width: 3206px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 2926px; } }
  @media screen and (min-width: 1229px) and (max-width: 2940px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 2660px; } }
  @media screen and (min-width: 1229px) and (max-width: 2674px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 2394px; } }
  @media screen and (min-width: 1229px) and (max-width: 2408px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 2128px; } }
  @media screen and (min-width: 1229px) and (max-width: 2142px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 1862px; } }
  @media screen and (min-width: 1229px) and (max-width: 1876px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 1596px; } }
  @media screen and (min-width: 1229px) and (max-width: 1610px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 1330px; } }
  @media screen and (min-width: 1229px) and (max-width: 1344px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 1064px; } }
  @media screen and (min-width: 1229px) and (max-width: 1078px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 798px; } }
  @media screen and (min-width: 1229px) and (max-width: 812px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 532px; } }
  @media screen and (min-width: 1229px) and (max-width: 546px) {
    .no-sidebar .AdaptiveWrapper_Y5PdJ {
      width: 266px; } }

.u-feed .AdaptiveWrapper_Y5PdJ {
  width: 3910px; }
  @media screen and (max-width: 4340px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3780px; } }
  @media screen and (max-width: 4210px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3650px; } }
  @media screen and (max-width: 4080px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3520px; } }
  @media screen and (max-width: 3950px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3390px; } }
  @media screen and (max-width: 3820px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3260px; } }
  @media screen and (max-width: 3690px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3130px; } }
  @media screen and (max-width: 3560px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3000px; } }
  @media screen and (max-width: 3430px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2870px; } }
  @media screen and (max-width: 3300px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2740px; } }
  @media screen and (max-width: 3170px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2610px; } }
  @media screen and (max-width: 3040px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2480px; } }
  @media screen and (max-width: 2910px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2350px; } }
  @media screen and (max-width: 2780px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2220px; } }
  @media screen and (max-width: 2650px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2090px; } }
  @media screen and (max-width: 2520px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1960px; } }
  @media screen and (max-width: 2390px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1830px; } }
  @media screen and (max-width: 2260px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1700px; } }
  @media screen and (max-width: 2130px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1570px; } }
  @media screen and (max-width: 2000px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1440px; } }
  @media screen and (max-width: 1870px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1310px; } }
  @media screen and (max-width: 1740px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1180px; } }
  @media screen and (max-width: 1610px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1050px; } }
  @media screen and (max-width: 1480px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 920px; } }
  @media screen and (max-width: 1350px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 790px; } }
  @media screen and (max-width: 1220px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 660px; } }
  @media screen and (max-width: 1090px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 530px; } }
  @media screen and (max-width: 960px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 400px; } }
  @media screen and (max-width: 830px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 270px; } }
  @media screen and (max-width: 700px) {
    .u-feed .AdaptiveWrapper_Y5PdJ {
      width: 140px; } }

@media screen and (max-width: 1228px) and (max-width: 1324px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 1180px; } }

@media screen and (max-width: 1228px) and (max-width: 1194px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 1050px; } }

@media screen and (max-width: 1228px) and (max-width: 1064px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 920px; } }

@media screen and (max-width: 1228px) and (max-width: 934px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 790px; } }

@media screen and (max-width: 1228px) and (max-width: 804px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 660px; } }

@media screen and (max-width: 1228px) and (max-width: 674px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 530px; } }

@media screen and (max-width: 1228px) and (max-width: 544px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 400px; } }

@media screen and (max-width: 1228px) and (max-width: 414px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 270px; } }

@media screen and (max-width: 1228px) and (max-width: 284px) {
  .u-feed .AdaptiveWrapper_Y5PdJ {
    width: 140px; } }

.no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
  width: 3910px; }
  @media screen and (max-width: 3924px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3780px; } }
  @media screen and (max-width: 3794px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3650px; } }
  @media screen and (max-width: 3664px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3520px; } }
  @media screen and (max-width: 3534px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3390px; } }
  @media screen and (max-width: 3404px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3260px; } }
  @media screen and (max-width: 3274px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3130px; } }
  @media screen and (max-width: 3144px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 3000px; } }
  @media screen and (max-width: 3014px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2870px; } }
  @media screen and (max-width: 2884px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2740px; } }
  @media screen and (max-width: 2754px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2610px; } }
  @media screen and (max-width: 2624px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2480px; } }
  @media screen and (max-width: 2494px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2350px; } }
  @media screen and (max-width: 2364px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2220px; } }
  @media screen and (max-width: 2234px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 2090px; } }
  @media screen and (max-width: 2104px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1960px; } }
  @media screen and (max-width: 1974px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1830px; } }
  @media screen and (max-width: 1844px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1700px; } }
  @media screen and (max-width: 1714px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1570px; } }
  @media screen and (max-width: 1584px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1440px; } }
  @media screen and (max-width: 1454px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1310px; } }
  @media screen and (max-width: 1324px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1180px; } }
  @media screen and (max-width: 1194px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 1050px; } }
  @media screen and (max-width: 1064px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 920px; } }
  @media screen and (max-width: 934px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 790px; } }
  @media screen and (max-width: 804px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 660px; } }
  @media screen and (max-width: 674px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 530px; } }
  @media screen and (max-width: 544px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 400px; } }
  @media screen and (max-width: 414px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 270px; } }
  @media screen and (max-width: 284px) {
    .no-sidebar.u-feed .AdaptiveWrapper_Y5PdJ {
      width: 140px; } }

.c-feed .AdaptiveWrapper_Y5PdJ,
.g-feed .AdaptiveWrapper_Y5PdJ {
  width: 7980px; }
  @media screen and (max-width: 8410px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 7714px; } }
  @media screen and (max-width: 8144px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 7448px; } }
  @media screen and (max-width: 7878px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 7182px; } }
  @media screen and (max-width: 7612px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6916px; } }
  @media screen and (max-width: 7346px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6650px; } }
  @media screen and (max-width: 7080px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6384px; } }
  @media screen and (max-width: 6814px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6118px; } }
  @media screen and (max-width: 6548px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5852px; } }
  @media screen and (max-width: 6282px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5586px; } }
  @media screen and (max-width: 6016px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5320px; } }
  @media screen and (max-width: 5750px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5054px; } }
  @media screen and (max-width: 5484px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 4788px; } }
  @media screen and (max-width: 5218px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 4522px; } }
  @media screen and (max-width: 4952px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 4256px; } }
  @media screen and (max-width: 4686px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3990px; } }
  @media screen and (max-width: 4420px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3724px; } }
  @media screen and (max-width: 4154px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3458px; } }
  @media screen and (max-width: 3888px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3192px; } }
  @media screen and (max-width: 3622px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2926px; } }
  @media screen and (max-width: 3356px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2660px; } }
  @media screen and (max-width: 3090px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2394px; } }
  @media screen and (max-width: 2824px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2128px; } }
  @media screen and (max-width: 2558px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1862px; } }
  @media screen and (max-width: 2292px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1596px; } }
  @media screen and (max-width: 2026px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1330px; } }
  @media screen and (max-width: 1760px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1064px; } }
  @media screen and (max-width: 1494px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 798px; } }
  @media screen and (max-width: 1228px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 532px; } }
  @media screen and (max-width: 962px) {
    .c-feed .AdaptiveWrapper_Y5PdJ,
    .g-feed .AdaptiveWrapper_Y5PdJ {
      width: 266px; } }

@media screen and (max-width: 1228px) and (max-width: 2142px) {
  .c-feed .AdaptiveWrapper_Y5PdJ,
  .g-feed .AdaptiveWrapper_Y5PdJ {
    width: 1862px; } }

@media screen and (max-width: 1228px) and (max-width: 1876px) {
  .c-feed .AdaptiveWrapper_Y5PdJ,
  .g-feed .AdaptiveWrapper_Y5PdJ {
    width: 1596px; } }

@media screen and (max-width: 1228px) and (max-width: 1610px) {
  .c-feed .AdaptiveWrapper_Y5PdJ,
  .g-feed .AdaptiveWrapper_Y5PdJ {
    width: 1330px; } }

@media screen and (max-width: 1228px) and (max-width: 1344px) {
  .c-feed .AdaptiveWrapper_Y5PdJ,
  .g-feed .AdaptiveWrapper_Y5PdJ {
    width: 1064px; } }

@media screen and (max-width: 1228px) and (max-width: 1078px) {
  .c-feed .AdaptiveWrapper_Y5PdJ,
  .g-feed .AdaptiveWrapper_Y5PdJ {
    width: 798px; } }

@media screen and (max-width: 1228px) and (max-width: 812px) {
  .c-feed .AdaptiveWrapper_Y5PdJ,
  .g-feed .AdaptiveWrapper_Y5PdJ {
    width: 532px; } }

@media screen and (max-width: 1228px) and (max-width: 546px) {
  .c-feed .AdaptiveWrapper_Y5PdJ,
  .g-feed .AdaptiveWrapper_Y5PdJ {
    width: 266px; } }

.no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
.no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
  width: 7980px; }
  @media screen and (max-width: 7994px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 7714px; } }
  @media screen and (max-width: 7728px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 7448px; } }
  @media screen and (max-width: 7462px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 7182px; } }
  @media screen and (max-width: 7196px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6916px; } }
  @media screen and (max-width: 6930px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6650px; } }
  @media screen and (max-width: 6664px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6384px; } }
  @media screen and (max-width: 6398px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 6118px; } }
  @media screen and (max-width: 6132px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5852px; } }
  @media screen and (max-width: 5866px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5586px; } }
  @media screen and (max-width: 5600px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5320px; } }
  @media screen and (max-width: 5334px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 5054px; } }
  @media screen and (max-width: 5068px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 4788px; } }
  @media screen and (max-width: 4802px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 4522px; } }
  @media screen and (max-width: 4536px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 4256px; } }
  @media screen and (max-width: 4270px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3990px; } }
  @media screen and (max-width: 4004px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3724px; } }
  @media screen and (max-width: 3738px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3458px; } }
  @media screen and (max-width: 3472px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 3192px; } }
  @media screen and (max-width: 3206px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2926px; } }
  @media screen and (max-width: 2940px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2660px; } }
  @media screen and (max-width: 2674px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2394px; } }
  @media screen and (max-width: 2408px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 2128px; } }
  @media screen and (max-width: 2142px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1862px; } }
  @media screen and (max-width: 1876px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1596px; } }
  @media screen and (max-width: 1610px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1330px; } }
  @media screen and (max-width: 1344px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 1064px; } }
  @media screen and (max-width: 1078px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 798px; } }
  @media screen and (max-width: 812px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 532px; } }
  @media screen and (max-width: 546px) {
    .no-sidebar.c-feed .AdaptiveWrapper_Y5PdJ,
    .no-sidebar.g-feed .AdaptiveWrapper_Y5PdJ {
      width: 266px; } }

.no-sidebar.no-bricks .AdaptiveWrapper_Y5PdJ,
.no-bricks .AdaptiveWrapper_Y5PdJ {
  width: 100%;
  max-width: 1500px; }

.no-wrapper .AdaptiveWrapper_Y5PdJ {
  width: 100%;
  max-width: 100%; }

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/wrappers/ScrollWrapper.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.ScrollWrapper_eLLmP {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  @media print {
    .ScrollWrapper_eLLmP {
      overflow: visible; } }

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/application/ModalLayer.scss ***!
  \************************************************************************************************************************************************************************************************/
#modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  min-width: 320px;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 980; }
  @media screen and (min-width: 1229px) {
    #modal {
      justify-content: space-between; }
      #modal:before, #modal:after {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        height: 1px;
        content: ''; } }
  #modal.entering__bfIs {
    opacity: 0; }
  #modal.entered_yvefG {
    transition: 60ms ease-out;
    opacity: 1; }
  #modal.leaving_yjKoe {
    opacity: 1; }
  #modal.leaved__HGNB {
    transition: 60ms ease-out;
    opacity: 0; }
  #modal .closeButton_xl1Iy {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px;
    background: 0; }
    #modal .closeButton_xl1Iy .icon_JlFJh {
      width: 26px;
      height: 26px; }
    #modal .closeButton_xl1Iy:hover {
      border-bottom-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
      #modal .closeButton_xl1Iy:hover .icon_JlFJh {
        fill: #d01406; }

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Navbars/MobileMenu.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.MobileMenu_PfGhg {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 44px;
  right: 0;
  bottom: 0;
  width: 100%;
  min-width: 320px;
  padding-bottom: 20px;
  background-color: #fafafa;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  z-index: 940; }
  .MobileMenu_PfGhg.entering_Zezck {
    opacity: 0; }
  .MobileMenu_PfGhg.entered_A6M7D {
    transition: 60ms ease-in;
    opacity: 1; }
  .MobileMenu_PfGhg.leaving_RbvRn {
    opacity: 1; }
  .MobileMenu_PfGhg.leaved_v8tkU {
    transition: 250ms ease-in-out;
    opacity: 0; }

.MobileMenu_PfGhg > * {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  height: 10%;
  width: 100%;
  max-width: 600px;
  max-height: 46px;
  min-height: 36px;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
  color: #292929; }
  .MobileMenu_PfGhg > *:hover {
    background-color: white;
    color: #d01406; }
    .MobileMenu_PfGhg > *:hover .menuIcon_C_FWa {
      fill: #d01406; }
  .MobileMenu_PfGhg > * .menuIcon_C_FWa {
    width: 22px;
    height: 18px;
    margin-right: 6px;
    margin-left: -16px;
    fill: #5c5c5c; }

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Navbars/MobileNavbar.scss ***!
  \*********************************************************************************************************************************************************************************************************/
@media screen and (max-width: 1228px) {
  #app {
    padding-top: 44px; } }

.MobileNavbar_XilNi {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  width: 100%;
  height: 44px;
  background-color: white;
  box-shadow: 0 1px 0 0 #e0e0e0;
  z-index: 950; }
  .MobileNavbar_XilNi .leftWrapper_n5A4w {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .MobileNavbar_XilNi .middleWrapper_EsR0p {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  .MobileNavbar_XilNi .rightWrapper_zjFUN {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .MobileNavbar_XilNi .systemButton_mz3pc,
  .MobileNavbar_XilNi .logoButton_gypzc,
  .MobileNavbar_XilNi .iconButton_t8i7J,
  .MobileNavbar_XilNi .closeButton_hHN4I,
  .MobileNavbar_XilNi .loginButton_LKf6i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    background-color: white;
    cursor: pointer; }
  .MobileNavbar_XilNi .systemButton_mz3pc {
    width: 44px;
    padding: 10px;
    border-right: 1px solid #e0e0e0; }
    .MobileNavbar_XilNi .systemButton_mz3pc .icon_PHf8W {
      width: 24px;
      height: 24px; }
    .MobileNavbar_XilNi .systemButton_mz3pc:hover .icon_PHf8W {
      fill: #d01406; }
    .MobileNavbar_XilNi .systemButton_mz3pc:focus {
      background-color: #fafafa !important; }
    .MobileNavbar_XilNi .systemButton_mz3pc:focus {
      box-shadow: none; }
  .MobileNavbar_XilNi .logoButton_gypzc {
    position: relative;
    padding-left: 2px; }
    .MobileNavbar_XilNi .logoButton_gypzc .logoIcon_D9IPo {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-right: 1px; }
    .MobileNavbar_XilNi .logoButton_gypzc .logoWrapper_oRMCR {
      width: 106px;
      height: 44px;
      padding-top: 11px;
      overflow: hidden; }
    .MobileNavbar_XilNi .logoButton_gypzc .logoText_uVcKb {
      width: 96px;
      height: 38px; }
    .MobileNavbar_XilNi .logoButton_gypzc .accessTierName_TrCWF {
      position: absolute;
      left: 121px;
      top: 9px;
      font-size: 6px;
      font-weight: bold;
      text-transform: uppercase;
      color: #d01406; }
  .MobileNavbar_XilNi .loginButton_LKf6i {
    padding: 0 20px; }
    .MobileNavbar_XilNi .loginButton_LKf6i .icon_PHf8W {
      width: 24px;
      height: 24px;
      margin-right: 2px; }
    .MobileNavbar_XilNi .loginButton_LKf6i span {
      padding-left: 3px;
      line-height: 15px;
      font-size: 15px; }
    .MobileNavbar_XilNi .loginButton_LKf6i:hover .icon_PHf8W {
      fill: #d01406; }
    .MobileNavbar_XilNi .loginButton_LKf6i:hover span {
      color: #d01406; }
  .MobileNavbar_XilNi .iconButton_t8i7J {
    width: 44px; }
    .MobileNavbar_XilNi .iconButton_t8i7J .icon_PHf8W {
      width: 28px;
      height: 28px; }
    .MobileNavbar_XilNi .iconButton_t8i7J:hover .icon_PHf8W {
      fill: #d01406; }
  .MobileNavbar_XilNi .closeButton_hHN4I {
    width: 44px;
    padding: 9px; }
    .MobileNavbar_XilNi .closeButton_hHN4I .icon_PHf8W {
      width: 26px;
      height: 26px; }
    .MobileNavbar_XilNi .closeButton_hHN4I:hover .icon_PHf8W {
      fill: #d01406; }

@media print {
  .MobileNavbar_XilNi {
    height: 56px; }
    .MobileNavbar_XilNi .leftWrapper_n5A4w,
    .MobileNavbar_XilNi .loginButton_LKf6i,
    .MobileNavbar_XilNi .closeButton_hHN4I {
      display: none; } }

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/Avatar.scss ***!
  \**********************************************************************************************************************************************************************************************/
.Avatar_BInEz {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%; }
  .Avatar_BInEz .defaultIcon_q_3sz {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid white; }
  .Avatar_BInEz .largeImage_zBqX4 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; }
  .Avatar_BInEz .smallImage_trwgi {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 37%;
    height: 37%;
    border-radius: 50%;
    border: 1px solid white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #d6d6d6;
    overflow: hidden;
    box-shadow: 1px -1px 8px 1px rgba(255, 255, 255, 0.4); }
  .Avatar_BInEz .presenceStatus_iiQ7H {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: thin solid white; }
    .Avatar_BInEz .presenceStatus_iiQ7H.online_lXo7r {
      background-color: #00E600; }
    .Avatar_BInEz .presenceStatus_iiQ7H.offline_JYNdP {
      background-color: #b3b3b3; }
  .Avatar_BInEz .badgeText_BrZo3 {
    position: absolute;
    top: -3px;
    right: -6px;
    padding: 2px 4px 1px 4px;
    border: 1px solid white;
    border-radius: 10px;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    background-color: #f20d0d;
    color: white; }

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/PopupMenu.scss ***!
  \*************************************************************************************************************************************************************************************************/
.PopupMenu_UlQlA {
  text-align: right;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
  z-index: 970; }
  .PopupMenu_UlQlA:before {
    position: absolute;
    top: -12px;
    right: 10px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 0 16px;
    border-color: transparent transparent transparent white; }
  .PopupMenu_UlQlA .wrapper_t3Mz2 {
    max-height: calc(100vh - 48px);
    border-radius: 3px;
    overflow: scroll;
    box-shadow: -6px 4px 15px 2px rgba(128, 128, 128, 0.1); }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Navbars/DesktopNavbar.scss ***!
  \**********************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1229px) {
  #app {
    padding-top: 47px; }
    #app > header {
      right: 46px !important; }
    #app > header.isSidebarOpen_c_dcx {
      right: 417px !important; } }

.DesktopNavbar_znFMl {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  height: 47px;
  min-width: 320px;
  background-color: white;
  box-shadow: 0 1px 0 0 #e0e0e0;
  z-index: 950; }
  .DesktopNavbar_znFMl .leftWrapper_MTcg9 {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .DesktopNavbar_znFMl .middleWrapper_QqfMs {
    width: 100%;
    height: 100%;
    will-change: right;
    transition: right .3s ease-out; }
  .DesktopNavbar_znFMl .rightWrapper_sDjxw {
    position: fixed;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    height: 46px;
    box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.2);
    z-index: 950; }
  .DesktopNavbar_znFMl .systemButton__QHU4,
  .DesktopNavbar_znFMl .logoButton_ZPzlE,
  .DesktopNavbar_znFMl .loginButton_cFslL,
  .DesktopNavbar_znFMl .sidebarButton__9DRG {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 47px;
    cursor: pointer; }
  .DesktopNavbar_znFMl .popupMenu_smYqD {
    position: absolute;
    left: 10px;
    top: 52px;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3); }
    .DesktopNavbar_znFMl .popupMenu_smYqD:before {
      left: 10px;
      right: auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 0 0 16px;
      border-color: transparent transparent transparent white; }
    .DesktopNavbar_znFMl .popupMenu_smYqD ul {
      flex-direction: column; }
    .DesktopNavbar_znFMl .popupMenu_smYqD li {
      position: relative;
      width: 100%;
      border-top: 1px solid white;
      font-size: 13px;
      font-weight: bold;
      white-space: nowrap;
      text-align: left;
      color: #363636; }
      .DesktopNavbar_znFMl .popupMenu_smYqD li:first-child {
        margin: 4px 0 0 0;
        border-top: 0; }
      .DesktopNavbar_znFMl .popupMenu_smYqD li:last-child {
        margin: 0 0 4px 0;
        border-bottom: 0; }
    .DesktopNavbar_znFMl .popupMenu_smYqD span {
      display: block;
      height: 1px;
      margin: 4px 0 3px 0;
      border-bottom: 1px solid #e0e0e0; }
    .DesktopNavbar_znFMl .popupMenu_smYqD a, .DesktopNavbar_znFMl .popupMenu_smYqD p {
      display: block;
      min-width: 194px;
      margin: 0;
      border: 0;
      border-left: 2px solid white;
      padding: 12px 30px 12px 44px;
      text-align: left;
      color: #363636; }
      .DesktopNavbar_znFMl .popupMenu_smYqD a:hover, .DesktopNavbar_znFMl .popupMenu_smYqD p:hover {
        border-left-color: #d01406;
        background-image: linear-gradient(#f0f0f0, #f0f0f0); }
      .DesktopNavbar_znFMl .popupMenu_smYqD a:active, .DesktopNavbar_znFMl .popupMenu_smYqD p:active {
        border-left-color: #d01406;
        background-image: linear-gradient(#e6e6e6, #e6e6e6); }
      .DesktopNavbar_znFMl .popupMenu_smYqD a svg, .DesktopNavbar_znFMl .popupMenu_smYqD p svg {
        fill: #5c5c5c; }
    .DesktopNavbar_znFMl .popupMenu_smYqD .popupIcon_wkdI1 {
      position: absolute;
      top: 9px;
      left: 16px;
      width: 20px;
      height: 20px; }
    .DesktopNavbar_znFMl .popupMenu_smYqD .aboutIcon_7_8Sh {
      padding: 2px;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      filter: gray;
      filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)"; }
  .DesktopNavbar_znFMl .systemButton__QHU4 {
    width: 46px;
    border-right: 1px solid #e0e0e0;
    background-color: white;
    background-image: linear-gradient(white, #fafafa); }
    .DesktopNavbar_znFMl .systemButton__QHU4 .icon_XYCvI {
      width: 22px;
      height: 22px; }
    .DesktopNavbar_znFMl .systemButton__QHU4:hover {
      background-image: linear-gradient(#fcfcfc, whitesmoke); }
      .DesktopNavbar_znFMl .systemButton__QHU4:hover .icon_XYCvI {
        fill: #d01406; }
  .DesktopNavbar_znFMl .systemMenuWrapper_eQS7x {
    position: relative; }
  .DesktopNavbar_znFMl .logoButton_ZPzlE {
    padding-left: 8px;
    height: 47px; }
    .DesktopNavbar_znFMl .logoButton_ZPzlE.isActive_GMoD4 {
      box-shadow: 0 14px 26px -20px #999999; }
    .DesktopNavbar_znFMl .logoButton_ZPzlE:hover {
      box-shadow: 0 14px 20px -18px #999999; }
    .DesktopNavbar_znFMl .logoButton_ZPzlE .logoIcon_QL2Do {
      display: inline-block;
      width: 35px;
      height: 35px;
      margin-left: 8px; }
    .DesktopNavbar_znFMl .logoButton_ZPzlE .logoWrapper_o1abS {
      position: relative;
      width: 130px;
      height: 47px;
      padding-top: 12px;
      overflow: hidden; }
    .DesktopNavbar_znFMl .logoButton_ZPzlE .logoText_aaxPV {
      width: 100px;
      height: 38px; }
    .DesktopNavbar_znFMl .logoButton_ZPzlE .accessTierName_O89Ne {
      position: absolute;
      left: 187px;
      top: 9px;
      font-size: 6px;
      font-weight: bold;
      text-transform: uppercase;
      color: #d01406; }
  .DesktopNavbar_znFMl .tabsWrapper_pQ6HS {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%; }
    .DesktopNavbar_znFMl .tabsWrapper_pQ6HS ul {
      display: flex;
      height: 100%; }
    .DesktopNavbar_znFMl .tabsWrapper_pQ6HS li {
      height: 100%;
      width: 100%;
      margin-right: 1px; }
    .DesktopNavbar_znFMl .tabsWrapper_pQ6HS .pricingTab_x6cf5 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      height: 46px;
      min-width: 70px;
      padding: 0;
      box-shadow: 0 2px 0 0 #c9e2ed; }
      .DesktopNavbar_znFMl .tabsWrapper_pQ6HS .pricingTab_x6cf5 span {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 90px;
        height: 46px;
        padding: 0 20px 0 18px;
        line-height: 15px;
        font-size: 13px;
        font-weight: 700;
        background-color: #f5fdff;
        box-shadow: inset 0 0 10px 0 #b3e0ff; }
      .DesktopNavbar_znFMl .tabsWrapper_pQ6HS .pricingTab_x6cf5.isActive_GMoD4 {
        background-color: #f2fff0;
        box-shadow: 0 2px 0 0 #d01406; }
      .DesktopNavbar_znFMl .tabsWrapper_pQ6HS .pricingTab_x6cf5:hover {
        background-color: #eaffe6;
        box-shadow: 0 2px 0 0 #d01406; }
  .DesktopNavbar_znFMl .myTab_tkupq,
  .DesktopNavbar_znFMl .iconTab_XPWS6 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 48px;
    border-bottom: 2px solid rgba(0, 0, 0, 0); }
    .DesktopNavbar_znFMl .myTab_tkupq:hover,
    .DesktopNavbar_znFMl .iconTab_XPWS6:hover {
      border-bottom: 2px solid #d01406;
      background-color: whitesmoke; }
      .DesktopNavbar_znFMl .myTab_tkupq:hover .icon_XYCvI,
      .DesktopNavbar_znFMl .iconTab_XPWS6:hover .icon_XYCvI {
        fill: #d01406; }
    .DesktopNavbar_znFMl .myTab_tkupq.isActive_GMoD4,
    .DesktopNavbar_znFMl .iconTab_XPWS6.isActive_GMoD4 {
      border-bottom-color: #d01406;
      background-color: #f7f7f7; }
    .DesktopNavbar_znFMl .myTab_tkupq .badgeText_plXYS,
    .DesktopNavbar_znFMl .iconTab_XPWS6 .badgeText_plXYS {
      position: absolute;
      top: 3px;
      right: 3px;
      padding: 2px 4px 1px 4px;
      border: 1px solid white;
      border-radius: 10px;
      line-height: 11px;
      font-size: 11px;
      font-weight: bold;
      background-color: #f20d0d;
      color: white; }
    .DesktopNavbar_znFMl .myTab_tkupq .icon_XYCvI,
    .DesktopNavbar_znFMl .iconTab_XPWS6 .icon_XYCvI {
      width: 24px;
      height: 24px; }
  .DesktopNavbar_znFMl .myAvatar_BE_qw {
    border-radius: 0;
    width: 34px;
    height: 34px; }
    .DesktopNavbar_znFMl .myAvatar_BE_qw img {
      width: 34px;
      height: 34px; }
  .DesktopNavbar_znFMl .addMenuWrapper_PSeXx {
    position: relative; }
    .DesktopNavbar_znFMl .addMenuWrapper_PSeXx .popupMenu_smYqD {
      left: -150px; }
      .DesktopNavbar_znFMl .addMenuWrapper_PSeXx .popupMenu_smYqD:before {
        left: auto;
        left: initial;
        right: 10px; }
  .DesktopNavbar_znFMl .addButton_v3STG {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    cursor: pointer; }
    .DesktopNavbar_znFMl .addButton_v3STG .icon_XYCvI {
      width: 24px;
      height: 24px; }
    .DesktopNavbar_znFMl .addButton_v3STG:hover {
      border-bottom: 2px solid #d01406;
      background-color: whitesmoke; }
      .DesktopNavbar_znFMl .addButton_v3STG:hover .icon_XYCvI {
        fill: #d01406; }
    .DesktopNavbar_znFMl .addButton_v3STG.isButtonActive_h8BEE {
      border-bottom: 2px solid #d01406; }
  .DesktopNavbar_znFMl .pricingButton_yW8uY {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 48px;
    min-width: 120px;
    margin-right: -5px;
    padding: 0 20px 0 10px;
    border-radius: 8px 0 0 8px;
    border-left: 1px solid #c2deeb;
    background-color: #ebfcff;
    background-image: linear-gradient(0deg, #d1f1ff, 10%, white); }
    .DesktopNavbar_znFMl .pricingButton_yW8uY .icon_XYCvI {
      width: 22px;
      height: 22px;
      fill: #5c9dd6;
      margin-right: 4px; }
    .DesktopNavbar_znFMl .pricingButton_yW8uY span {
      line-height: 15px;
      font-size: 14px;
      font-weight: 700; }
    .DesktopNavbar_znFMl .pricingButton_yW8uY.isActive_GMoD4 {
      height: 46px;
      box-shadow: 0 2px 0 0 #b3d1e6; }
    .DesktopNavbar_znFMl .pricingButton_yW8uY:hover {
      background-image: linear-gradient(0deg, #c2e7ff, 10%, white); }
  .DesktopNavbar_znFMl .loginButton_cFslL {
    height: 49px;
    padding: 0 34px 0 16px;
    border-radius: 8px 0 0 8px;
    border-left: 1px solid #add2eb;
    background-color: #ccebff;
    background-image: linear-gradient(15deg, #a3d9ff, #ccf0ff); }
    .DesktopNavbar_znFMl .loginButton_cFslL .icon_XYCvI {
      width: 24px;
      height: 24px;
      fill: #43a1d0; }
    .DesktopNavbar_znFMl .loginButton_cFslL span {
      padding-left: 6px;
      line-height: 15px;
      font-size: 14px;
      font-weight: 700; }
    .DesktopNavbar_znFMl .loginButton_cFslL:hover {
      background-color: #b3e0ff;
      background-image: linear-gradient(15deg, #8fd2ff, #e0fbff); }
  .DesktopNavbar_znFMl .sidebarButton__9DRG {
    width: 46px;
    height: 48px;
    border-left: 1px solid #e0e0e0;
    background-color: white;
    box-shadow: 0 1px 0 0 #e0e0e0;
    background-image: linear-gradient(white, #fafafa); }
    .DesktopNavbar_znFMl .sidebarButton__9DRG .icon_XYCvI {
      width: 28px;
      height: 28px; }
    .DesktopNavbar_znFMl .sidebarButton__9DRG:hover {
      background-image: linear-gradient(#fcfcfc, whitesmoke); }
      .DesktopNavbar_znFMl .sidebarButton__9DRG:hover .icon_XYCvI {
        fill: #d01406; }

.my-tab .myTab_tkupq {
  border-bottom-color: #d01406;
  background-color: #f7f7f7; }

@media print {
  #app > header {
    right: 0 !important; }
  #app > header.isSidebarOpen_c_dcx {
    right: 0 !important; }
  .loginButton_cFslL {
    display: none; } }

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/application/SubmodalLayer.scss ***!
  \***************************************************************************************************************************************************************************************************/
.SubmodalLayer_hP8wk {
  height: 100%;
  z-index: 300; }
  .SubmodalLayer_hP8wk.entering_jdRYQ {
    opacity: 0; }
  .SubmodalLayer_hP8wk.entered_HQUcy {
    transition: 60ms ease-out;
    opacity: 1; }
  .SubmodalLayer_hP8wk.leaving_MQywt {
    opacity: 1; }
  .SubmodalLayer_hP8wk.leaved_mazJ_ {
    transition: 60ms ease-out;
    opacity: 0; }
  .SubmodalLayer_hP8wk .submodalWrapper_CTDtL {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: rgba(179, 179, 179, 0.3);
    z-index: 300; }
  .SubmodalLayer_hP8wk .closeButton_VQDbd {
    position: absolute;
    top: 0;
    padding: 8px 8px;
    background: 0;
    cursor: pointer;
    right: 1px;
    border-radius: 0 0 0 6px; }
    .SubmodalLayer_hP8wk .closeButton_VQDbd .icon_ug3sc {
      width: 28px;
      height: 28px;
      fill: #5c5c5c; }
    .SubmodalLayer_hP8wk .closeButton_VQDbd:hover {
      box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .SubmodalLayer_hP8wk .closeButton_VQDbd:hover .icon_ug3sc {
        fill: #d01406; }

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/Grade.scss ***!
  \*********************************************************************************************************************************************************************************************/
.Grade_bFf5j {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
  .Grade_bFf5j .title_I3OSp {
    margin-right: 4px;
    font-size: 15px;
    color: #a36e29; }
  .Grade_bFf5j .icon_v3Rah {
    width: 18px;
    height: 18px;
    margin-right: 1px;
    fill: #439d46; }

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Chats/CreateGradeMessage/CreateGradeMessage.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.backgroundWrapper_y2Ykp {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 985; }

.CreateGradeMessage_eIltU {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
  min-height: 112px;
  max-height: 95%;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .CreateGradeMessage_eIltU h1 {
    flex-shrink: 0;
    margin-top: 22px;
    margin-bottom: 12px;
    padding: 0 24px;
    font-size: 16px;
    text-align: center;
    word-break: break-word;
    color: #292929;
    text-transform: uppercase; }
  .CreateGradeMessage_eIltU .gradeWrapper_s2B6V {
    max-height: calc(95vh - 140px);
    overflow: scroll; }
  .CreateGradeMessage_eIltU .gradeList_rGh4B {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px 90px 24px;
    overflow: scroll; }
    .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      min-height: 34px;
      margin-top: 2px;
      padding: 8px 0 8px 12px;
      border-radius: 8px;
      cursor: pointer; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5:hover {
        background-color: whitesmoke; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .title_vlZzY {
        position: absolute;
        left: 40px;
        width: 50px;
        text-align: left;
        font-size: 14px;
        line-height: 14px;
        color: #292929; }
        .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .title_vlZzY span {
          position: absolute;
          right: 20px; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .grade_H2SV3 {
        display: block;
        margin-left: 80px; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5.isSelected_K0fdy {
        background-color: #ffecb8; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5:nth-child(3), .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5:nth-child(6), .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5:nth-child(9) {
        border-bottom: 1px dashed #dbdbdb; }
  .CreateGradeMessage_eIltU p {
    margin-top: 16px;
    padding: 0 24px;
    line-height: 19px;
    font-size: 14px;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word;
    color: #292929; }
    .CreateGradeMessage_eIltU p a {
      color: #0078e0; }
  .CreateGradeMessage_eIltU .controlPanel_cFrES {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    align-self: stretch; }
    .CreateGradeMessage_eIltU .controlPanel_cFrES .editorWrapper_iFp2I {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 18px 22px 22px 22px;
      border-radius: 12px;
      background-color: white;
      box-shadow: 0px -4px 2px -4px #d6d6d6; }
    .CreateGradeMessage_eIltU .controlPanel_cFrES .editor_lHLZ8 {
      min-height: 38px;
      max-height: 138px;
      padding: 8px 50px 10px 12px;
      border-radius: 16px;
      border-color: #cccccc;
      font-size: 13px;
      line-height: 1.38em;
      text-align: left; }
      .CreateGradeMessage_eIltU .controlPanel_cFrES .editor_lHLZ8:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .CreateGradeMessage_eIltU .controlPanel_cFrES .editor_lHLZ8:focus {
        border-color: #49ab9b; }
    .CreateGradeMessage_eIltU .controlPanel_cFrES .sendButton_pqKX9 {
      position: absolute;
      bottom: 26px;
      right: 27px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .CreateGradeMessage_eIltU .controlPanel_cFrES .sendButton_pqKX9 .icon_NyvPa {
        width: 20px;
        height: 20px;
        fill: white; }
      .CreateGradeMessage_eIltU .controlPanel_cFrES .sendButton_pqKX9:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateGradeMessage_eIltU .controlPanel_cFrES .sendButton_pqKX9:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
  .CreateGradeMessage_eIltU .formErrorsSection_TqTsf {
    min-height: 14px;
    margin-bottom: 24px;
    padding: 10px 12px;
    line-height: 1.7rem;
    font-size: 1.4rem;
    color: red;
    background-color: #ffe8e8; }
  @media screen and (max-width: 580px) {
    .CreateGradeMessage_eIltU {
      max-width: 380px; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .title_vlZzY {
        left: 20px; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .grade_H2SV3 {
        margin-left: 60px; } }
  @media screen and (max-width: 400px) {
    .CreateGradeMessage_eIltU {
      max-width: 340px; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .title_vlZzY {
        left: 10px; }
        .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .title_vlZzY span {
          right: 26px; }
      .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .grade_H2SV3 {
        margin-left: 30px; }
        .CreateGradeMessage_eIltU .gradeList_rGh4B .gradeItem_xndY5 .grade_H2SV3 svg {
          width: 16px;
          height: 16px; } }

/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/SelectAction.scss ***!
  \****************************************************************************************************************************************************************************************************/
.SelectAction_HDebx {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 15px 26vw;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 985;
  will-change: transform;
  transition: opacity 100ms ease-out; }
  .SelectAction_HDebx.entering_XYZnI {
    opacity: 0;
    background-color: transparent; }
  .SelectAction_HDebx.entered_iA5TK {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6); }
  .SelectAction_HDebx.leaving_PDYDl {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6); }
  .SelectAction_HDebx.leaved_q4dXk {
    opacity: 0;
    background-color: transparent; }
  .SelectAction_HDebx .container_kEYVg {
    display: flex;
    flex-direction: column;
    transition: 240ms ease-out; }
  .SelectAction_HDebx .actions_IK1ll {
    display: flex;
    flex-direction: column; }
  .SelectAction_HDebx button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    min-width: 380px;
    height: 46px;
    border: none;
    border-radius: 0;
    font-size: 15px;
    background-color: whitesmoke; }
    .SelectAction_HDebx button svg {
      width: 21px;
      height: 21px;
      fill: #525252; }
    .SelectAction_HDebx button .title_OU9wa {
      color: #0d0d0d;
      margin-right: 8px; }
    .SelectAction_HDebx button .title_OU9wa * + p {
      margin-left: 10px; }
    .SelectAction_HDebx button .description_N8e6M {
      font-size: 12px;
      color: #0d0d0d; }
  .SelectAction_HDebx .actions_IK1ll button + button {
    border-top: thin solid #adadad; }
  .SelectAction_HDebx .actions_IK1ll button:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .SelectAction_HDebx .actions_IK1ll button:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .SelectAction_HDebx .cancelButton_sjQ7D {
    justify-content: center;
    margin-top: 6px;
    border-radius: 6px;
    font-size: 15px;
    text-transform: uppercase;
    background-color: white;
    color: #0078e0; }
  @media screen and (max-width: 1023px) {
    .SelectAction_HDebx {
      padding: 15px 24vw; } }
  @media screen and (max-width: 767px) {
    .SelectAction_HDebx {
      padding: 15px 19vw; } }
  @media screen and (max-width: 620px) {
    .SelectAction_HDebx {
      padding: 15px 15px; }
      .SelectAction_HDebx button {
        min-width: auto; } }

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/MediaFilePicker.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.MediaFilePicker_yXzeI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 38px;
  font-size: 14px;
  font-weight: bold;
  color: #5c5c5c;
  border: 1px solid #b8b8b8;
  border-radius: 11px; }
  .MediaFilePicker_yXzeI:hover {
    background-color: white; }

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Chats/CreateMediaMessage/CreateMediaMessage.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.backgroundWrapper_xjqpo {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 985; }

.CreateMediaMessage_mvhrF {
  position: relative;
  width: 100%;
  max-width: 400px;
  min-height: 120px;
  max-height: 95%;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .CreateMediaMessage_mvhrF h1 {
    flex-shrink: 0;
    margin-top: 22px;
    margin-bottom: 12px;
    padding: 0 24px;
    font-size: 16px;
    text-align: center;
    word-break: break-word;
    color: #292929;
    text-transform: uppercase; }
  .CreateMediaMessage_mvhrF p {
    margin-top: 16px;
    padding: 0 24px;
    line-height: 19px;
    font-size: 14px;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word;
    color: #292929; }
    .CreateMediaMessage_mvhrF p a {
      color: #0078e0; }
  .CreateMediaMessage_mvhrF .pictureHolder_G57wL {
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
    padding: 4px 12px 6px 12px;
    border-radius: 12px 12px 0 0; }
    .CreateMediaMessage_mvhrF .pictureHolder_G57wL img {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      border-style: none;
      height: 140px;
      background-color: #d6d6d6; }
  .CreateMediaMessage_mvhrF .controlPanel_ewyD0 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 50px;
    overflow-x: hidden; }
    .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .editorWrapper__z329 {
      padding: 2px 12px 22px 58px; }
    .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .deleteButton_mdhmQ,
    .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .mediaPicker_PU4a5 {
      position: absolute;
      left: 13px;
      bottom: 22px;
      width: 40px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #cccccc;
      background-image: linear-gradient(white, #fafafa); }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .deleteButton_mdhmQ .icon_rX5Cu,
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .mediaPicker_PU4a5 .icon_rX5Cu {
        width: 20px;
        height: 20px;
        fill: #8a8a8a; }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .deleteButton_mdhmQ:focus,
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .mediaPicker_PU4a5:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .deleteButton_mdhmQ:hover,
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .mediaPicker_PU4a5:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
        background-image: linear-gradient(#fcfcfc, whitesmoke); }
        .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .deleteButton_mdhmQ:hover .icon_rX5Cu,
        .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .mediaPicker_PU4a5:hover .icon_rX5Cu {
          fill: #5c5c5c; }
    .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .editor_omOWj {
      min-height: 38px;
      max-height: 82px;
      padding: 9px 50px 6px 12px;
      border-radius: 16px;
      border-color: #cccccc;
      font-size: 13px;
      line-height: 1.38em;
      text-align: left; }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .editor_omOWj:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .editor_omOWj:focus {
        border-color: #49ab9b; }
    .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .sendButton_W5Ijz {
      position: absolute;
      bottom: 26px;
      right: 17px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .sendButton_W5Ijz .icon_rX5Cu {
        width: 20px;
        height: 20px;
        fill: white; }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .sendButton_W5Ijz:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateMediaMessage_mvhrF .controlPanel_ewyD0 .sendButton_W5Ijz:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
  .CreateMediaMessage_mvhrF .formErrorsSection_gOAoH {
    min-height: 14px;
    margin-bottom: 24px;
    padding: 10px 12px;
    line-height: 1.7rem;
    font-size: 1.4rem;
    color: red;
    background-color: #ffe8e8; }
  @media screen and (max-width: 1228px) {
    .CreateMediaMessage_mvhrF {
      max-width: 320px; } }

/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/Spinner.scss ***!
  \***********************************************************************************************************************************************************************************************/
.Spinner_uL7lR {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px; }
  .Spinner_uL7lR div {
    width: 8px;
    height: 8px;
    background-color: #0078e0;
    border-radius: 100%;
    transform: scale(1); }
    .Spinner_uL7lR div + div {
      margin-left: 8px; }
    .Spinner_uL7lR div:nth-child(1) {
      animation: loader-dot-zooming-in_Qrwi1 .75s linear infinite alternate; }
    .Spinner_uL7lR div:nth-child(2) {
      animation: loader-dot-zooming-middle_SzI3v 1.5s linear infinite; }
    .Spinner_uL7lR div:nth-child(3) {
      animation: loader-dot-zooming-out_AnvUx .75s linear infinite alternate; }

@keyframes loader-dot-zooming-out_AnvUx {
  from {
    transform: scale(1); }
  to {
    transform: scale(0); } }

@keyframes loader-dot-zooming-middle_SzI3v {
  from {
    transform: scale(0.5); }
  25% {
    transform: scale(0); }
  50% {
    transform: scale(0.5); }
  75% {
    transform: scale(1); }
  to {
    transform: scale(0.5); } }

@keyframes loader-dot-zooming-in_Qrwi1 {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Chats/Messages/StatusMessage.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.StatusMessage_y8V2x {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 8px 0 0 0;
  padding: 0 12px 0 16px;
  justify-content: center;
  color: #424242; }
  .StatusMessage_y8V2x header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 24px; }
    .StatusMessage_y8V2x header span {
      font-size: 12px;
      margin-right: 12px;
      margin-left: -8px;
      font-style: italic;
      color: #999999; }
  .StatusMessage_y8V2x .dateTime_g_tdo {
    margin-top: 4px;
    margin-right: 9px;
    font-size: 10px;
    color: #b8b8b8; }
  .StatusMessage_y8V2x .readIcon__vtlX {
    position: absolute;
    bottom: 4px;
    right: 5px;
    height: 12px;
    width: 12px;
    fill: #b8b8b8; }
  .StatusMessage_y8V2x:hover .dateTime_g_tdo {
    color: #999999; }
  .StatusMessage_y8V2x + .StatusMessage_y8V2x {
    margin-top: 4px; }

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MediaViewer/MediaViewer.scss ***!
  \************************************************************************************************************************************************************************************************************/
.MediaViewer_LxqJ6 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 985; }
  .MediaViewer_LxqJ6 .typeIcon_IkI_8 {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 40px;
    height: 40px;
    fill: #b8b8b8; }
  .MediaViewer_LxqJ6 .imageHolder_h91eH {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 28px);
    min-height: 513px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; }
    .MediaViewer_LxqJ6 .imageHolder_h91eH .spinner_MAoeo {
      position: absolute; }
    .MediaViewer_LxqJ6 .imageHolder_h91eH .dragWrapper_Y3orj {
      width: 100%;
      height: 100%;
      cursor: grab; }
    .MediaViewer_LxqJ6 .imageHolder_h91eH .isDrugging_tHkpA {
      cursor: grabbing; }
    .MediaViewer_LxqJ6 .imageHolder_h91eH .picture_vIZsq {
      width: 100%;
      height: calc(100vh - 28px);
      min-height: 513px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0;
      transition: opacity .1s ease-out;
      transform: scale(1); }
      .MediaViewer_LxqJ6 .imageHolder_h91eH .picture_vIZsq.isLoaded_O2u31 {
        opacity: 1; }
    .MediaViewer_LxqJ6 .imageHolder_h91eH .setDraggableButton_gLxia,
    .MediaViewer_LxqJ6 .imageHolder_h91eH .resetButton_XbymG {
      fill: #999999;
      position: absolute;
      right: 21px;
      bottom: 200px;
      cursor: pointer; }
      .MediaViewer_LxqJ6 .imageHolder_h91eH .setDraggableButton_gLxia:hover .icon_kG18a,
      .MediaViewer_LxqJ6 .imageHolder_h91eH .resetButton_XbymG:hover .icon_kG18a {
        fill: #d01406; }
    .MediaViewer_LxqJ6 .imageHolder_h91eH .slider_Pg9Ss {
      position: absolute;
      width: 20px;
      height: 150px;
      bottom: 40px;
      right: 20px; }
  .MediaViewer_LxqJ6 .closeButton_HJtD9 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    background: 0; }
    .MediaViewer_LxqJ6 .closeButton_HJtD9 .icon_kG18a {
      width: 32px;
      height: 32px;
      fill: #d01406; }
    .MediaViewer_LxqJ6 .closeButton_HJtD9:hover {
      border-bottom-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
      .MediaViewer_LxqJ6 .closeButton_HJtD9:hover .icon_kG18a {
        fill: red; }

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/rc-slider.css ***!
  \*****************************************************************************************************************************************************************************************/
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #b8b8b8;
  height: 3px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 3px;
  border-radius: 6px;
  background-color: #d01406; }

.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #d01406;
  background-color: #fff;
  touch-action: pan-x; }

.rc-slider-handle:focus {
  border-color: #e41607;
  box-shadow: 0 0 0 5px #d01406;
  outline: none; }

.rc-slider-handle-click-focused:focus {
  border-color: #d01406;
  box-shadow: none;
  box-shadow: initial; }

.rc-slider-handle:hover {
  border-color: #e41607; }

.rc-slider-handle:active {
  border-color: #e41607;
  box-shadow: 0 0 5px #e41607;
  cursor: grabbing; }

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #b8b8b8;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot-active {
  border-color: #d01406; }

.rc-slider-dot-reverse {
  margin-left: 0;
  margin-right: -4px; }

.rc-slider-disabled {
  background-color: #b8b8b8; }

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 3px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 3px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  touch-action: pan-y; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  display: block !important; }

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Chats/MessageCommands.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.MessageCommands_j7Ewh {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px; }
  .MessageCommands_j7Ewh .moreButton_RoGy1 {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%; }
    .MessageCommands_j7Ewh .moreButton_RoGy1:focus {
      background-color: rgba(0, 0, 0, 0.03);
      box-shadow: none; }
    .MessageCommands_j7Ewh .moreButton_RoGy1 .icon_v7_GJ {
      width: 20px;
      height: 20px;
      fill: rgba(112, 112, 112, 0.4); }
    .MessageCommands_j7Ewh .moreButton_RoGy1:hover {
      background-color: rgba(153, 153, 153, 0.12);
      -webkit-backdrop-filter: blur(2px);
              backdrop-filter: blur(2px); }
      .MessageCommands_j7Ewh .moreButton_RoGy1:hover .icon_v7_GJ {
        fill: #d01406; }
  .MessageCommands_j7Ewh .popupMenu_gApeO {
    position: absolute;
    top: 2px;
    right: 36px;
    border: 0;
    background-color: rgba(102, 102, 102, 0.25);
    box-shadow: 10px 4px 14px 0 rgba(0, 0, 0, 0.1);
    z-index: 0; }
    .MessageCommands_j7Ewh .popupMenu_gApeO:before {
      position: absolute;
      top: 10px;
      right: -11px;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 12px 0 0;
      border-color: white transparent transparent transparent; }
    .MessageCommands_j7Ewh .popupMenu_gApeO ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
    .MessageCommands_j7Ewh .popupMenu_gApeO li {
      width: 100%;
      margin-right: 4px; }
      .MessageCommands_j7Ewh .popupMenu_gApeO li:last-child {
        margin-right: 0; }
    .MessageCommands_j7Ewh .popupMenu_gApeO a, .MessageCommands_j7Ewh .popupMenu_gApeO p {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      height: 32px;
      width: 44px;
      background-color: white;
      border-radius: 3px;
      box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.24);
      cursor: pointer; }
      .MessageCommands_j7Ewh .popupMenu_gApeO a .coinIcon_HxpgM, .MessageCommands_j7Ewh .popupMenu_gApeO p .coinIcon_HxpgM {
        width: 18px;
        height: 18px;
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        filter: gray;
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)"; }
      .MessageCommands_j7Ewh .popupMenu_gApeO a .icon_v7_GJ, .MessageCommands_j7Ewh .popupMenu_gApeO p .icon_v7_GJ {
        width: 20px;
        height: 20px;
        fill: #5c5c5c; }
      .MessageCommands_j7Ewh .popupMenu_gApeO a:active .coinIcon_HxpgM, .MessageCommands_j7Ewh .popupMenu_gApeO a:hover .coinIcon_HxpgM, .MessageCommands_j7Ewh .popupMenu_gApeO p:active .coinIcon_HxpgM, .MessageCommands_j7Ewh .popupMenu_gApeO p:hover .coinIcon_HxpgM {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%); }
      .MessageCommands_j7Ewh .popupMenu_gApeO a:active .icon_v7_GJ, .MessageCommands_j7Ewh .popupMenu_gApeO a:hover .icon_v7_GJ, .MessageCommands_j7Ewh .popupMenu_gApeO p:active .icon_v7_GJ, .MessageCommands_j7Ewh .popupMenu_gApeO p:hover .icon_v7_GJ {
        fill: #d01406; }
  @media print {
    .MessageCommands_j7Ewh {
      display: none; } }

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Chats/Messages/Message.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.Message_JgL6K {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-self: flex-start;
  min-width: 100px;
  max-width: 300px;
  min-height: 40px;
  margin: 8px 0 0 36px;
  padding: 0;
  border-radius: 0 12px 12px 12px;
  color: #424242; }
  .Message_JgL6K.isUctxChat_NawZl {
    min-width: 140px;
    background-color: whitesmoke;
    box-shadow: 0 1px 0 0 #cccccc; }
    .Message_JgL6K.isUctxChat_NawZl ::-moz-selection {
      background-color: #d6d6d6; }
    .Message_JgL6K.isUctxChat_NawZl ::selection {
      background-color: #d6d6d6; }
  .Message_JgL6K.isSctxChat_VwInh {
    min-width: 140px;
    background-color: whitesmoke;
    box-shadow: 0 1px 0 0 #cccccc; }
    .Message_JgL6K.isSctxChat_VwInh ::-moz-selection {
      background-color: #d6d6d6; }
    .Message_JgL6K.isSctxChat_VwInh ::selection {
      background-color: #d6d6d6; }
  .Message_JgL6K.gradeType_kp8QU {
    color: #6b552e;
    background-color: #fff1b8;
    background: linear-gradient(45deg, #fff7cc, #ffdd8f);
    box-shadow: 0 1px 0 0 #d9cc8c; }
    .Message_JgL6K.gradeType_kp8QU ::-moz-selection {
      background-color: #e7d89d; }
    .Message_JgL6K.gradeType_kp8QU ::selection {
      background-color: #e7d89d; }
  .Message_JgL6K.wipedType_rMV2G {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    min-height: 38px;
    padding: 0 14px 0 12px;
    background-color: #f2f2f2;
    box-shadow: 0 1px 0 0 #d1d1d1; }
  .Message_JgL6K.systemType_V5xRG {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .Message_JgL6K.missedCallType_TNNL8 {
    background-color: #ffebeb;
    box-shadow: 0 1px 0 0 #e7c6c6; }
    .Message_JgL6K.missedCallType_TNNL8 .missedCallIcon_Nt0n9 {
      fill: #b03b3b; }
  .Message_JgL6K.finishedCallType_BuQaI {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .Message_JgL6K .avatarIcon_BvE20 {
    position: absolute;
    top: 0;
    left: -36px;
    width: 30px;
    height: 30px; }
  .Message_JgL6K .grade_EkrT3 {
    min-width: 140px;
    margin: 11px 12px -2px 14px; }
    .Message_JgL6K .grade_EkrT3 .icon_yKkWU:nth-child(3), .Message_JgL6K .grade_EkrT3 .icon_yKkWU:nth-child(6), .Message_JgL6K .grade_EkrT3 .icon_yKkWU:nth-child(9) {
      margin-right: 8px; }
  .Message_JgL6K .pictureHolder_anXfI {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 100px;
    min-height: 100px;
    max-height: 380px;
    border-radius: 12px;
    background-color: #ebebeb;
    overflow: hidden; }
    .Message_JgL6K .pictureHolder_anXfI .typeIcon_YHS7s {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 28px;
      height: 28px;
      fill: #c7c7c7;
      opacity: 0.5; }
    .Message_JgL6K .pictureHolder_anXfI .spinner_ZTLR4 {
      position: absolute; }
    .Message_JgL6K .pictureHolder_anXfI img {
      max-height: 380px;
      overflow: hidden;
      cursor: pointer; }
    .Message_JgL6K .pictureHolder_anXfI.hasBody_SUpli {
      border-radius: 12px 12px 0 0; }
  .Message_JgL6K .missedCallIcon_Nt0n9 {
    width: 20px;
    height: 20px;
    margin: 6px 0 14px 11px;
    transform: scale(-1, 1); }
  .Message_JgL6K .wipedIcon_MuB3c {
    width: 18px;
    height: 18px;
    fill: #adadad; }
  .Message_JgL6K .wipedText_fyTXn {
    margin-left: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #a8a8a8; }
  .Message_JgL6K .bodyText_UVh8r {
    padding: 12px 14px 12px 14px;
    border-radius: 12px;
    border-top-left-radius: 0;
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text; }
  .Message_JgL6K .pictureHolder_anXfI + .bodyText_UVh8r {
    max-width: 256px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .Message_JgL6K .dateTime_Nztan {
    position: absolute;
    bottom: 2px;
    right: 14px;
    font-size: 9px;
    color: #bdbdbd; }
  .Message_JgL6K .messageCommandsButton_PT_lZ {
    position: absolute;
    top: 4px;
    right: 6px;
    flex-shrink: 0;
    flex-grow: 0;
    align-self: flex-start;
    margin-right: -8px;
    margin-left: 4px;
    border-radius: 50%; }
  .Message_JgL6K:hover .dateTime_Nztan {
    color: #999999; }

.Message_JgL6K + .Message_JgL6K {
  margin-top: 6px;
  border-radius: 12px; }
  .Message_JgL6K + .Message_JgL6K .bodyText_UVh8r {
    border-top-left-radius: 12px; }
  .Message_JgL6K + .Message_JgL6K .pictureHolder_anXfI + .bodyText_UVh8r {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Chats/Messages/MyMessage.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.MyMessage_Gi2PO {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-self: flex-end;
  min-width: 100px;
  max-width: 300px;
  min-height: 40px;
  margin: 8px 0 0 36px;
  padding: 0;
  color: #424242;
  border-radius: 12px 0 12px 12px; }
  .MyMessage_Gi2PO.isUctxChat_AeDls {
    min-width: 140px;
    color: #2b5043;
    background-color: #daf1e6;
    box-shadow: 0 1px 1px 0 #a3c2b4; }
    .MyMessage_Gi2PO.isUctxChat_AeDls ::-moz-selection {
      background-color: #aed5c6; }
    .MyMessage_Gi2PO.isUctxChat_AeDls ::selection {
      background-color: #aed5c6; }
  .MyMessage_Gi2PO.isSctxChat_MH_Qi {
    min-width: 140px;
    color: #2b504b;
    background-color: #f0fddd;
    box-shadow: 0 1px 1px 0 #bdd49b; }
    .MyMessage_Gi2PO.isSctxChat_MH_Qi ::-moz-selection {
      background-color: #bee0b8; }
    .MyMessage_Gi2PO.isSctxChat_MH_Qi ::selection {
      background-color: #bee0b8; }
  .MyMessage_Gi2PO.gradeType_C7Frn {
    color: #6b552e;
    background-color: #fff1b8;
    background: linear-gradient(45deg, #fff7cc, #ffdd8f);
    box-shadow: 0 1px 0 0 #f7d964; }
    .MyMessage_Gi2PO.gradeType_C7Frn ::-moz-selection {
      background-color: #e7d89d; }
    .MyMessage_Gi2PO.gradeType_C7Frn ::selection {
      background-color: #e7d89d; }
  .MyMessage_Gi2PO.wipedType_aIXMV {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    min-height: 38px;
    padding: 0 18px 0 14px;
    background-color: #f2f2f2;
    box-shadow: 0 1px 0 0 #d1d1d1; }
  .MyMessage_Gi2PO.systemType_ZCmS2 {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .MyMessage_Gi2PO.missedCallType_GdpkU {
    background-color: #ffebeb;
    box-shadow: 0 1px 0 0 #e7c6c6; }
    .MyMessage_Gi2PO.missedCallType_GdpkU .missedCallIcon_josb6 {
      fill: #b03b3b; }
  .MyMessage_Gi2PO.finishedCallType_LVpvr {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .MyMessage_Gi2PO .grade_g4cdz {
    min-width: 160px;
    margin: 12px 20px 12px 14px; }
    .MyMessage_Gi2PO .grade_g4cdz .icon_HZfWy:nth-child(3), .MyMessage_Gi2PO .grade_g4cdz .icon_HZfWy:nth-child(6), .MyMessage_Gi2PO .grade_g4cdz .icon_HZfWy:nth-child(9) {
      margin-right: 8px; }
  .MyMessage_Gi2PO .pictureHolder_piwT_ {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 100px;
    min-height: 100px;
    max-height: 380px;
    border-radius: 12px;
    background-color: #ebebeb;
    overflow: hidden; }
    .MyMessage_Gi2PO .pictureHolder_piwT_ .typeIcon_uaFLt {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 28px;
      height: 28px;
      fill: #c7c7c7;
      opacity: 0.5; }
    .MyMessage_Gi2PO .pictureHolder_piwT_ .spinner_O32YK {
      position: absolute; }
    .MyMessage_Gi2PO .pictureHolder_piwT_ img {
      max-width: 256px;
      max-height: 380px;
      overflow: hidden;
      cursor: pointer; }
    .MyMessage_Gi2PO .pictureHolder_piwT_.hasBody_ED2SH {
      width: 256px;
      border-radius: 12px 12px 0 0; }
      .MyMessage_Gi2PO .pictureHolder_piwT_.hasBody_ED2SH img {
        width: 256px;
        max-width: 256px; }
  .MyMessage_Gi2PO .missedCallIcon_josb6 {
    width: 20px;
    height: 20px;
    margin: 6px 0 14px 11px;
    transform: scale(-1, 1); }
  .MyMessage_Gi2PO .wipedIcon_uY9fI {
    width: 18px;
    height: 18px;
    fill: #adadad; }
  .MyMessage_Gi2PO .wipedText_n_ZSA {
    margin-left: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #a8a8a8; }
  .MyMessage_Gi2PO .bodyText_DlAyC {
    padding: 12px 20px 12px 14px;
    border-radius: 12px;
    border-top-right-radius: 0;
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text; }
  .MyMessage_Gi2PO .grade_g4cdz + .bodyText_DlAyC {
    margin-top: -16px; }
  .MyMessage_Gi2PO .pictureHolder_piwT_ + .bodyText_DlAyC {
    width: 256px;
    max-width: 256px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .MyMessage_Gi2PO .statusPanel_IcWcX {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 6px;
    padding-bottom: 3px; }
  .MyMessage_Gi2PO .dateTime_YIWgt {
    font-size: 9px;
    color: #bdbdbd; }
  .MyMessage_Gi2PO .readIcon__VWPx {
    width: 12px;
    height: 12px;
    margin-left: 3px;
    fill: #bdbdbd; }
  .MyMessage_Gi2PO .messageCommandsButton_baNoj {
    position: absolute;
    top: 3px;
    right: 3px;
    flex-shrink: 0;
    flex-grow: 0;
    align-self: flex-start;
    margin-right: -8px;
    margin-left: 4px;
    border-radius: 50%; }
  .MyMessage_Gi2PO:hover .dateTime_YIWgt {
    color: #969696; }
  .MyMessage_Gi2PO:hover .readIcon__VWPx {
    fill: #969696; }

.MyMessage_Gi2PO + .MyMessage_Gi2PO {
  margin-top: 6px;
  border-top-right-radius: 12px; }
  .MyMessage_Gi2PO + .MyMessage_Gi2PO .bodyText_DlAyC {
    border-top-right-radius: 12px; }
  .MyMessage_Gi2PO + .MyMessage_Gi2PO .pictureHolder_piwT_ + .bodyText_DlAyC {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Chats/OneChat/OneChat.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.OneChat_zmbdG {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 47px;
  font-size: 10px;
  background-color: white;
  box-shadow: inset 0 32px 16px -16px #fafafa; }
  .OneChat_zmbdG.isCalling_L2yJ8 {
    top: 312px; }
  @media screen and (max-width: 1228px) {
    .OneChat_zmbdG {
      margin-top: 44px;
      margin-bottom: 44px; } }
  .OneChat_zmbdG .spinner_b86Ka {
    height: 20px; }
  .OneChat_zmbdG .scrollWrapper_tvxYL {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.3rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .OneChat_zmbdG .scrollWrapper_tvxYL .messageList_uRt7O {
      display: flex;
      flex-direction: column;
      margin-bottom: 78px;
      padding: 44px 16px 0 16px; }
      @media screen and (max-width: 1228px) {
        .OneChat_zmbdG .scrollWrapper_tvxYL .messageList_uRt7O {
          max-width: 820px; } }
      .OneChat_zmbdG .scrollWrapper_tvxYL .messageList_uRt7O .noResult_i__0m {
        color: #292929;
        padding: 20px 10px; }
  .OneChat_zmbdG .upperPanel_Pztdq {
    position: absolute;
    top: 0;
    left: 0;
    width: 416px;
    padding: 14px 16px 14px 24px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #292929;
    background-color: rgba(250, 250, 250, 0.6);
    box-shadow: 0 1px 0 0 #e6e6e6;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px); }
  .OneChat_zmbdG .lowerPanel_dnl7Q {
    position: absolute;
    left: 0;
    right: 12px;
    bottom: 0;
    min-height: 50px;
    z-index: 312; }
    .OneChat_zmbdG .lowerPanel_dnl7Q .mediaMessageButton_f8FCE {
      position: absolute;
      bottom: 20px;
      left: 11px;
      width: 38px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #cccccc;
      background-image: linear-gradient(white, #fafafa); }
      .OneChat_zmbdG .lowerPanel_dnl7Q .mediaMessageButton_f8FCE.hasPicture_pXMUq {
        top: 164px; }
      .OneChat_zmbdG .lowerPanel_dnl7Q .mediaMessageButton_f8FCE .icon_u5t8W {
        width: 18px;
        height: 18px;
        fill: #999999; }
      .OneChat_zmbdG .lowerPanel_dnl7Q .mediaMessageButton_f8FCE:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .OneChat_zmbdG .lowerPanel_dnl7Q .mediaMessageButton_f8FCE:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
        background-image: linear-gradient(#fcfcfc, whitesmoke); }
        .OneChat_zmbdG .lowerPanel_dnl7Q .mediaMessageButton_f8FCE:hover .icon_u5t8W {
          fill: #5c5c5c; }
    .OneChat_zmbdG .lowerPanel_dnl7Q .editorWrapper_xP7OF {
      padding: 2px 0px 20px 54px;
      background-color: #fafafa;
      box-shadow: -12px 0 12px 12px #fafafa; }
    .OneChat_zmbdG .lowerPanel_dnl7Q .editor_LInNu {
      min-height: 38px;
      max-height: calc(100vh - 150px);
      padding: 9px 50px 8px 12px;
      border-radius: 16px;
      border-color: #cccccc;
      font-size: 13px; }
      .OneChat_zmbdG .lowerPanel_dnl7Q .editor_LInNu:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .OneChat_zmbdG .lowerPanel_dnl7Q .editor_LInNu:focus {
        border-color: #49ab9b; }
    .OneChat_zmbdG .lowerPanel_dnl7Q .sendMessageButton_jv63G {
      position: absolute;
      bottom: 24px;
      right: 4px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .OneChat_zmbdG .lowerPanel_dnl7Q .sendMessageButton_jv63G .icon_u5t8W {
        width: 20px;
        height: 20px;
        fill: white; }
      .OneChat_zmbdG .lowerPanel_dnl7Q .sendMessageButton_jv63G:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .OneChat_zmbdG .lowerPanel_dnl7Q .sendMessageButton_jv63G:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
    .OneChat_zmbdG .lowerPanel_dnl7Q .chatStatus_esrho {
      line-height: 50px;
      font-size: 14px;
      font-style: italic;
      margin-left: 16px;
      padding: 0 16px 0 16px;
      color: #707070;
      border-top: 1px dotted #b8b8b8;
      background-color: #fafafa; }
  .OneChat_zmbdG .closeButton_sHKSJ {
    position: absolute;
    top: 8px;
    right: 6px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border-radius: 50%; }
    .OneChat_zmbdG .closeButton_sHKSJ:focus {
      background-color: rgba(0, 0, 0, 0.03);
      box-shadow: none; }
    .OneChat_zmbdG .closeButton_sHKSJ .icon_u5t8W {
      width: 20px;
      height: 20px;
      fill: #707070; }
    .OneChat_zmbdG .closeButton_sHKSJ:hover {
      background-color: rgba(153, 153, 153, 0.12); }
      .OneChat_zmbdG .closeButton_sHKSJ:hover .icon_u5t8W {
        fill: #d01406; }
  .OneChat_zmbdG .myCommand_yWNYA {
    position: relative;
    margin-left: 6px; }
  .OneChat_zmbdG .userCommand_LbldE {
    position: absolute;
    top: 7px;
    right: 46px; }
  .OneChat_zmbdG .myCommand_yWNYA,
  .OneChat_zmbdG .userCommand_LbldE {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px 6px 14px;
    font-size: 11px;
    font-weight: bold;
    color: #5c5c5c;
    border-radius: 16px;
    background-color: white;
    box-shadow: 0 0 0 1px #e6e6e6;
    cursor: pointer; }
    .OneChat_zmbdG .myCommand_yWNYA .disputeIcon_DbmBA,
    .OneChat_zmbdG .myCommand_yWNYA .icon_u5t8W,
    .OneChat_zmbdG .userCommand_LbldE .disputeIcon_DbmBA,
    .OneChat_zmbdG .userCommand_LbldE .icon_u5t8W {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      margin-bottom: 2px;
      fill: #5c5c5c; }
    .OneChat_zmbdG .myCommand_yWNYA .disputeIcon_DbmBA,
    .OneChat_zmbdG .userCommand_LbldE .disputeIcon_DbmBA {
      width: 18px;
      height: 18px;
      margin-bottom: 1px;
      fill: #5c5c5c; }
    .OneChat_zmbdG .myCommand_yWNYA:hover,
    .OneChat_zmbdG .userCommand_LbldE:hover {
      box-shadow: 0 0 6px 2px #e0e0e0; }
      .OneChat_zmbdG .myCommand_yWNYA:hover .icon_u5t8W,
      .OneChat_zmbdG .userCommand_LbldE:hover .icon_u5t8W {
        fill: #d01406; }
  .OneChat_zmbdG .statusCommands_z8877 {
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: flex-end;
    margin-right: 46px; }
    .OneChat_zmbdG .statusCommands_z8877 .statusButton_mP8Mh {
      width: 34px;
      height: 34px;
      padding: 8px;
      margin-left: 6px;
      border-radius: 50%;
      background-color: white;
      box-shadow: 0 0 0 1px #e6e6e6; }
      .OneChat_zmbdG .statusCommands_z8877 .statusButton_mP8Mh:hover {
        box-shadow: 0 0 6px 2px #e0e0e0; }

/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/utils/ComponentLoader.scss ***!
  \***********************************************************************************************************************************************************************************************/
.ComponentLoader_kDSjT {
  flex: 1; }

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/panels/TextingPanel.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.TextingPanel_TM_0n {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 12px;
  right: 12px;
  bottom: 0;
  min-height: 100px;
  background-color: rgba(238, 238, 237, 0.9);
  box-shadow: -12px 0 12px 12px rgba(238, 238, 237, 0.9);
  z-index: 134;
  cursor: default; }
  .TextingPanel_TM_0n .textingWrapper_KwaiC {
    position: relative;
    width: 100%;
    max-width: 820px; }
  .TextingPanel_TM_0n .editorWrapper_eWCAE {
    padding: 12px 20px 60px 20px;
    word-break: break-all; }
  .TextingPanel_TM_0n .editor_eCfBv {
    min-height: 42px;
    max-height: calc(100vh - 150px);
    padding: 11px 52px 11px 14px;
    border-radius: 12px;
    border-color: #bdbdbd;
    font-size: 13px;
    box-shadow: 0 5px 10px 0 rgba(204, 204, 204, 0.5); }
    .TextingPanel_TM_0n .editor_eCfBv:hover {
      box-shadow: 0 10px 20px 0 rgba(224, 224, 224, 0.8); }
    .TextingPanel_TM_0n .editor_eCfBv:focus {
      border-color: #49ab9b; }
  .TextingPanel_TM_0n .error_kWFRQ {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .TextingPanel_TM_0n .actionButton_QoZ9p {
    position: absolute;
    bottom: 65px;
    right: 26px;
    width: 46px;
    height: 32px;
    border-radius: 10px;
    background-image: linear-gradient(#e43225, #d01406); }
    .TextingPanel_TM_0n .actionButton_QoZ9p .icon_C9xya {
      width: 20px;
      height: 20px;
      fill: white; }
    .TextingPanel_TM_0n .actionButton_QoZ9p:focus {
      box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
    .TextingPanel_TM_0n .actionButton_QoZ9p:hover {
      background-image: linear-gradient(#fa3e05, #f04b19); }
    .TextingPanel_TM_0n .actionButton_QoZ9p.hasError_yQQpi {
      bottom: 87px; }
    .TextingPanel_TM_0n .actionButton_QoZ9p.isProcessing_Ps5FL {
      cursor: not-allowed;
      background-image: linear-gradient(#cccccc, #cccccc); }
      .TextingPanel_TM_0n .actionButton_QoZ9p.isProcessing_Ps5FL .icon_C9xya {
        fill: white !important; }
  @media print {
    .TextingPanel_TM_0n {
      display: none; } }

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/GlobalNavigation.scss ***!
  \********************************************************************************************************************************************************************************************************/
.goPreviousButton_mOyjJ,
.goPreviousButton2_lElEn,
.goNextButton_LkOrQ {
  position: absolute;
  display: flex;
  top: 30vh;
  width: 40px;
  height: 120px;
  align-items: center;
  background-color: rgba(179, 179, 179, 0.2);
  cursor: pointer;
  z-index: 7000; }
  .goPreviousButton_mOyjJ .icon_xwv2w,
  .goPreviousButton2_lElEn .icon_xwv2w,
  .goNextButton_LkOrQ .icon_xwv2w {
    fill: #5c5c5c;
    width: 30px;
    height: 30px; }
  .goPreviousButton_mOyjJ:hover,
  .goPreviousButton2_lElEn:hover,
  .goNextButton_LkOrQ:hover {
    background-color: rgba(204, 204, 204, 0.7);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px); }
    .goPreviousButton_mOyjJ:hover .icon_xwv2w,
    .goPreviousButton2_lElEn:hover .icon_xwv2w,
    .goNextButton_LkOrQ:hover .icon_xwv2w {
      fill: #d01406; }

.goPreviousButton_mOyjJ {
  left: 0;
  justify-content: flex-start;
  border-radius: 0 16px 16px 0;
  padding-left: 6px; }

.goPreviousButton2_lElEn {
  right: 43px;
  width: 30px;
  justify-content: center;
  border-radius: 16px; }

.goNextButton_LkOrQ {
  right: 0;
  justify-content: flex-end;
  border-radius: 16px 0 0 16px;
  padding-right: 6px; }

.elementQtyText_tSsiB {
  position: absolute;
  top: 6px;
  left: 50%;
  padding: 2px 5px 1px 5px;
  font-size: 10px;
  color: #292929;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 6px;
  z-index: 7000; }

@media screen and (max-width: 1228px) {
  .goPreviousButton_mOyjJ {
    width: 56px;
    border-radius: 0 20px 20px 0;
    padding-left: 10px; }
  .goPreviousButton2_lElEn {
    display: none; }
  .goNextButton_LkOrQ {
    width: 58px;
    border-radius: 20px 0 0 20px;
    padding-right: 10px; } }

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Sidebars/RootSidebar.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.RootSidebar_DyZbX {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .RootSidebar_DyZbX .FirstSidebarHolder_tBaLJ {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 416px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    overflow-y: hidden;
    background-color: #fafafa;
    box-shadow: -1px 0px 0px 0px #e0e0e0;
    will-change: transform;
    transition: transform .2s ease-out;
    z-index: 310; }
  .RootSidebar_DyZbX .Overlay_HlMcY {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity .2s ease-out, visibility .2s ease-out;
    z-index: 305;
    opacity: 0;
    visibility: hidden; }
  .RootSidebar_DyZbX .Workspace_gVHrR {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    margin-bottom: 0;
    overflow: hidden;
    left: 0;
    right: 0; }
  .RootSidebar_DyZbX .dragHandle_zq767 {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1; }
  @media screen and (max-width: 1228px) {
    .RootSidebar_DyZbX .FirstSidebarHolder_tBaLJ {
      width: 100%;
      max-width: 416px; }
    .RootSidebar_DyZbX .Workspace_gVHrR {
      margin-top: 44px;
      margin-bottom: 42px; } }

.no-tabbar .Workspace_gVHrR {
  margin-bottom: 0; }

.no-sidebar .FirstSidebarHolder_tBaLJ {
  display: none; }

@media print {
  .RootSidebar_DyZbX {
    position: absolute;
    overflow: visible; }
    .RootSidebar_DyZbX .Workspace_gVHrR {
      overflow: visible; }
    .RootSidebar_DyZbX .FirstSidebarHolder_tBaLJ,
    .RootSidebar_DyZbX .Overlay_HlMcY {
      display: none; } }

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Tabbars/Tabbar.scss ***!
  \***************************************************************************************************************************************************************************************************/
.Tabbar_PJ_dB {
  width: 100%;
  height: 42px;
  color: #292929;
  background-color: white;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 320;
  opacity: 0.95; }
  .Tabbar_PJ_dB ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto; }
  .Tabbar_PJ_dB li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: 120px; }
    .Tabbar_PJ_dB li:hover .icon_BQ3RJ {
      fill: #d01406; }
  .Tabbar_PJ_dB a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-left: 1px solid white;
    border-right: 1px solid white; }
    .Tabbar_PJ_dB a.isActive_hO9z9 {
      border-left-color: #dbdbdb;
      border-right-color: #dbdbdb;
      background-color: #f0f0f0; }
  .Tabbar_PJ_dB .tabText_Q_9QT {
    font-size: 13px;
    font-weight: bold; }
  .Tabbar_PJ_dB .badgeText_wdfLx {
    margin-top: -22px;
    margin-left: -12px;
    padding: 2px 4px 1px 4px;
    border: 1px solid white;
    border-radius: 10px;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    background-color: #f20d0d;
    color: white; }
  .Tabbar_PJ_dB .icon_BQ3RJ {
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    cursor: pointer; }
  @media print {
    .Tabbar_PJ_dB {
      display: none; } }

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/fields/BitmaskField/BitmaskField.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.BitmaskField_Ztdn1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 24px; }
  .BitmaskField_Ztdn1 span {
    position: absolute;
    right: -10px;
    top: 0;
    width: 60px;
    height: 8px;
    display: flex;
    justify-content: center;
    font-size: 9px;
    color: #5c5c5c; }
  .BitmaskField_Ztdn1 section {
    display: flex;
    flex-direction: row-reverse; }
  .BitmaskField_Ztdn1 .bitItem_XdS2t {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    cursor: pointer; }
  .BitmaskField_Ztdn1 .bit01__f4Yj {
    fill: #5c5c5c; }
  .BitmaskField_Ztdn1 .bit02__ssaf {
    fill: #ff3333; }
  .BitmaskField_Ztdn1 .bit03_iOIqt {
    fill: #684545; }
  .BitmaskField_Ztdn1 .bit04_TDwV2 {
    fill: #00991a; }
  .BitmaskField_Ztdn1 .bit05_ioekQ {
    fill: #99d65c; }
  .BitmaskField_Ztdn1 .bit06_RvEWy {
    fill: #99c5ff; }
  .BitmaskField_Ztdn1 .bit07_i94fk {
    fill: #006dcc; }
  .BitmaskField_Ztdn1 .bit08_GsH_7 {
    fill: #b533cc; }
  .BitmaskField_Ztdn1 .bit09_h5Jej {
    fill: #e0b8e0; }
  .BitmaskField_Ztdn1 .bit10_L11Jd {
    fill: #4cae4f; }
  .BitmaskField_Ztdn1 .bit11_uH1pv {
    fill: #33a0ff; }
  .BitmaskField_Ztdn1 .bit12_MVj8m {
    fill: #003ea8; }
  .BitmaskField_Ztdn1 .bit13_I4P0p {
    fill: #607c8a; }
  .BitmaskField_Ztdn1 .bit14_GTo5A {
    fill: #707070; }
  .BitmaskField_Ztdn1 .bit15_LwADz {
    fill: #795649; }
  @media print {
    .BitmaskField_Ztdn1 {
      display: none; } }

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/ColorTagsEditor.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.backgroundWrapper_ufTnl {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 985; }

.ColorTagsEditor_Q1mke {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 300px;
  min-height: 112px;
  max-height: 95%;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .ColorTagsEditor_Q1mke h1 {
    margin-top: 38px;
    padding: 0 24px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
  .ColorTagsEditor_Q1mke .bitmaskField_UCdwy {
    flex-direction: row;
    margin-top: 20px;
    margin-right: 18px; }
    .ColorTagsEditor_Q1mke .bitmaskField_UCdwy > div > svg {
      width: 44px;
      height: 20px;
      padding: 2px;
      margin-right: 16px;
      fill: #5c5c5c;
      border-radius: 6px;
      background-color: #fcfcfc;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
      .ColorTagsEditor_Q1mke .bitmaskField_UCdwy > div > svg:hover {
        fill: #d01406; }
    .ColorTagsEditor_Q1mke .bitmaskField_UCdwy section > svg {
      width: 16px;
      height: 16px; }
  .ColorTagsEditor_Q1mke .controlPanel_CPXLq {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .ColorTagsEditor_Q1mke .controlPanel_CPXLq button + button {
      border-left: thin solid #cccccc; }
    .ColorTagsEditor_Q1mke .controlPanel_CPXLq button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .ColorTagsEditor_Q1mke .controlPanel_CPXLq button:hover {
        background-color: #f7f7f7; }
      .ColorTagsEditor_Q1mke .controlPanel_CPXLq button:active {
        background-color: #f2f2f2; }
      .ColorTagsEditor_Q1mke .controlPanel_CPXLq button.isAccented_Xc6sp {
        color: #d01406; }
      .ColorTagsEditor_Q1mke .controlPanel_CPXLq button.isDisabled_w1lYB {
        color: #b3b3b3; }
      .ColorTagsEditor_Q1mke .controlPanel_CPXLq button:first-child {
        border-bottom-left-radius: 12px; }
      .ColorTagsEditor_Q1mke .controlPanel_CPXLq button:last-child {
        border-bottom-right-radius: 12px; }

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/SelectObjects.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.backgroundWrapper_GWmZO {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 985; }

.SelectObjects__Y8mD {
  width: 100%;
  max-width: 440px;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .SelectObjects__Y8mD h1 {
    margin-top: 38px;
    padding: 0 40px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
    .SelectObjects__Y8mD h1 .icon_fUFLu {
      width: 28px;
      height: 28px;
      margin-right: 12px;
      margin-left: -12px;
      fill: #0078e0;
      vertical-align: text-bottom; }
  .SelectObjects__Y8mD p {
    margin-top: 16px;
    padding: 8px 40px;
    line-height: 19px;
    font-size: 14px;
    text-align: left;
    white-space: pre-wrap;
    word-break: break-word;
    color: #292929; }
    .SelectObjects__Y8mD p a {
      color: #0078e0; }
    .SelectObjects__Y8mD p span {
      text-decoration: underline; }
  .SelectObjects__Y8mD .selectHolder_RJR5m {
    padding: 0 36px; }
  .SelectObjects__Y8mD ul {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .SelectObjects__Y8mD ul button + button {
      border-left: thin solid #cccccc; }
    .SelectObjects__Y8mD ul button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .SelectObjects__Y8mD ul button:hover {
        background-color: #f7f7f7; }
      .SelectObjects__Y8mD ul button:active {
        background-color: #f2f2f2; }
      .SelectObjects__Y8mD ul button.isAccented_ImMC2 {
        font-weight: bold; }
      .SelectObjects__Y8mD ul button.isDisabled_PezxG {
        color: #b3b3b3;
        cursor: not-allowed; }
      .SelectObjects__Y8mD ul button:first-child {
        border-bottom-left-radius: 12px; }
      .SelectObjects__Y8mD ul button:last-child {
        border-bottom-right-radius: 12px; }
  @media screen and (max-width: 580px) {
    .SelectObjects__Y8mD {
      max-width: calc(100vw - 40px); } }

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/UI/HelpScreen.scss ***!
  \**************************************************************************************************************************************************************************************************/
.backgroundWrapper_Ev1di {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 985; }
  @media screen and (min-width: 1229px) {
    .backgroundWrapper_Ev1di {
      justify-content: space-between; }
      .backgroundWrapper_Ev1di:before, .backgroundWrapper_Ev1di:after {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        height: 1px;
        content: ''; } }

.HelpScreen_QW8b5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 460px;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: 15px;
  border-radius: 8px;
  background-color: #fcfcfc; }
  .HelpScreen_QW8b5 h1 {
    margin-top: 30px;
    padding: 0 24px;
    font-size: 17px;
    text-align: center;
    word-break: break-word;
    color: #292929;
    text-transform: uppercase; }
  .HelpScreen_QW8b5 p {
    margin-top: 20px;
    padding: 0 24px;
    line-height: 19px;
    font-size: 14px;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word;
    color: #292929; }
    .HelpScreen_QW8b5 p a {
      color: #0078e0; }
  .HelpScreen_QW8b5 .videoHolder_hVyMh {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 300px;
    margin: 24px auto 0 auto;
    padding: 0;
    background-color: black;
    box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.9); }
    .HelpScreen_QW8b5 .videoHolder_hVyMh iframe {
      width: 100%;
      height: 100%;
      vertical-align: top; }
  .HelpScreen_QW8b5 .settingsButton_AV_dj {
    max-width: 300px;
    margin-top: 16px;
    padding: 0 24px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-decoration: underline;
    white-space: pre-wrap;
    word-break: break-word; }
    .HelpScreen_QW8b5 .settingsButton_AV_dj:hover {
      color: #d01406; }
  .HelpScreen_QW8b5 ul {
    display: flex;
    width: 100%;
    height: 46px;
    margin-top: 20px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 8px 8px; }
    .HelpScreen_QW8b5 ul button + button {
      border-left: thin solid #cccccc; }
    .HelpScreen_QW8b5 ul button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 16px;
      color: #0588fa;
      text-transform: uppercase; }
      .HelpScreen_QW8b5 ul button:hover {
        background-color: #f7f7f7; }
      .HelpScreen_QW8b5 ul button:active {
        background-color: #f2f2f2; }
      .HelpScreen_QW8b5 ul button.isAccented_JzPX_ {
        color: #d01406; }
      .HelpScreen_QW8b5 ul button.isDisabled_HiGBz {
        color: #b3b3b3; }
      .HelpScreen_QW8b5 ul button:first-child {
        border-bottom-left-radius: 8px; }
      .HelpScreen_QW8b5 ul button:last-child {
        border-bottom-right-radius: 8px; }

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/application/App.scss ***!
  \*****************************************************************************************************************************************************************************************/
#root, #app {
  height: 100%; }

#app {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch; }
  #app > header {
    position: fixed;
    top: 0;
    left: 0;
    right: 46px;
    min-width: 320px;
    z-index: 950; }
    @media print {
      #app > header {
        position: absolute; } }
  @media screen and (max-width: 1228px) {
    #app > header {
      right: 0; } }
  #app > footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-width: 320px;
    z-index: 320; }
    @media print {
      #app > footer {
        display: none; } }

.no-tabbar #app > footer {
  display: none; }

#doorbell {
  top: calc(50% - 150px) !important;
  width: 420px !important;
  margin-left: -210px !important; }

#doorbell-button {
  left: 4% !important; }

#doorbell-button {
  position: fixed;
  right: auto;
  right: initial;
  bottom: 0;
  width: 120px;
  height: 34px;
  padding: 10px 20px;
  font-size: 14px;
  color: white;
  border-radius: 6px 6px 0 0;
  background-color: rgba(0, 0, 0, 0.55);
  z-index: 780; }
  @media screen and (max-width: 1228px) {
    #doorbell-button {
      display: none; } }
  @media print {
    #doorbell-button {
      display: none; } }

#doorbell-background {
  background: black !important; }

#doorbell-form {
  padding: 20px 20px 15px 20px !important;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2) !important;
  border-radius: 12px !important; }
  #doorbell-form legend {
    border: none !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 22px !important;
    text-align: center !important;
    text-transform: uppercase !important; }
  #doorbell-form textarea, #doorbell-form input {
    margin-bottom: 12px !important;
    border-radius: 4px !important;
    font-family: Helvetica, Arial, Calibri, sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    border-color: #cccccc !important;
    color: #292929 !important; }

#doorbell-submit-button {
  text-transform: none;
  overflow: visible;
  margin: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: white;
  border: none;
  background: #0588fa; }
  #doorbell-submit-button:hover {
    border: none;
    background: #057ae1; }