/*!**************************************************************************************************************************************************************************************!*\
  !*** 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_etKDG {
  -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_KpR_E {
  width: 100%;
  max-width: 440px;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .ConfirmAction_KpR_E h1 {
    margin-top: 38px;
    padding: 0 24px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
  .ConfirmAction_KpR_E 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_KpR_E p a {
      color: #0078e0; }
    .ConfirmAction_KpR_E p span {
      text-decoration: underline; }
  .ConfirmAction_KpR_E ul {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .ConfirmAction_KpR_E ul button + button {
      border-left: thin solid #cccccc; }
    .ConfirmAction_KpR_E ul button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .ConfirmAction_KpR_E ul button:hover {
        background-color: #f7f7f7; }
      .ConfirmAction_KpR_E ul button:active {
        background-color: #f2f2f2; }
      .ConfirmAction_KpR_E ul button.isAccented_baFUa {
        color: #d01406; }
      .ConfirmAction_KpR_E ul button.isDisabled_U9Kr1 {
        color: #b3b3b3; }
      .ConfirmAction_KpR_E ul button:first-child {
        border-bottom-left-radius: 12px; }
      .ConfirmAction_KpR_E ul button:last-child {
        border-bottom-right-radius: 12px; }
  @media screen and (max-width: 580px) {
    .ConfirmAction_KpR_E {
      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_CemLO {
  position: absolute;
  display: flex;
  bottom: 20px;
  height: 40px;
  left: 0;
  right: 0;
  z-index: 975; }
  @media screen and (max-width: 1228px) {
    .ConnectionStatus_CemLO {
      bottom: 60px; } }

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

.ConnectionStatus_CemLO .title_IaHAj {
  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_xnn_P {
  z-index: 978 !important;
  color: white !important;
  margin-right: 400px !important; }
  .Informer_xnn_P div div:last-child {
    justify-content: flex-start; }

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

.showInfo_v_8LP,
.showSuccess_g8CqC,
.showWarning_fOFIK,
.showError_O7GvT {
  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_v_8LP,
.showSuccess_g8CqC,
.showWarning_fOFIK,
.showError_O7GvT {
  min-width: 360px; }

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

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

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

.showError_O7GvT {
  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_UFchf {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .DetailField_UFchf .label_GyADu {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .DetailField_UFchf .label_GyADu span {
      margin: 0 2px;
      font-weight: bold; }
  .DetailField_UFchf :disabled {
    cursor: not-allowed; }
  .DetailField_UFchf .inputWrapper_HZa1b {
    position: relative; }
  .DetailField_UFchf .inputControl_LDXBW {
    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_UFchf .inputControl_LDXBW:focus {
      border: 1px solid #5babfb; }
  .DetailField_UFchf .dropdown_FXLWH {
    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_UFchf .dropdown_FXLWH:hover {
      cursor: pointer; }
    .DetailField_UFchf .dropdown_FXLWH.open_kaAaO {
      z-index: 2;
      background: #fff; }
  .DetailField_UFchf input[disabled] + .dropdown_FXLWH:hover {
    cursor: default; }
    .DetailField_UFchf input[disabled] + .dropdown_FXLWH:hover .dropdownButton_EKmHn {
      background-color: transparent; }
  .DetailField_UFchf .dropdownButton_EKmHn {
    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_UFchf .dropdownButton_EKmHn:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .DetailField_UFchf .dropdownButton_EKmHn .typeLabel_dzIt9 {
      margin-right: 12px;
      color: #5c5c5c; }
    .DetailField_UFchf .dropdownButton_EKmHn .arrow_a5Qsm {
      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_UFchf .dropdownButton_EKmHn .arrow_a5Qsm.up_Ys00_ {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .DetailField_UFchf .dropdownList_ynJfd {
    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_UFchf .dropdownList_ynJfd .dropdownItem_szb8T {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .DetailField_UFchf .dropdownList_ynJfd .dropdownItem_szb8T:hover {
        background-color: #f0f0f0; }
      .DetailField_UFchf .dropdownList_ynJfd .dropdownItem_szb8T.isPicked_MJEhp {
        background-color: #e6e6e6; }
    .DetailField_UFchf .dropdownList_ynJfd .optionLabel_aJ0_3 {
      margin-right: 6px; }
  .DetailField_UFchf .addButton_hTuLI {
    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_UFchf .addButton_hTuLI .icon_L5oFb {
      width: 18px;
      height: 18px;
      fill: white; }
    .DetailField_UFchf .addButton_hTuLI.isActive_uzqRA {
      background-color: #bc1206;
      cursor: pointer; }
    .DetailField_UFchf .addButton_hTuLI:hover {
      background-color: #b3b3b3; }
      .DetailField_UFchf .addButton_hTuLI:hover.isActive_uzqRA {
        background-color: #d01406; }
  .DetailField_UFchf .isHidden_KssZM {
    display: none; }
  .DetailField_UFchf .error_gDDQU {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .DetailField_UFchf.hasError_vfMj9 .inputControl_LDXBW {
    border: 1px solid red !important; }
    .DetailField_UFchf.hasError_vfMj9 .inputControl_LDXBW.isFocused_qTJ2F {
      border: 1px solid red !important; }
  .DetailField_UFchf.hasError_vfMj9 .dropdown_FXLWH {
    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_PXFiI {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .DetailSelectField_PXFiI .label_oLNyc {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .DetailSelectField_PXFiI .label_oLNyc span {
      margin: 0 2px;
      font-weight: bold; }
  .DetailSelectField_PXFiI .select_mP_fJ {
    font-size: 14px; }
    .DetailSelectField_PXFiI .select_mP_fJ .control_Ieg2z {
      outline: 0 !important; }
    .DetailSelectField_PXFiI .select_mP_fJ .control_Ieg2z {
      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_PXFiI .select_mP_fJ .control_Ieg2z.isFocused_afDm0 {
        border: 1px solid #5babfb; }
      .DetailSelectField_PXFiI .select_mP_fJ .control_Ieg2z input {
        display: none; }
    .DetailSelectField_PXFiI .select_mP_fJ .clearIndicator_e1_TK {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .DetailSelectField_PXFiI .select_mP_fJ .clearIndicator_e1_TK .icon_xWymN {
        width: 22px;
        height: 22px; }
      .DetailSelectField_PXFiI .select_mP_fJ .clearIndicator_e1_TK:hover .icon_xWymN {
        fill: #d01406; }
    .DetailSelectField_PXFiI .select_mP_fJ .multiValue_WMEHs {
      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_PXFiI .select_mP_fJ .multiValue_WMEHs:first-child {
        margin-top: 8px; }
      .DetailSelectField_PXFiI .select_mP_fJ .multiValue_WMEHs + .multiValue_WMEHs {
        margin-top: -12px; }
      .DetailSelectField_PXFiI .select_mP_fJ .multiValue_WMEHs .typeText_FRpTT {
        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_PXFiI .select_mP_fJ .multiValue_WMEHs .labelText_FaF4r {
        min-width: 0;
        height: 30px;
        line-height: 30px;
        padding-right: 36px;
        cursor: default;
        overflow: hidden; }
      .DetailSelectField_PXFiI .select_mP_fJ .multiValue_WMEHs .removeButton_shfN3 {
        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_PXFiI .select_mP_fJ .multiValue_WMEHs .removeButton_shfN3:hover {
          background-color: white; }
        .DetailSelectField_PXFiI .select_mP_fJ .multiValue_WMEHs .removeButton_shfN3 .icon_xWymN {
          width: 16px;
          height: 16px; }
        .DetailSelectField_PXFiI .select_mP_fJ .multiValue_WMEHs .removeButton_shfN3:hover .icon_xWymN {
          fill: #d01406; }
  .DetailSelectField_PXFiI .error_bqDuy {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .DetailSelectField_PXFiI.isError_zGgyE .control_Ieg2z {
    border: 1px solid red !important; }
    .DetailSelectField_PXFiI.isError_zGgyE .control_Ieg2z.isFocused_afDm0 {
      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_Pa8Ve {
  width: 16px;
  height: 11px;
  background-image: url("/assets/images/flags16x11.png");
  background-repeat: no-repeat;
  border-style: none; }
  .flag_Pa8Ve.AD {
    background-position: -16px      0; }
  .flag_Pa8Ve.AE {
    background-position: -32px      0; }
  .flag_Pa8Ve.AF {
    background-position: -48px      0; }
  .flag_Pa8Ve.AG {
    background-position: -64px      0; }
  .flag_Pa8Ve.AI {
    background-position: -80px      0; }
  .flag_Pa8Ve.AL {
    background-position: -96px      0; }
  .flag_Pa8Ve.AM {
    background-position: -112px      0; }
  .flag_Pa8Ve.AO {
    background-position: -128px      0; }
  .flag_Pa8Ve.AR {
    background-position: -144px      0; }
  .flag_Pa8Ve.AS {
    background-position: -160px      0; }
  .flag_Pa8Ve.AT {
    background-position: -176px      0; }
  .flag_Pa8Ve.AU {
    background-position: -192px      0; }
  .flag_Pa8Ve.AW {
    background-position: -208px      0; }
  .flag_Pa8Ve.AZ {
    background-position: -224px      0; }
  .flag_Pa8Ve.BA {
    background-position: -240px      0; }
  .flag_Pa8Ve.BB {
    background-position: 0    -11px; }
  .flag_Pa8Ve.BD {
    background-position: -16px  -11px; }
  .flag_Pa8Ve.BE {
    background-position: -32px  -11px; }
  .flag_Pa8Ve.BF {
    background-position: -48px  -11px; }
  .flag_Pa8Ve.BG {
    background-position: -64px  -11px; }
  .flag_Pa8Ve.BH {
    background-position: -80px  -11px; }
  .flag_Pa8Ve.BI {
    background-position: -96px  -11px; }
  .flag_Pa8Ve.BJ {
    background-position: -112px  -11px; }
  .flag_Pa8Ve.BM {
    background-position: -128px  -11px; }
  .flag_Pa8Ve.BN {
    background-position: -144px  -11px; }
  .flag_Pa8Ve.BO {
    background-position: -160px  -11px; }
  .flag_Pa8Ve.BR {
    background-position: -176px  -11px; }
  .flag_Pa8Ve.BS {
    background-position: -192px  -11px; }
  .flag_Pa8Ve.BT {
    background-position: -208px  -11px; }
  .flag_Pa8Ve.BW {
    background-position: -224px  -11px; }
  .flag_Pa8Ve.BY {
    background-position: -240px  -11px; }
  .flag_Pa8Ve.BZ {
    background-position: 0    -22px; }
  .flag_Pa8Ve.CA {
    background-position: -16px  -22px; }
  .flag_Pa8Ve.CD {
    background-position: -32px  -22px; }
  .flag_Pa8Ve.CF {
    background-position: -48px  -22px; }
  .flag_Pa8Ve.CG {
    background-position: -64px  -22px; }
  .flag_Pa8Ve.CH {
    background-position: -80px  -22px; }
  .flag_Pa8Ve.CI {
    background-position: -96px  -22px; }
  .flag_Pa8Ve.CK {
    background-position: -112px  -22px; }
  .flag_Pa8Ve.CL {
    background-position: -128px  -22px; }
  .flag_Pa8Ve.CM {
    background-position: -144px  -22px; }
  .flag_Pa8Ve.CN {
    background-position: -160px  -22px; }
  .flag_Pa8Ve.CO {
    background-position: -176px  -22px; }
  .flag_Pa8Ve.CR {
    background-position: -192px  -22px; }
  .flag_Pa8Ve.CU {
    background-position: -208px  -22px; }
  .flag_Pa8Ve.CV {
    background-position: -224px  -22px; }
  .flag_Pa8Ve.CW {
    background-position: -240px  -22px; }
  .flag_Pa8Ve.CY {
    background-position: 0    -33px; }
  .flag_Pa8Ve.CZ {
    background-position: -16px  -33px; }
  .flag_Pa8Ve.DE {
    background-position: -32px  -33px; }
  .flag_Pa8Ve.DJ {
    background-position: -48px  -33px; }
  .flag_Pa8Ve.DK {
    background-position: -64px  -33px; }
  .flag_Pa8Ve.DM {
    background-position: -80px  -33px; }
  .flag_Pa8Ve.DO {
    background-position: -96px  -33px; }
  .flag_Pa8Ve.DZ {
    background-position: -112px  -33px; }
  .flag_Pa8Ve.EC {
    background-position: -128px  -33px; }
  .flag_Pa8Ve.EE {
    background-position: -144px  -33px; }
  .flag_Pa8Ve.EG {
    background-position: -160px  -33px; }
  .flag_Pa8Ve.ER {
    background-position: -176px  -33px; }
  .flag_Pa8Ve.ES {
    background-position: -192px  -33px; }
  .flag_Pa8Ve.ET {
    background-position: -208px  -33px; }
  .flag_Pa8Ve.FI {
    background-position: -224px  -33px; }
  .flag_Pa8Ve.FJ {
    background-position: -240px  -33px; }
  .flag_Pa8Ve.FK {
    background-position: 0    -44px; }
  .flag_Pa8Ve.FM {
    background-position: -16px  -44px; }
  .flag_Pa8Ve.FO {
    background-position: -32px  -44px; }
  .flag_Pa8Ve.FR {
    background-position: -48px  -44px; }
  .flag_Pa8Ve.BL {
    background-position: -48px  -44px; }
  .flag_Pa8Ve.MF {
    background-position: -48px  -44px; }
  .flag_Pa8Ve.GA {
    background-position: -64px  -44px; }
  .flag_Pa8Ve.GB {
    background-position: -80px  -44px; }
  .flag_Pa8Ve.GD {
    background-position: -96px  -44px; }
  .flag_Pa8Ve.GE {
    background-position: -112px  -44px; }
  .flag_Pa8Ve.GF {
    background-position: -128px  -44px; }
  .flag_Pa8Ve.GH {
    background-position: -144px  -44px; }
  .flag_Pa8Ve.GI {
    background-position: -160px  -44px; }
  .flag_Pa8Ve.GL {
    background-position: -176px  -44px; }
  .flag_Pa8Ve.GM {
    background-position: -192px  -44px; }
  .flag_Pa8Ve.GN {
    background-position: -208px  -44px; }
  .flag_Pa8Ve.GP {
    background-position: -224px  -44px; }
  .flag_Pa8Ve.GQ {
    background-position: -240px  -44px; }
  .flag_Pa8Ve.GR {
    background-position: 0    -55px; }
  .flag_Pa8Ve.GT {
    background-position: -16px  -55px; }
  .flag_Pa8Ve.GU {
    background-position: -32px  -55px; }
  .flag_Pa8Ve.GW {
    background-position: -48px  -55px; }
  .flag_Pa8Ve.GY {
    background-position: -64px  -55px; }
  .flag_Pa8Ve.HK {
    background-position: -80px  -55px; }
  .flag_Pa8Ve.HN {
    background-position: -96px  -55px; }
  .flag_Pa8Ve.HR {
    background-position: -112px  -55px; }
  .flag_Pa8Ve.HT {
    background-position: -128px  -55px; }
  .flag_Pa8Ve.HU {
    background-position: -144px  -55px; }
  .flag_Pa8Ve.ID {
    background-position: -160px  -55px; }
  .flag_Pa8Ve.IE {
    background-position: -176px  -55px; }
  .flag_Pa8Ve.IL {
    background-position: -192px  -55px; }
  .flag_Pa8Ve.IN {
    background-position: -208px  -55px; }
  .flag_Pa8Ve.IO {
    background-position: -224px  -55px; }
  .flag_Pa8Ve.IQ {
    background-position: -240px  -55px; }
  .flag_Pa8Ve.IR {
    background-position: 0    -66px; }
  .flag_Pa8Ve.IS {
    background-position: -16px  -66px; }
  .flag_Pa8Ve.IT {
    background-position: -32px  -66px; }
  .flag_Pa8Ve.JE {
    background-position: -144px -154px; }
  .flag_Pa8Ve.JM {
    background-position: -48px  -66px; }
  .flag_Pa8Ve.JO {
    background-position: -64px  -66px; }
  .flag_Pa8Ve.JP {
    background-position: -80px  -66px; }
  .flag_Pa8Ve.KE {
    background-position: -96px  -66px; }
  .flag_Pa8Ve.KG {
    background-position: -112px  -66px; }
  .flag_Pa8Ve.KH {
    background-position: -128px  -66px; }
  .flag_Pa8Ve.KI {
    background-position: -144px  -66px; }
  .flag_Pa8Ve.XK {
    background-position: -128px -154px; }
  .flag_Pa8Ve.KM {
    background-position: -160px  -66px; }
  .flag_Pa8Ve.KN {
    background-position: -176px  -66px; }
  .flag_Pa8Ve.KP {
    background-position: -192px  -66px; }
  .flag_Pa8Ve.KR {
    background-position: -208px  -66px; }
  .flag_Pa8Ve.KW {
    background-position: -224px  -66px; }
  .flag_Pa8Ve.KY {
    background-position: -240px  -66px; }
  .flag_Pa8Ve.KZ {
    background-position: 0    -77px; }
  .flag_Pa8Ve.LA {
    background-position: -16px  -77px; }
  .flag_Pa8Ve.LB {
    background-position: -32px  -77px; }
  .flag_Pa8Ve.LC {
    background-position: -48px  -77px; }
  .flag_Pa8Ve.LI {
    background-position: -64px  -77px; }
  .flag_Pa8Ve.LK {
    background-position: -80px  -77px; }
  .flag_Pa8Ve.LR {
    background-position: -96px  -77px; }
  .flag_Pa8Ve.LS {
    background-position: -112px  -77px; }
  .flag_Pa8Ve.LT {
    background-position: -128px  -77px; }
  .flag_Pa8Ve.LU {
    background-position: -144px  -77px; }
  .flag_Pa8Ve.LV {
    background-position: -160px  -77px; }
  .flag_Pa8Ve.LY {
    background-position: -176px  -77px; }
  .flag_Pa8Ve.MA {
    background-position: -192px  -77px; }
  .flag_Pa8Ve.MC {
    background-position: -208px  -77px; }
  .flag_Pa8Ve.MD {
    background-position: -224px  -77px; }
  .flag_Pa8Ve.ME {
    background-position: -112px -154px;
    height: 12px; }
  .flag_Pa8Ve.MG {
    background-position: 0    -88px; }
  .flag_Pa8Ve.MH {
    background-position: -16px  -88px; }
  .flag_Pa8Ve.MK {
    background-position: -32px  -88px; }
  .flag_Pa8Ve.ML {
    background-position: -48px  -88px; }
  .flag_Pa8Ve.MM {
    background-position: -64px  -88px; }
  .flag_Pa8Ve.MN {
    background-position: -80px  -88px; }
  .flag_Pa8Ve.MO {
    background-position: -96px  -88px; }
  .flag_Pa8Ve.MP {
    background-position: -112px  -88px; }
  .flag_Pa8Ve.MQ {
    background-position: -128px  -88px; }
  .flag_Pa8Ve.MR {
    background-position: -144px  -88px; }
  .flag_Pa8Ve.MS {
    background-position: -160px  -88px; }
  .flag_Pa8Ve.MT {
    background-position: -176px  -88px; }
  .flag_Pa8Ve.MU {
    background-position: -192px  -88px; }
  .flag_Pa8Ve.MV {
    background-position: -208px  -88px; }
  .flag_Pa8Ve.MW {
    background-position: -224px  -88px; }
  .flag_Pa8Ve.MX {
    background-position: -240px  -88px; }
  .flag_Pa8Ve.MY {
    background-position: 0    -99px; }
  .flag_Pa8Ve.MZ {
    background-position: -16px  -99px; }
  .flag_Pa8Ve.NA {
    background-position: -32px  -99px; }
  .flag_Pa8Ve.NC {
    background-position: -48px  -99px; }
  .flag_Pa8Ve.NE {
    background-position: -64px  -99px; }
  .flag_Pa8Ve.NF {
    background-position: -80px  -99px; }
  .flag_Pa8Ve.NG {
    background-position: -96px  -99px; }
  .flag_Pa8Ve.NI {
    background-position: -112px  -99px; }
  .flag_Pa8Ve.NL {
    background-position: -128px  -99px; }
  .flag_Pa8Ve.BQ {
    background-position: -128px  -99px; }
  .flag_Pa8Ve.NO {
    background-position: -144px  -99px; }
  .flag_Pa8Ve.NP {
    background-position: -160px  -99px; }
  .flag_Pa8Ve.NR {
    background-position: -176px  -99px; }
  .flag_Pa8Ve.NU {
    background-position: -192px  -99px; }
  .flag_Pa8Ve.NZ {
    background-position: -208px  -99px; }
  .flag_Pa8Ve.OM {
    background-position: -224px  -99px; }
  .flag_Pa8Ve.PA {
    background-position: -240px  -99px; }
  .flag_Pa8Ve.PE {
    background-position: 0   -110px; }
  .flag_Pa8Ve.PF {
    background-position: -16px -110px; }
  .flag_Pa8Ve.PG {
    background-position: -32px -110px; }
  .flag_Pa8Ve.PH {
    background-position: -48px -110px; }
  .flag_Pa8Ve.PK {
    background-position: -64px -110px; }
  .flag_Pa8Ve.PL {
    background-position: -80px -110px; }
  .flag_Pa8Ve.PM {
    background-position: -96px -110px; }
  .flag_Pa8Ve.PR {
    background-position: -112px -110px; }
  .flag_Pa8Ve.PS {
    background-position: -128px -110px; }
  .flag_Pa8Ve.PT {
    background-position: -144px -110px; }
  .flag_Pa8Ve.PW {
    background-position: -160px -110px; }
  .flag_Pa8Ve.PY {
    background-position: -176px -110px; }
  .flag_Pa8Ve.QA {
    background-position: -192px -110px; }
  .flag_Pa8Ve.RE {
    background-position: -208px -110px; }
  .flag_Pa8Ve.RO {
    background-position: -224px -110px; }
  .flag_Pa8Ve.RS {
    background-position: -240px -110px; }
  .flag_Pa8Ve.RU {
    background-position: 0   -121px; }
  .flag_Pa8Ve.RW {
    background-position: -16px -121px; }
  .flag_Pa8Ve.SA {
    background-position: -32px -121px; }
  .flag_Pa8Ve.SB {
    background-position: -48px -121px; }
  .flag_Pa8Ve.SC {
    background-position: -64px -121px; }
  .flag_Pa8Ve.SD {
    background-position: -80px -121px; }
  .flag_Pa8Ve.SE {
    background-position: -96px -121px; }
  .flag_Pa8Ve.SG {
    background-position: -112px -121px; }
  .flag_Pa8Ve.SH {
    background-position: -128px -121px; }
  .flag_Pa8Ve.SI {
    background-position: -144px -121px; }
  .flag_Pa8Ve.SK {
    background-position: -160px -121px; }
  .flag_Pa8Ve.SL {
    background-position: -176px -121px; }
  .flag_Pa8Ve.SM {
    background-position: -192px -121px; }
  .flag_Pa8Ve.SN {
    background-position: -208px -121px; }
  .flag_Pa8Ve.SO {
    background-position: -224px -121px; }
  .flag_Pa8Ve.SR {
    background-position: -240px -121px; }
  .flag_Pa8Ve.SS {
    background-position: 0   -132px; }
  .flag_Pa8Ve.ST {
    background-position: -16px -132px; }
  .flag_Pa8Ve.SV {
    background-position: -32px -132px; }
  .flag_Pa8Ve.SX {
    background-position: -48px -132px; }
  .flag_Pa8Ve.SY {
    background-position: -64px -132px; }
  .flag_Pa8Ve.SZ {
    background-position: -80px -132px; }
  .flag_Pa8Ve.TC {
    background-position: -96px -132px; }
  .flag_Pa8Ve.TD {
    background-position: -112px -132px; }
  .flag_Pa8Ve.TG {
    background-position: -128px -132px; }
  .flag_Pa8Ve.TH {
    background-position: -144px -132px; }
  .flag_Pa8Ve.TJ {
    background-position: -160px -132px; }
  .flag_Pa8Ve.TK {
    background-position: -176px -132px; }
  .flag_Pa8Ve.TL {
    background-position: -192px -132px; }
  .flag_Pa8Ve.TM {
    background-position: -208px -132px; }
  .flag_Pa8Ve.TN {
    background-position: -224px -132px; }
  .flag_Pa8Ve.TO {
    background-position: -240px -132px; }
  .flag_Pa8Ve.TR {
    background-position: 0   -143px; }
  .flag_Pa8Ve.TT {
    background-position: -16px -143px; }
  .flag_Pa8Ve.TV {
    background-position: -32px -143px; }
  .flag_Pa8Ve.TW {
    background-position: -48px -143px; }
  .flag_Pa8Ve.TZ {
    background-position: -64px -143px; }
  .flag_Pa8Ve.UA {
    background-position: -80px -143px; }
  .flag_Pa8Ve.UG {
    background-position: -96px -143px; }
  .flag_Pa8Ve.US {
    background-position: -112px -143px; }
  .flag_Pa8Ve.UY {
    background-position: -128px -143px; }
  .flag_Pa8Ve.UZ {
    background-position: -144px -143px; }
  .flag_Pa8Ve.VA {
    background-position: -160px -143px; }
  .flag_Pa8Ve.VC {
    background-position: -176px -143px; }
  .flag_Pa8Ve.VE {
    background-position: -192px -143px; }
  .flag_Pa8Ve.VG {
    background-position: -208px -143px; }
  .flag_Pa8Ve.VI {
    background-position: -224px -143px; }
  .flag_Pa8Ve.VN {
    background-position: -240px -143px; }
  .flag_Pa8Ve.VU {
    background-position: 0   -154px; }
  .flag_Pa8Ve.WF {
    background-position: -16px -154px; }
  .flag_Pa8Ve.WS {
    background-position: -32px -154px; }
  .flag_Pa8Ve.YE {
    background-position: -48px -154px; }
  .flag_Pa8Ve.ZA {
    background-position: -64px -154px; }
  .flag_Pa8Ve.ZM {
    background-position: -80px -154px; }
  .flag_Pa8Ve.ZW {
    background-position: -96px -154px; }

.PhoneField_wRO29 {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .PhoneField_wRO29 .label_EOTSt {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .PhoneField_wRO29 .label_EOTSt span {
      margin: 0 2px;
      font-weight: bold; }
  .PhoneField_wRO29 :disabled {
    cursor: not-allowed; }
  .PhoneField_wRO29 .inputWrapper_k3_XK {
    position: relative; }
  .PhoneField_wRO29 .inputControl_QEfFc {
    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_wRO29 .inputControl_QEfFc:focus {
      border: 1px solid #5babfb; }
  .PhoneField_wRO29 .countryDropdown_hxW81 {
    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_wRO29 .countryDropdown_hxW81:hover {
      cursor: pointer; }
    .PhoneField_wRO29 .countryDropdown_hxW81.open_pkUyS {
      z-index: 2;
      background: #fff; }
  .PhoneField_wRO29 input[disabled] + .countryDropdown_hxW81:hover {
    cursor: default; }
    .PhoneField_wRO29 input[disabled] + .countryDropdown_hxW81:hover .dropdownButton_hncwR {
      background-color: transparent; }
  .PhoneField_wRO29 .dropdownButton_hncwR {
    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_wRO29 .dropdownButton_hncwR:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .PhoneField_wRO29 .dropdownButton_hncwR .flag_Pa8Ve {
      margin: 0 4px; }
    .PhoneField_wRO29 .dropdownButton_hncwR .arrow_fzkj6 {
      margin-left: 2px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #5c5c5c; }
      .PhoneField_wRO29 .dropdownButton_hncwR .arrow_fzkj6.up_DcAnR {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .PhoneField_wRO29 .countryList_N4jHf {
    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_wRO29 .countryList_N4jHf .dividerItem_xAnhB {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #adadad; }
    .PhoneField_wRO29 .countryList_N4jHf .countryItem_vF45U {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .PhoneField_wRO29 .countryList_N4jHf .countryItem_vF45U .dialCode_FbI2_ {
        color: #6b6b6b; }
      .PhoneField_wRO29 .countryList_N4jHf .countryItem_vF45U:hover {
        background-color: #f1f1f1; }
      .PhoneField_wRO29 .countryList_N4jHf .countryItem_vF45U.highlight_p97VX {
        background-color: #f1f1f1; }
    .PhoneField_wRO29 .countryList_N4jHf .flag_Pa8Ve {
      display: inline-block;
      margin-right: 8px;
      margin-top: 2px;
      min-width: 16px; }
    .PhoneField_wRO29 .countryList_N4jHf .countryName_zEcLX {
      margin-right: 6px; }
    .PhoneField_wRO29 .countryList_N4jHf .search_VMbTP {
      position: sticky;
      top: 0;
      padding: 10px 16px 8px 16px;
      background-color: white;
      z-index: 140; }
    .PhoneField_wRO29 .countryList_N4jHf .searchBox_VE15b {
      border: 1px solid #cccccc;
      border-radius: 5px;
      font-size: 14px;
      line-height: 15px;
      width: 100%;
      padding: 4px 8px;
      outline: none;
      color: #707070; }
    .PhoneField_wRO29 .countryList_N4jHf .noEntriesMessage_xY7Ke {
      padding: 7px 10px 11px;
      color: #707070; }
  .PhoneField_wRO29 .addButton_ONZ6L {
    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_wRO29 .addButton_ONZ6L .icon_qNie9 {
      width: 18px;
      height: 18px;
      fill: white; }
    .PhoneField_wRO29 .addButton_ONZ6L.isActive_G2jGn {
      background-color: #bc1206;
      cursor: pointer; }
    .PhoneField_wRO29 .addButton_ONZ6L:hover {
      background-color: #b3b3b3; }
      .PhoneField_wRO29 .addButton_ONZ6L:hover.isActive_G2jGn {
        background-color: #d01406; }
  .PhoneField_wRO29 .hide_lTVBm {
    display: none; }
  .PhoneField_wRO29 .error_uyXRJ {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .PhoneField_wRO29.hasError_ZJj02 .inputControl_QEfFc {
    border: 1px solid red !important; }
    .PhoneField_wRO29.hasError_ZJj02 .inputControl_QEfFc.isFocused_y5Ahh {
      border: 1px solid red !important; }
  .PhoneField_wRO29.hasError_ZJj02 .countryDropdown_hxW81 {
    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_R3Sgh {
  width: 16px;
  height: 11px;
  background-image: url("/assets/images/flags16x11.png");
  background-repeat: no-repeat;
  border-style: none; }
  .flag_R3Sgh.AD {
    background-position: -16px      0; }
  .flag_R3Sgh.AE {
    background-position: -32px      0; }
  .flag_R3Sgh.AF {
    background-position: -48px      0; }
  .flag_R3Sgh.AG {
    background-position: -64px      0; }
  .flag_R3Sgh.AI {
    background-position: -80px      0; }
  .flag_R3Sgh.AL {
    background-position: -96px      0; }
  .flag_R3Sgh.AM {
    background-position: -112px      0; }
  .flag_R3Sgh.AO {
    background-position: -128px      0; }
  .flag_R3Sgh.AR {
    background-position: -144px      0; }
  .flag_R3Sgh.AS {
    background-position: -160px      0; }
  .flag_R3Sgh.AT {
    background-position: -176px      0; }
  .flag_R3Sgh.AU {
    background-position: -192px      0; }
  .flag_R3Sgh.AW {
    background-position: -208px      0; }
  .flag_R3Sgh.AZ {
    background-position: -224px      0; }
  .flag_R3Sgh.BA {
    background-position: -240px      0; }
  .flag_R3Sgh.BB {
    background-position: 0    -11px; }
  .flag_R3Sgh.BD {
    background-position: -16px  -11px; }
  .flag_R3Sgh.BE {
    background-position: -32px  -11px; }
  .flag_R3Sgh.BF {
    background-position: -48px  -11px; }
  .flag_R3Sgh.BG {
    background-position: -64px  -11px; }
  .flag_R3Sgh.BH {
    background-position: -80px  -11px; }
  .flag_R3Sgh.BI {
    background-position: -96px  -11px; }
  .flag_R3Sgh.BJ {
    background-position: -112px  -11px; }
  .flag_R3Sgh.BM {
    background-position: -128px  -11px; }
  .flag_R3Sgh.BN {
    background-position: -144px  -11px; }
  .flag_R3Sgh.BO {
    background-position: -160px  -11px; }
  .flag_R3Sgh.BR {
    background-position: -176px  -11px; }
  .flag_R3Sgh.BS {
    background-position: -192px  -11px; }
  .flag_R3Sgh.BT {
    background-position: -208px  -11px; }
  .flag_R3Sgh.BW {
    background-position: -224px  -11px; }
  .flag_R3Sgh.BY {
    background-position: -240px  -11px; }
  .flag_R3Sgh.BZ {
    background-position: 0    -22px; }
  .flag_R3Sgh.CA {
    background-position: -16px  -22px; }
  .flag_R3Sgh.CD {
    background-position: -32px  -22px; }
  .flag_R3Sgh.CF {
    background-position: -48px  -22px; }
  .flag_R3Sgh.CG {
    background-position: -64px  -22px; }
  .flag_R3Sgh.CH {
    background-position: -80px  -22px; }
  .flag_R3Sgh.CI {
    background-position: -96px  -22px; }
  .flag_R3Sgh.CK {
    background-position: -112px  -22px; }
  .flag_R3Sgh.CL {
    background-position: -128px  -22px; }
  .flag_R3Sgh.CM {
    background-position: -144px  -22px; }
  .flag_R3Sgh.CN {
    background-position: -160px  -22px; }
  .flag_R3Sgh.CO {
    background-position: -176px  -22px; }
  .flag_R3Sgh.CR {
    background-position: -192px  -22px; }
  .flag_R3Sgh.CU {
    background-position: -208px  -22px; }
  .flag_R3Sgh.CV {
    background-position: -224px  -22px; }
  .flag_R3Sgh.CW {
    background-position: -240px  -22px; }
  .flag_R3Sgh.CY {
    background-position: 0    -33px; }
  .flag_R3Sgh.CZ {
    background-position: -16px  -33px; }
  .flag_R3Sgh.DE {
    background-position: -32px  -33px; }
  .flag_R3Sgh.DJ {
    background-position: -48px  -33px; }
  .flag_R3Sgh.DK {
    background-position: -64px  -33px; }
  .flag_R3Sgh.DM {
    background-position: -80px  -33px; }
  .flag_R3Sgh.DO {
    background-position: -96px  -33px; }
  .flag_R3Sgh.DZ {
    background-position: -112px  -33px; }
  .flag_R3Sgh.EC {
    background-position: -128px  -33px; }
  .flag_R3Sgh.EE {
    background-position: -144px  -33px; }
  .flag_R3Sgh.EG {
    background-position: -160px  -33px; }
  .flag_R3Sgh.ER {
    background-position: -176px  -33px; }
  .flag_R3Sgh.ES {
    background-position: -192px  -33px; }
  .flag_R3Sgh.ET {
    background-position: -208px  -33px; }
  .flag_R3Sgh.FI {
    background-position: -224px  -33px; }
  .flag_R3Sgh.FJ {
    background-position: -240px  -33px; }
  .flag_R3Sgh.FK {
    background-position: 0    -44px; }
  .flag_R3Sgh.FM {
    background-position: -16px  -44px; }
  .flag_R3Sgh.FO {
    background-position: -32px  -44px; }
  .flag_R3Sgh.FR {
    background-position: -48px  -44px; }
  .flag_R3Sgh.BL {
    background-position: -48px  -44px; }
  .flag_R3Sgh.MF {
    background-position: -48px  -44px; }
  .flag_R3Sgh.GA {
    background-position: -64px  -44px; }
  .flag_R3Sgh.GB {
    background-position: -80px  -44px; }
  .flag_R3Sgh.GD {
    background-position: -96px  -44px; }
  .flag_R3Sgh.GE {
    background-position: -112px  -44px; }
  .flag_R3Sgh.GF {
    background-position: -128px  -44px; }
  .flag_R3Sgh.GH {
    background-position: -144px  -44px; }
  .flag_R3Sgh.GI {
    background-position: -160px  -44px; }
  .flag_R3Sgh.GL {
    background-position: -176px  -44px; }
  .flag_R3Sgh.GM {
    background-position: -192px  -44px; }
  .flag_R3Sgh.GN {
    background-position: -208px  -44px; }
  .flag_R3Sgh.GP {
    background-position: -224px  -44px; }
  .flag_R3Sgh.GQ {
    background-position: -240px  -44px; }
  .flag_R3Sgh.GR {
    background-position: 0    -55px; }
  .flag_R3Sgh.GT {
    background-position: -16px  -55px; }
  .flag_R3Sgh.GU {
    background-position: -32px  -55px; }
  .flag_R3Sgh.GW {
    background-position: -48px  -55px; }
  .flag_R3Sgh.GY {
    background-position: -64px  -55px; }
  .flag_R3Sgh.HK {
    background-position: -80px  -55px; }
  .flag_R3Sgh.HN {
    background-position: -96px  -55px; }
  .flag_R3Sgh.HR {
    background-position: -112px  -55px; }
  .flag_R3Sgh.HT {
    background-position: -128px  -55px; }
  .flag_R3Sgh.HU {
    background-position: -144px  -55px; }
  .flag_R3Sgh.ID {
    background-position: -160px  -55px; }
  .flag_R3Sgh.IE {
    background-position: -176px  -55px; }
  .flag_R3Sgh.IL {
    background-position: -192px  -55px; }
  .flag_R3Sgh.IN {
    background-position: -208px  -55px; }
  .flag_R3Sgh.IO {
    background-position: -224px  -55px; }
  .flag_R3Sgh.IQ {
    background-position: -240px  -55px; }
  .flag_R3Sgh.IR {
    background-position: 0    -66px; }
  .flag_R3Sgh.IS {
    background-position: -16px  -66px; }
  .flag_R3Sgh.IT {
    background-position: -32px  -66px; }
  .flag_R3Sgh.JE {
    background-position: -144px -154px; }
  .flag_R3Sgh.JM {
    background-position: -48px  -66px; }
  .flag_R3Sgh.JO {
    background-position: -64px  -66px; }
  .flag_R3Sgh.JP {
    background-position: -80px  -66px; }
  .flag_R3Sgh.KE {
    background-position: -96px  -66px; }
  .flag_R3Sgh.KG {
    background-position: -112px  -66px; }
  .flag_R3Sgh.KH {
    background-position: -128px  -66px; }
  .flag_R3Sgh.KI {
    background-position: -144px  -66px; }
  .flag_R3Sgh.XK {
    background-position: -128px -154px; }
  .flag_R3Sgh.KM {
    background-position: -160px  -66px; }
  .flag_R3Sgh.KN {
    background-position: -176px  -66px; }
  .flag_R3Sgh.KP {
    background-position: -192px  -66px; }
  .flag_R3Sgh.KR {
    background-position: -208px  -66px; }
  .flag_R3Sgh.KW {
    background-position: -224px  -66px; }
  .flag_R3Sgh.KY {
    background-position: -240px  -66px; }
  .flag_R3Sgh.KZ {
    background-position: 0    -77px; }
  .flag_R3Sgh.LA {
    background-position: -16px  -77px; }
  .flag_R3Sgh.LB {
    background-position: -32px  -77px; }
  .flag_R3Sgh.LC {
    background-position: -48px  -77px; }
  .flag_R3Sgh.LI {
    background-position: -64px  -77px; }
  .flag_R3Sgh.LK {
    background-position: -80px  -77px; }
  .flag_R3Sgh.LR {
    background-position: -96px  -77px; }
  .flag_R3Sgh.LS {
    background-position: -112px  -77px; }
  .flag_R3Sgh.LT {
    background-position: -128px  -77px; }
  .flag_R3Sgh.LU {
    background-position: -144px  -77px; }
  .flag_R3Sgh.LV {
    background-position: -160px  -77px; }
  .flag_R3Sgh.LY {
    background-position: -176px  -77px; }
  .flag_R3Sgh.MA {
    background-position: -192px  -77px; }
  .flag_R3Sgh.MC {
    background-position: -208px  -77px; }
  .flag_R3Sgh.MD {
    background-position: -224px  -77px; }
  .flag_R3Sgh.ME {
    background-position: -112px -154px;
    height: 12px; }
  .flag_R3Sgh.MG {
    background-position: 0    -88px; }
  .flag_R3Sgh.MH {
    background-position: -16px  -88px; }
  .flag_R3Sgh.MK {
    background-position: -32px  -88px; }
  .flag_R3Sgh.ML {
    background-position: -48px  -88px; }
  .flag_R3Sgh.MM {
    background-position: -64px  -88px; }
  .flag_R3Sgh.MN {
    background-position: -80px  -88px; }
  .flag_R3Sgh.MO {
    background-position: -96px  -88px; }
  .flag_R3Sgh.MP {
    background-position: -112px  -88px; }
  .flag_R3Sgh.MQ {
    background-position: -128px  -88px; }
  .flag_R3Sgh.MR {
    background-position: -144px  -88px; }
  .flag_R3Sgh.MS {
    background-position: -160px  -88px; }
  .flag_R3Sgh.MT {
    background-position: -176px  -88px; }
  .flag_R3Sgh.MU {
    background-position: -192px  -88px; }
  .flag_R3Sgh.MV {
    background-position: -208px  -88px; }
  .flag_R3Sgh.MW {
    background-position: -224px  -88px; }
  .flag_R3Sgh.MX {
    background-position: -240px  -88px; }
  .flag_R3Sgh.MY {
    background-position: 0    -99px; }
  .flag_R3Sgh.MZ {
    background-position: -16px  -99px; }
  .flag_R3Sgh.NA {
    background-position: -32px  -99px; }
  .flag_R3Sgh.NC {
    background-position: -48px  -99px; }
  .flag_R3Sgh.NE {
    background-position: -64px  -99px; }
  .flag_R3Sgh.NF {
    background-position: -80px  -99px; }
  .flag_R3Sgh.NG {
    background-position: -96px  -99px; }
  .flag_R3Sgh.NI {
    background-position: -112px  -99px; }
  .flag_R3Sgh.NL {
    background-position: -128px  -99px; }
  .flag_R3Sgh.BQ {
    background-position: -128px  -99px; }
  .flag_R3Sgh.NO {
    background-position: -144px  -99px; }
  .flag_R3Sgh.NP {
    background-position: -160px  -99px; }
  .flag_R3Sgh.NR {
    background-position: -176px  -99px; }
  .flag_R3Sgh.NU {
    background-position: -192px  -99px; }
  .flag_R3Sgh.NZ {
    background-position: -208px  -99px; }
  .flag_R3Sgh.OM {
    background-position: -224px  -99px; }
  .flag_R3Sgh.PA {
    background-position: -240px  -99px; }
  .flag_R3Sgh.PE {
    background-position: 0   -110px; }
  .flag_R3Sgh.PF {
    background-position: -16px -110px; }
  .flag_R3Sgh.PG {
    background-position: -32px -110px; }
  .flag_R3Sgh.PH {
    background-position: -48px -110px; }
  .flag_R3Sgh.PK {
    background-position: -64px -110px; }
  .flag_R3Sgh.PL {
    background-position: -80px -110px; }
  .flag_R3Sgh.PM {
    background-position: -96px -110px; }
  .flag_R3Sgh.PR {
    background-position: -112px -110px; }
  .flag_R3Sgh.PS {
    background-position: -128px -110px; }
  .flag_R3Sgh.PT {
    background-position: -144px -110px; }
  .flag_R3Sgh.PW {
    background-position: -160px -110px; }
  .flag_R3Sgh.PY {
    background-position: -176px -110px; }
  .flag_R3Sgh.QA {
    background-position: -192px -110px; }
  .flag_R3Sgh.RE {
    background-position: -208px -110px; }
  .flag_R3Sgh.RO {
    background-position: -224px -110px; }
  .flag_R3Sgh.RS {
    background-position: -240px -110px; }
  .flag_R3Sgh.RU {
    background-position: 0   -121px; }
  .flag_R3Sgh.RW {
    background-position: -16px -121px; }
  .flag_R3Sgh.SA {
    background-position: -32px -121px; }
  .flag_R3Sgh.SB {
    background-position: -48px -121px; }
  .flag_R3Sgh.SC {
    background-position: -64px -121px; }
  .flag_R3Sgh.SD {
    background-position: -80px -121px; }
  .flag_R3Sgh.SE {
    background-position: -96px -121px; }
  .flag_R3Sgh.SG {
    background-position: -112px -121px; }
  .flag_R3Sgh.SH {
    background-position: -128px -121px; }
  .flag_R3Sgh.SI {
    background-position: -144px -121px; }
  .flag_R3Sgh.SK {
    background-position: -160px -121px; }
  .flag_R3Sgh.SL {
    background-position: -176px -121px; }
  .flag_R3Sgh.SM {
    background-position: -192px -121px; }
  .flag_R3Sgh.SN {
    background-position: -208px -121px; }
  .flag_R3Sgh.SO {
    background-position: -224px -121px; }
  .flag_R3Sgh.SR {
    background-position: -240px -121px; }
  .flag_R3Sgh.SS {
    background-position: 0   -132px; }
  .flag_R3Sgh.ST {
    background-position: -16px -132px; }
  .flag_R3Sgh.SV {
    background-position: -32px -132px; }
  .flag_R3Sgh.SX {
    background-position: -48px -132px; }
  .flag_R3Sgh.SY {
    background-position: -64px -132px; }
  .flag_R3Sgh.SZ {
    background-position: -80px -132px; }
  .flag_R3Sgh.TC {
    background-position: -96px -132px; }
  .flag_R3Sgh.TD {
    background-position: -112px -132px; }
  .flag_R3Sgh.TG {
    background-position: -128px -132px; }
  .flag_R3Sgh.TH {
    background-position: -144px -132px; }
  .flag_R3Sgh.TJ {
    background-position: -160px -132px; }
  .flag_R3Sgh.TK {
    background-position: -176px -132px; }
  .flag_R3Sgh.TL {
    background-position: -192px -132px; }
  .flag_R3Sgh.TM {
    background-position: -208px -132px; }
  .flag_R3Sgh.TN {
    background-position: -224px -132px; }
  .flag_R3Sgh.TO {
    background-position: -240px -132px; }
  .flag_R3Sgh.TR {
    background-position: 0   -143px; }
  .flag_R3Sgh.TT {
    background-position: -16px -143px; }
  .flag_R3Sgh.TV {
    background-position: -32px -143px; }
  .flag_R3Sgh.TW {
    background-position: -48px -143px; }
  .flag_R3Sgh.TZ {
    background-position: -64px -143px; }
  .flag_R3Sgh.UA {
    background-position: -80px -143px; }
  .flag_R3Sgh.UG {
    background-position: -96px -143px; }
  .flag_R3Sgh.US {
    background-position: -112px -143px; }
  .flag_R3Sgh.UY {
    background-position: -128px -143px; }
  .flag_R3Sgh.UZ {
    background-position: -144px -143px; }
  .flag_R3Sgh.VA {
    background-position: -160px -143px; }
  .flag_R3Sgh.VC {
    background-position: -176px -143px; }
  .flag_R3Sgh.VE {
    background-position: -192px -143px; }
  .flag_R3Sgh.VG {
    background-position: -208px -143px; }
  .flag_R3Sgh.VI {
    background-position: -224px -143px; }
  .flag_R3Sgh.VN {
    background-position: -240px -143px; }
  .flag_R3Sgh.VU {
    background-position: 0   -154px; }
  .flag_R3Sgh.WF {
    background-position: -16px -154px; }
  .flag_R3Sgh.WS {
    background-position: -32px -154px; }
  .flag_R3Sgh.YE {
    background-position: -48px -154px; }
  .flag_R3Sgh.ZA {
    background-position: -64px -154px; }
  .flag_R3Sgh.ZM {
    background-position: -80px -154px; }
  .flag_R3Sgh.ZW {
    background-position: -96px -154px; }

.PhoneSelectField_aFK2u {
  width: 300px;
  font-size: 1.4rem;
  font-weight: normal; }
  .PhoneSelectField_aFK2u .label_xGXag {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .PhoneSelectField_aFK2u .label_xGXag span {
      margin: 0 2px;
      font-weight: bold; }
  .PhoneSelectField_aFK2u .select_kUEHz {
    font-size: 14px; }
    .PhoneSelectField_aFK2u .select_kUEHz .control_c5xAg {
      outline: 0 !important; }
    .PhoneSelectField_aFK2u .select_kUEHz .control_c5xAg {
      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_aFK2u .select_kUEHz .control_c5xAg.isFocused_oqXzj {
        border: 1px solid #5babfb; }
      .PhoneSelectField_aFK2u .select_kUEHz .control_c5xAg input {
        display: none; }
    .PhoneSelectField_aFK2u .select_kUEHz .clearIndicator_EzJR5 {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .PhoneSelectField_aFK2u .select_kUEHz .clearIndicator_EzJR5 .icon_o6Zd9 {
        width: 22px;
        height: 22px; }
      .PhoneSelectField_aFK2u .select_kUEHz .clearIndicator_EzJR5:hover .icon_o6Zd9 {
        fill: #d01406; }
    .PhoneSelectField_aFK2u .select_kUEHz .multiValue_cP25j {
      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_aFK2u .select_kUEHz .multiValue_cP25j:first-child {
        margin-top: 8px; }
      .PhoneSelectField_aFK2u .select_kUEHz .multiValue_cP25j + .multiValue_cP25j {
        margin-top: -7px; }
      .PhoneSelectField_aFK2u .select_kUEHz .multiValue_cP25j .flag_R3Sgh {
        margin: 0 6px 0 10px; }
      .PhoneSelectField_aFK2u .select_kUEHz .multiValue_cP25j .labelText_NuTw6 {
        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_aFK2u .select_kUEHz .multiValue_cP25j .removeButton_eWnRz {
        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_aFK2u .select_kUEHz .multiValue_cP25j .removeButton_eWnRz:hover {
          border-left-color: #c4c4c4;
          background-color: #f7f7f7; }
        .PhoneSelectField_aFK2u .select_kUEHz .multiValue_cP25j .removeButton_eWnRz .icon_o6Zd9 {
          width: 16px;
          height: 16px; }
        .PhoneSelectField_aFK2u .select_kUEHz .multiValue_cP25j .removeButton_eWnRz:hover .icon_o6Zd9 {
          fill: #d01406; }
  .PhoneSelectField_aFK2u .error_eFz2V {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .PhoneSelectField_aFK2u.isError_gYB5o .control_c5xAg {
    border: 1px solid red !important; }
    .PhoneSelectField_aFK2u.isError_gYB5o .control_c5xAg.isFocused_oqXzj {
      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_ZxGuh {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .UrlField_ZxGuh .label_MiAvc {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .UrlField_ZxGuh .label_MiAvc span {
      margin: 0 2px;
      font-weight: bold; }
  .UrlField_ZxGuh :disabled {
    cursor: not-allowed; }
  .UrlField_ZxGuh .inputWrapper_xD8il {
    position: relative; }
  .UrlField_ZxGuh .inputControl_g5_qQ {
    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_ZxGuh .inputControl_g5_qQ:focus {
      border: 1px solid #5babfb; }
  .UrlField_ZxGuh .dropdown_Svgrv {
    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_ZxGuh .dropdown_Svgrv:hover {
      cursor: pointer; }
    .UrlField_ZxGuh .dropdown_Svgrv.open_Re7ty {
      z-index: 2;
      background: #fff; }
  .UrlField_ZxGuh input[disabled] + .dropdown_Svgrv:hover {
    cursor: default; }
    .UrlField_ZxGuh input[disabled] + .dropdown_Svgrv:hover .dropdownButton_D473L {
      background-color: transparent; }
  .UrlField_ZxGuh .dropdownButton_D473L {
    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_ZxGuh .dropdownButton_D473L:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .UrlField_ZxGuh .dropdownButton_D473L .typeLabel_LmCy8 {
      margin-right: 12px;
      color: #5c5c5c; }
    .UrlField_ZxGuh .dropdownButton_D473L .arrow_PXIHp {
      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_ZxGuh .dropdownButton_D473L .arrow_PXIHp.up_HxkmE {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .UrlField_ZxGuh .dropdownList_eonOs {
    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_ZxGuh .dropdownList_eonOs .dropdownItem_VSbcT {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .UrlField_ZxGuh .dropdownList_eonOs .dropdownItem_VSbcT:hover {
        background-color: #f0f0f0; }
      .UrlField_ZxGuh .dropdownList_eonOs .dropdownItem_VSbcT.isPicked_s0QYN {
        background-color: #e6e6e6; }
    .UrlField_ZxGuh .dropdownList_eonOs .optionLabel_JKB0c {
      margin-right: 6px; }
  .UrlField_ZxGuh .addButton_kz1Vp {
    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_ZxGuh .addButton_kz1Vp .icon_FQK2s {
      width: 18px;
      height: 18px;
      fill: white; }
    .UrlField_ZxGuh .addButton_kz1Vp.isActive_Wro7J {
      background-color: #bc1206;
      cursor: pointer; }
    .UrlField_ZxGuh .addButton_kz1Vp:hover {
      background-color: #b3b3b3; }
      .UrlField_ZxGuh .addButton_kz1Vp:hover.isActive_Wro7J {
        background-color: #d01406; }
  .UrlField_ZxGuh .isHidden_aasN3 {
    display: none; }
  .UrlField_ZxGuh .error_uwU2C {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .UrlField_ZxGuh.hasError_n3zk6 .inputControl_g5_qQ {
    border: 1px solid red !important; }
    .UrlField_ZxGuh.hasError_n3zk6 .inputControl_g5_qQ.isFocused_gBIrK {
      border: 1px solid red !important; }
  .UrlField_ZxGuh.hasError_n3zk6 .dropdown_Svgrv {
    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_V_eTc {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .UrlSelectField_V_eTc .label_tiFoe {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .UrlSelectField_V_eTc .label_tiFoe span {
      margin: 0 2px;
      font-weight: bold; }
  .UrlSelectField_V_eTc .select_hEk0q {
    font-size: 14px; }
    .UrlSelectField_V_eTc .select_hEk0q .control_crWbN {
      outline: 0 !important; }
    .UrlSelectField_V_eTc .select_hEk0q .control_crWbN {
      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_V_eTc .select_hEk0q .control_crWbN.isFocused_npuyC {
        border: 1px solid #5babfb; }
      .UrlSelectField_V_eTc .select_hEk0q .control_crWbN input {
        display: none; }
    .UrlSelectField_V_eTc .select_hEk0q .clearIndicator_T9fMr {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .UrlSelectField_V_eTc .select_hEk0q .clearIndicator_T9fMr .icon_M0jPq {
        width: 22px;
        height: 22px; }
      .UrlSelectField_V_eTc .select_hEk0q .clearIndicator_T9fMr:hover .icon_M0jPq {
        fill: #d01406; }
    .UrlSelectField_V_eTc .select_hEk0q .multiValue_N4rKc {
      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_V_eTc .select_hEk0q .multiValue_N4rKc:first-child {
        margin-top: 8px; }
      .UrlSelectField_V_eTc .select_hEk0q .multiValue_N4rKc + .multiValue_N4rKc {
        margin-top: -12px; }
      .UrlSelectField_V_eTc .select_hEk0q .multiValue_N4rKc .typeText_N1zFS {
        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_V_eTc .select_hEk0q .multiValue_N4rKc a, .UrlSelectField_V_eTc .select_hEk0q .multiValue_N4rKc .labelText_HBB6J {
        min-width: 0;
        height: 30px;
        line-height: 30px;
        padding-right: 10px;
        cursor: pointer;
        overflow: hidden;
        color: #3b40ce; }
      .UrlSelectField_V_eTc .select_hEk0q .multiValue_N4rKc .removeButton_YnmKt {
        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_V_eTc .select_hEk0q .multiValue_N4rKc .removeButton_YnmKt:hover {
          background-color: white; }
        .UrlSelectField_V_eTc .select_hEk0q .multiValue_N4rKc .removeButton_YnmKt .icon_M0jPq {
          width: 16px;
          height: 16px; }
        .UrlSelectField_V_eTc .select_hEk0q .multiValue_N4rKc .removeButton_YnmKt:hover .icon_M0jPq {
          fill: #d01406; }
  .UrlSelectField_V_eTc .error_Lwlah {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .UrlSelectField_V_eTc.isError_gaWy0 .control_crWbN {
    border: 1px solid red !important; }
    .UrlSelectField_V_eTc.isError_gaWy0 .control_crWbN.isFocused_npuyC {
      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_Ng5U1 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .SelectField_Ng5U1 .label_I5Qnq {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .SelectField_Ng5U1 .label_I5Qnq span {
      margin: 0 2px;
      font-weight: bold; }
  .SelectField_Ng5U1 .select_Xhodn {
    font-size: 14px; }
    .SelectField_Ng5U1 .select_Xhodn .control_Vafis {
      outline: 0 !important; }
    .SelectField_Ng5U1 .select_Xhodn .control_Vafis {
      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_Ng5U1 .select_Xhodn .control_Vafis.isFocused_ebM76 {
        border: 1px solid #5babfb; }
    .SelectField_Ng5U1 .select_Xhodn .indicatorSeparator_F4k4O {
      width: 1px;
      align-self: stretch;
      background-color: #adadad; }
    .SelectField_Ng5U1 .select_Xhodn .clearIndicator_QzjnC {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .SelectField_Ng5U1 .select_Xhodn .clearIndicator_QzjnC .icon_o2DWd {
        width: 22px;
        height: 22px; }
      .SelectField_Ng5U1 .select_Xhodn .clearIndicator_QzjnC:hover .icon_o2DWd {
        fill: #d01406; }
    .SelectField_Ng5U1 .select_Xhodn .dropdownIndicator_dza2B {
      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_Ng5U1 .select_Xhodn .dropdownIndicator_dza2B .icon_o2DWd {
        width: 22px;
        height: 22px; }
      .SelectField_Ng5U1 .select_Xhodn .dropdownIndicator_dza2B:hover {
        background-image: linear-gradient(#f7f7f7, #dedede); }
        .SelectField_Ng5U1 .select_Xhodn .dropdownIndicator_dza2B:hover .icon_o2DWd {
          fill: black; }
    .SelectField_Ng5U1 .select_Xhodn .menu_UB2Vq {
      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_Ng5U1 .select_Xhodn .menuList_M2kil {
      position: relative;
      max-height: 300px;
      padding-top: 6px;
      padding-bottom: 6px;
      overflow-y: auto; }
    .SelectField_Ng5U1 .select_Xhodn .option_LRq4J {
      -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_Ng5U1 .select_Xhodn .option_LRq4J.isCourse_cind2 {
        background-color: #ebf6ff; }
      .SelectField_Ng5U1 .select_Xhodn .option_LRq4J.isFocused_ebM76 {
        color: #292929;
        background-color: #bedefd; }
      .SelectField_Ng5U1 .select_Xhodn .option_LRq4J.isSelected_eR5Pg {
        color: #292929;
        background-color: #a1cffd; }
      .SelectField_Ng5U1 .select_Xhodn .option_LRq4J.isDisabled_NeiSM {
        color: #b3b3b3;
        background-color: #f2f2f2; }
      .SelectField_Ng5U1 .select_Xhodn .option_LRq4J .privacy_DBTUl {
        position: absolute;
        top: 0;
        left: 6px;
        height: 32px;
        display: flex;
        align-items: center; }
        .SelectField_Ng5U1 .select_Xhodn .option_LRq4J .privacy_DBTUl .icon_o2DWd {
          width: 10px;
          height: 10px; }
    .SelectField_Ng5U1 .select_Xhodn .multiValue_DZOxP {
      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_Ng5U1 .select_Xhodn .multiValue_DZOxP .privacy_DBTUl {
        display: flex;
        align-items: center;
        margin-right: 4px; }
        .SelectField_Ng5U1 .select_Xhodn .multiValue_DZOxP .privacy_DBTUl .icon_o2DWd {
          width: 12px;
          height: 12px; }
      .SelectField_Ng5U1 .select_Xhodn .multiValue_DZOxP .labelText_CiqOJ {
        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_Ng5U1 .select_Xhodn .multiValue_DZOxP .removeButton_dAv2r {
        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_Ng5U1 .select_Xhodn .multiValue_DZOxP .removeButton_dAv2r:hover {
          border-left-color: #c4c4c4;
          background-color: #f7f7f7; }
        .SelectField_Ng5U1 .select_Xhodn .multiValue_DZOxP .removeButton_dAv2r .icon_o2DWd {
          width: 16px;
          height: 16px; }
        .SelectField_Ng5U1 .select_Xhodn .multiValue_DZOxP .removeButton_dAv2r:hover .icon_o2DWd {
          fill: #d01406; }
      .SelectField_Ng5U1 .select_Xhodn .multiValue_DZOxP.isCourseType_e91oi {
        color: #052057;
        border-color: #749edc;
        background-color: #f5fbff; }
    .SelectField_Ng5U1 .select_Xhodn input {
      min-width: 0;
      max-width: 200px;
      margin-left: 2px; }
  .SelectField_Ng5U1 .error_tYdjJ {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .SelectField_Ng5U1.isError_KJDAK .control_Vafis {
    border: 1px solid red !important; }
    .SelectField_Ng5U1.isError_KJDAK .control_Vafis.isFocused_ebM76 {
      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__K06e {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px; }
  .PictButton__K06e .icon_CAVII {
    width: 26px;
    height: 26px;
    margin-top: 1px;
    fill: #5c5c5c; }
  .PictButton__K06e:focus {
    box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
  .PictButton__K06e:hover.isDisabled_VWyFy .icon_CAVII {
    fill: #cccccc !important; }
  .PictButton__K06e:active.isDisabled_VWyFy {
    background-image: linear-gradient(#ebebeb, #dbdbdb); }
  .PictButton__K06e .badgeText_p98Jn {
    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__K06e .qtyText_Tcw7U {
    position: absolute;
    top: 1px;
    right: 1px;
    left: 0;
    text-align: center;
    font-size: 9px;
    color: #d01406; }
  .PictButton__K06e.isDisabled_VWyFy {
    background-image: linear-gradient(#e6e6e6, #e0e0e0) !important; }
  .PictButton__K06e.isDisabled_VWyFy {
    cursor: not-allowed;
    color: #9c9c9c;
    border-color: #c7c7c7;
    opacity: 0.6; }
    .PictButton__K06e.isDisabled_VWyFy .icon_CAVII {
      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_ah8_k {
  position: relative;
  margin: 12px -12px;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  background-color: #f0f0f0;
  overflow: hidden; }
  .CodeBlock_ah8_k .language_iUV_4 {
    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_ah8_k pre {
    padding: 12px 12px;
    overflow-x: scroll;
    word-wrap: normal; }
  .CodeBlock_ah8_k 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_gtZcL {
  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_gtZcL .icon_Hc2kd {
    width: 20px;
    height: 20px;
    fill: #e6e6e6; }
  .RichIcon_gtZcL.isActive_iwyaV {
    background: 0;
    color: white;
    box-shadow: 0 2px 0 0 #d01406; }
    .RichIcon_gtZcL.isActive_iwyaV .icon_Hc2kd {
      fill: white; }
  .RichIcon_gtZcL:hover {
    color: yellow; }
    .RichIcon_gtZcL:hover .icon_Hc2kd {
      fill: yellow; }
  .RichIcon_gtZcL.isDisabled_yKy9u {
    cursor: not-allowed;
    color: #b3b3b3; }
    .RichIcon_gtZcL.isDisabled_yKy9u .icon_Hc2kd {
      fill: #b3b3b3; }
  .RichIcon_gtZcL:first-child {
    width: 45px;
    border-radius: 5px 0 0 5px; }
  .RichIcon_gtZcL:last-child {
    width: 45px;
    border-radius: 0 5px 5px 0; }

.RichIcon_gtZcL + .RichIcon_gtZcL {
  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_RCgnw {
  display: block;
  max-width: 100%;
  margin: 12px 0;
  vertical-align: top;
  overflow-x: auto;
  cursor: auto; }
  .Table_RCgnw tbody {
    display: table-row-group;
    vertical-align: middle;
    background-color: white; }
  .Table_RCgnw tr {
    display: table-row;
    min-height: 32px; }
    .Table_RCgnw tr:first-child {
      background-color: #e0f0ff; }
  .Table_RCgnw td {
    display: table-cell;
    min-width: 33px;
    padding: 8px 8px 8px 8px;
    border: 1px solid #adadad; }
    .Table_RCgnw td ul, .Table_RCgnw 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_WdqmV {
  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_Fg_25 {
  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_fLCUr {
  position: relative; }

.Toolbar_Qfr_r {
  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_Fg_25 160ms forwards linear; }
  .Toolbar_Qfr_r:after {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    content: " "; }
  .Toolbar_Qfr_r.isTop_Z2d1q:after {
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: black transparent transparent transparent; }
  .Toolbar_Qfr_r.isBottom_WHUGv:after {
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent black transparent; }
  .Toolbar_Qfr_r .toolbarDivider_Cgyui {
    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_qxNcB {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  word-break: break-word; }
  .RichEditor_qxNcB .placeholder_NwUVI {
    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_qxNcB h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_qxNcB h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0.8em 0; }
  .RichEditor_qxNcB h3 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 1em 0; }
  .RichEditor_qxNcB h4 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 1.2em 0; }
  .RichEditor_qxNcB h5 {
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_qxNcB h6 {
    font-size: 0.65em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_qxNcB a {
    color: #2470db; }
    .RichEditor_qxNcB a:visited {
      color: #474bc2; }
    .RichEditor_qxNcB a:hover {
      text-decoration: underline; }
  .RichEditor_qxNcB ul, .RichEditor_qxNcB ol {
    margin: 8px 20px; }
  .RichEditor_qxNcB ul {
    list-style-type: disc; }
  .RichEditor_qxNcB ol {
    list-style-type: decimal; }
  .RichEditor_qxNcB li + li {
    margin-top: 2px; }
  .RichEditor_qxNcB 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_JeyCR {
  width: 100%;
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: normal; }
  .RichField_JeyCR .label_HLKGa {
    position: relative;
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .RichField_JeyCR .label_HLKGa span {
      margin: 0 2px;
      font-weight: bold; }
    .RichField_JeyCR .label_HLKGa .markdownButton_Ggn8U {
      position: absolute;
      top: 3px;
      right: -5px;
      width: 26px;
      height: 26px; }
      .RichField_JeyCR .label_HLKGa .markdownButton_Ggn8U .icon_UKBw3 {
        fill: #8f8f8f; }
        .RichField_JeyCR .label_HLKGa .markdownButton_Ggn8U .icon_UKBw3:hover {
          fill: #439d46; }
  .RichField_JeyCR .editor_a6Ddv {
    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_JeyCR .editor_a6Ddv:focus {
      border: 1px solid #5babfb; }
    .RichField_JeyCR .editor_a6Ddv 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_JeyCR .error_w8gvT {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .RichField_JeyCR.isError_zspQi .editor_a6Ddv {
    border: 1px solid red;
    color: red; }
    .RichField_JeyCR.isError_zspQi .editor_a6Ddv:focus {
      border: 1px solid red; }
  .RichField_JeyCR.isDisabled_sFHki .editor_a6Ddv {
    background-color: transparent !important; }
  .RichField_JeyCR.isDisabled_sFHki .editor_a6Ddv {
    border: 1px solid #cccccc; }
    .RichField_JeyCR.isDisabled_sFHki .editor_a6Ddv: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_GxkWv {
  position: absolute;
  display: flex;
  right: 16px;
  bottom: 20px;
  cursor: pointer; }
  .PlusButton_GxkWv .container_nljad {
    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_GxkWv .icon_h3TtK {
    width: 24px;
    height: 24px;
    fill: white; }
  .PlusButton_GxkWv:hover .container_nljad {
    background-color: #e41607;
    background-image: linear-gradient(#fa3e05, #f04b19); }
  @media screen and (max-width: 1228px) {
    .PlusButton_GxkWv {
      display: none; } }
  @media print {
    .PlusButton_GxkWv {
      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_I2ybZ {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 3990px; }
  @media screen and (max-width: 4154px) {
    .AdaptiveWrapper_I2ybZ {
      width: 3458px; } }
  @media screen and (max-width: 3888px) {
    .AdaptiveWrapper_I2ybZ {
      width: 3192px; } }
  @media screen and (max-width: 3622px) {
    .AdaptiveWrapper_I2ybZ {
      width: 2926px; } }
  @media screen and (max-width: 3356px) {
    .AdaptiveWrapper_I2ybZ {
      width: 2660px; } }
  @media screen and (max-width: 3090px) {
    .AdaptiveWrapper_I2ybZ {
      width: 2394px; } }
  @media screen and (max-width: 2824px) {
    .AdaptiveWrapper_I2ybZ {
      width: 2128px; } }
  @media screen and (max-width: 2558px) {
    .AdaptiveWrapper_I2ybZ {
      width: 1862px; } }
  @media screen and (max-width: 2292px) {
    .AdaptiveWrapper_I2ybZ {
      width: 1596px; } }
  @media screen and (max-width: 2026px) {
    .AdaptiveWrapper_I2ybZ {
      width: 1330px; } }
  @media screen and (max-width: 1760px) {
    .AdaptiveWrapper_I2ybZ {
      width: 1064px; } }
  @media screen and (max-width: 1494px) {
    .AdaptiveWrapper_I2ybZ {
      width: 798px; } }
  @media screen and (max-width: 1228px) {
    .AdaptiveWrapper_I2ybZ {
      width: 532px; } }
  @media screen and (max-width: 962px) {
    .AdaptiveWrapper_I2ybZ {
      width: 266px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-wrapper .AdaptiveWrapper_I2ybZ {
  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_j1d7U {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  @media print {
    .ScrollWrapper_j1d7U {
      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_ia3gp {
    opacity: 0; }
  #modal.entered_ZK0sQ {
    transition: 60ms ease-out;
    opacity: 1; }
  #modal.leaving_Ftz5W {
    opacity: 1; }
  #modal.leaved_B9NFt {
    transition: 60ms ease-out;
    opacity: 0; }
  #modal .closeButton_thKLy {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px;
    background: 0; }
    #modal .closeButton_thKLy .icon_VZDE4 {
      width: 26px;
      height: 26px; }
    #modal .closeButton_thKLy: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_thKLy:hover .icon_VZDE4 {
        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_xJP6k {
  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_xJP6k.entering_NSKgL {
    opacity: 0; }
  .MobileMenu_xJP6k.entered_MwkFd {
    transition: 60ms ease-in;
    opacity: 1; }
  .MobileMenu_xJP6k.leaving_KarUf {
    opacity: 1; }
  .MobileMenu_xJP6k.leaved_Pb4Ty {
    transition: 250ms ease-in-out;
    opacity: 0; }

.MobileMenu_xJP6k > * {
  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_xJP6k > *:hover {
    background-color: white;
    color: #d01406; }
    .MobileMenu_xJP6k > *:hover .menuIcon_ncCU4 {
      fill: #d01406; }
  .MobileMenu_xJP6k > * .menuIcon_ncCU4 {
    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__VfXF {
  -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__VfXF .leftWrapper_sME7M {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .MobileNavbar__VfXF .middleWrapper_HRFDQ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  .MobileNavbar__VfXF .rightWrapper_yFiCI {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .MobileNavbar__VfXF .systemButton_bUOcg,
  .MobileNavbar__VfXF .logoButton__7obs,
  .MobileNavbar__VfXF .iconButton_fqZul,
  .MobileNavbar__VfXF .closeButton_r5P22,
  .MobileNavbar__VfXF .loginButton_NFv9m {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    background-color: white;
    cursor: pointer; }
  .MobileNavbar__VfXF .systemButton_bUOcg {
    width: 44px;
    padding: 10px;
    border-right: 1px solid #e0e0e0; }
    .MobileNavbar__VfXF .systemButton_bUOcg .icon_mtJwN {
      width: 24px;
      height: 24px; }
    .MobileNavbar__VfXF .systemButton_bUOcg:hover .icon_mtJwN {
      fill: #d01406; }
    .MobileNavbar__VfXF .systemButton_bUOcg:focus {
      background-color: #fafafa !important; }
    .MobileNavbar__VfXF .systemButton_bUOcg:focus {
      box-shadow: none; }
  .MobileNavbar__VfXF .logoButton__7obs {
    position: relative;
    padding-left: 2px; }
    .MobileNavbar__VfXF .logoButton__7obs .logoIcon_Aqlp2 {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-right: 1px; }
    .MobileNavbar__VfXF .logoButton__7obs .logoWrapper_YkSGB {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 140px;
      height: 44px;
      overflow: hidden; }
    .MobileNavbar__VfXF .logoButton__7obs .logoText_crCpS {
      width: 140px;
      height: 38px; }
    .MobileNavbar__VfXF .logoButton__7obs .accessTierName_wqGKx {
      position: absolute;
      left: 143px;
      top: 9px;
      font-size: 6px;
      font-weight: bold;
      text-transform: uppercase;
      color: #d01406; }
  .MobileNavbar__VfXF .loginButton_NFv9m {
    padding: 0 20px; }
    .MobileNavbar__VfXF .loginButton_NFv9m .icon_mtJwN {
      width: 20px;
      height: 20px;
      margin-right: 2px; }
    .MobileNavbar__VfXF .loginButton_NFv9m span {
      padding-left: 3px;
      line-height: 15px;
      font-size: 15px; }
  .MobileNavbar__VfXF .iconButton_fqZul {
    width: 44px; }
    .MobileNavbar__VfXF .iconButton_fqZul .icon_mtJwN {
      width: 28px;
      height: 28px; }
    .MobileNavbar__VfXF .iconButton_fqZul:hover .icon_mtJwN {
      fill: #d01406; }
  .MobileNavbar__VfXF .closeButton_r5P22 {
    width: 44px;
    padding: 9px; }
    .MobileNavbar__VfXF .closeButton_r5P22 .icon_mtJwN {
      width: 26px;
      height: 26px; }
    .MobileNavbar__VfXF .closeButton_r5P22:hover .icon_mtJwN {
      fill: #d01406; }

@media print {
  .MobileNavbar__VfXF {
    height: 56px; }
    .MobileNavbar__VfXF .leftWrapper_sME7M,
    .MobileNavbar__VfXF .loginButton_NFv9m,
    .MobileNavbar__VfXF .closeButton_r5P22 {
      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_A8xuS {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%; }
  .Avatar_A8xuS .defaultIcon_frYaO {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid white; }
  .Avatar_A8xuS .largeImage_t94Ub {
    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_A8xuS .smallImage_jlGsg {
    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_A8xuS .presenceStatus_BMhkc {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: thin solid white; }
    .Avatar_A8xuS .presenceStatus_BMhkc.online_CrfTo {
      background-color: #00E600; }
    .Avatar_A8xuS .presenceStatus_BMhkc.offline_P6u9I {
      background-color: #b3b3b3; }
  .Avatar_A8xuS .badgeText_Lt7J_ {
    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_Gb5NI {
  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_Gb5NI: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_Gb5NI .wrapper_MmdR3 {
    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_tyi4A {
      right: 417px !important; } }

.DesktopNavbar_MSSZ0 {
  -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_MSSZ0 .leftWrapper_k9qTR {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .DesktopNavbar_MSSZ0 .middleWrapper_IEGBS {
    width: 100%;
    height: 100%;
    padding-left: 47px;
    will-change: right;
    transition: right .3s ease-out; }
  .DesktopNavbar_MSSZ0 .rightWrapper_gOsP3 {
    position: fixed;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    height: 47px;
    background-color: white;
    box-shadow: 0 1px 0 0 #e0e0e0;
    z-index: 950; }
  .DesktopNavbar_MSSZ0 .systemButton_oVsDM,
  .DesktopNavbar_MSSZ0 .logoButton_y_0FA,
  .DesktopNavbar_MSSZ0 .loginButton_lqq7D,
  .DesktopNavbar_MSSZ0 .sidebarButton_kZyzp {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 47px;
    cursor: pointer; }
  .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 {
    position: absolute;
    left: 6px;
    top: 52px;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3); }
    .DesktopNavbar_MSSZ0 .popupMenu_AvrW0:before {
      left: 16px;
      right: auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 0 0 16px;
      border-color: transparent transparent transparent white; }
    .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 ul {
      flex-direction: column; }
    .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 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_MSSZ0 .popupMenu_AvrW0 li:first-child {
        margin: 4px 0 0 0;
        border-top: 0; }
      .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 li:last-child {
        margin: 0 0 4px 0;
        border-bottom: 0; }
    .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 span {
      display: block;
      height: 1px;
      margin: 4px 0 3px 0;
      border-bottom: 1px solid #e0e0e0; }
    .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 a, .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 p {
      display: block;
      min-width: 186px;
      margin: 0;
      border: 0;
      border-left: 2px solid white;
      padding: 12px 30px 12px 44px;
      text-align: left;
      color: #363636; }
      .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 a:hover, .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 p:hover {
        border-left-color: #d01406;
        background-image: linear-gradient(#f0f0f0, #f0f0f0); }
      .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 a:active, .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 p:active {
        border-left-color: #d01406;
        background-image: linear-gradient(#e6e6e6, #e6e6e6); }
      .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 a svg, .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 p svg {
        fill: #5c5c5c; }
    .DesktopNavbar_MSSZ0 .popupMenu_AvrW0 .popupIcon_hmMCr {
      position: absolute;
      top: 9px;
      left: 16px;
      width: 20px;
      height: 20px; }
  .DesktopNavbar_MSSZ0 .systemButton_oVsDM {
    width: 46px;
    border-right: 1px solid #e0e0e0;
    background-color: white;
    background-image: linear-gradient(white, #fafafa); }
    .DesktopNavbar_MSSZ0 .systemButton_oVsDM .icon_cwDRk {
      width: 22px;
      height: 22px; }
    .DesktopNavbar_MSSZ0 .systemButton_oVsDM:hover {
      background-image: linear-gradient(#fcfcfc, whitesmoke); }
      .DesktopNavbar_MSSZ0 .systemButton_oVsDM:hover .icon_cwDRk {
        fill: #d01406; }
  .DesktopNavbar_MSSZ0 .systemMenuWrapper_Oi0SD {
    position: relative; }
  .DesktopNavbar_MSSZ0 .logoButton_y_0FA {
    padding-left: 8px;
    height: 47px; }
    .DesktopNavbar_MSSZ0 .logoButton_y_0FA.isActive_alBMJ {
      box-shadow: 0 14px 26px -20px #999999; }
    .DesktopNavbar_MSSZ0 .logoButton_y_0FA:hover {
      box-shadow: 0 14px 20px -18px #999999; }
    .DesktopNavbar_MSSZ0 .logoButton_y_0FA .logoIcon_FpIH8 {
      display: inline-block;
      width: 35px;
      height: 35px;
      margin-left: 8px; }
    .DesktopNavbar_MSSZ0 .logoButton_y_0FA .logoWrapper_DU1Oh {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 180px;
      height: 47px;
      margin-left: 2px; }
    .DesktopNavbar_MSSZ0 .logoButton_y_0FA .logoText_CY2ze {
      width: 150px;
      height: 26px;
      margin: 0; }
    .DesktopNavbar_MSSZ0 .logoButton_y_0FA .accessTierName_msCXd {
      position: absolute;
      left: 137px;
      top: 9px;
      font-size: 6px;
      font-weight: bold;
      text-transform: uppercase;
      color: #d01406; }
  .DesktopNavbar_MSSZ0 .tabsWrapper_s5LOB {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%; }
    .DesktopNavbar_MSSZ0 .tabsWrapper_s5LOB ul {
      display: flex;
      height: 100%; }
    .DesktopNavbar_MSSZ0 .tabsWrapper_s5LOB li {
      height: 100%;
      width: 100%;
      margin-right: 1px; }
    .DesktopNavbar_MSSZ0 .tabsWrapper_s5LOB .pricingTab_jjQTd {
      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_MSSZ0 .tabsWrapper_s5LOB .pricingTab_jjQTd 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_MSSZ0 .tabsWrapper_s5LOB .pricingTab_jjQTd.isActive_alBMJ {
        background-color: #f2fff0;
        box-shadow: 0 2px 0 0 #d01406; }
      .DesktopNavbar_MSSZ0 .tabsWrapper_s5LOB .pricingTab_jjQTd:hover {
        background-color: #eaffe6;
        box-shadow: 0 2px 0 0 #d01406; }
  .DesktopNavbar_MSSZ0 .myTab_v_6KI,
  .DesktopNavbar_MSSZ0 .iconTab_pBhhp {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 48px;
    border-bottom: 2px solid rgba(0, 0, 0, 0); }
    .DesktopNavbar_MSSZ0 .myTab_v_6KI:hover,
    .DesktopNavbar_MSSZ0 .iconTab_pBhhp:hover {
      border-bottom: 2px solid #d01406;
      background-color: whitesmoke; }
      .DesktopNavbar_MSSZ0 .myTab_v_6KI:hover .icon_cwDRk,
      .DesktopNavbar_MSSZ0 .iconTab_pBhhp:hover .icon_cwDRk {
        fill: #d01406; }
    .DesktopNavbar_MSSZ0 .myTab_v_6KI.isActive_alBMJ,
    .DesktopNavbar_MSSZ0 .iconTab_pBhhp.isActive_alBMJ {
      border-bottom-color: #d01406;
      background-color: #f7f7f7; }
    .DesktopNavbar_MSSZ0 .myTab_v_6KI .badgeText_RoIft,
    .DesktopNavbar_MSSZ0 .iconTab_pBhhp .badgeText_RoIft {
      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_MSSZ0 .myTab_v_6KI .icon_cwDRk,
    .DesktopNavbar_MSSZ0 .iconTab_pBhhp .icon_cwDRk {
      width: 24px;
      height: 24px; }
  .DesktopNavbar_MSSZ0 .myAvatar_SR1Fj {
    border-radius: 0;
    width: 34px;
    height: 34px; }
    .DesktopNavbar_MSSZ0 .myAvatar_SR1Fj img {
      width: 34px;
      height: 34px; }
  .DesktopNavbar_MSSZ0 .addMenuWrapper_sohjV {
    position: relative; }
    .DesktopNavbar_MSSZ0 .addMenuWrapper_sohjV .popupMenu_AvrW0:before {
      left: 18px;
      right: auto;
      right: initial; }
  .DesktopNavbar_MSSZ0 .addButton_CCH9Z {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 48px;
    height: 48px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    cursor: pointer; }
    .DesktopNavbar_MSSZ0 .addButton_CCH9Z .icon_cwDRk {
      width: 26px;
      height: 26px;
      margin: 0 12px; }
    .DesktopNavbar_MSSZ0 .addButton_CCH9Z:hover {
      border-bottom: 2px solid #d01406;
      background-color: whitesmoke; }
      .DesktopNavbar_MSSZ0 .addButton_CCH9Z:hover .icon_cwDRk {
        fill: #d01406; }
    .DesktopNavbar_MSSZ0 .addButton_CCH9Z.isButtonActive_BRQl0 {
      border-bottom: 2px solid #d01406; }
    .DesktopNavbar_MSSZ0 .addButton_CCH9Z div {
      font-size: 14px;
      margin-top: 1px;
      margin-left: -8px;
      margin-right: 16px; }
  .DesktopNavbar_MSSZ0 .pricingButton_e6PTx {
    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_MSSZ0 .pricingButton_e6PTx .icon_cwDRk {
      width: 22px;
      height: 22px;
      fill: #5c9dd6;
      margin-right: 4px; }
    .DesktopNavbar_MSSZ0 .pricingButton_e6PTx span {
      line-height: 15px;
      font-size: 14px;
      font-weight: 700; }
    .DesktopNavbar_MSSZ0 .pricingButton_e6PTx.isActive_alBMJ {
      height: 46px;
      box-shadow: 0 2px 0 0 #a0c4ee; }
    .DesktopNavbar_MSSZ0 .pricingButton_e6PTx:hover {
      background-image: linear-gradient(0deg, #c2e7ff, 10%, white); }
  .DesktopNavbar_MSSZ0 .loginButton_lqq7D {
    height: 47px;
    padding: 0 34px 0 16px;
    border-radius: 8px 0 0 8px; }
    .DesktopNavbar_MSSZ0 .loginButton_lqq7D .icon_cwDRk {
      width: 24px;
      height: 24px;
      fill: #8a8a8a; }
    .DesktopNavbar_MSSZ0 .loginButton_lqq7D span {
      padding-left: 6px;
      line-height: 15px;
      font-size: 14px;
      font-weight: 700; }
    .DesktopNavbar_MSSZ0 .loginButton_lqq7D:hover {
      background-color: #d9d9d9;
      background-image: linear-gradient(15deg, whitesmoke, #fcfcfc);
      box-shadow: 0 1px 0 0 #e0e0e0; }
  .DesktopNavbar_MSSZ0 .sidebarButton_kZyzp {
    width: 46px;
    height: 47px;
    border-left: 1px solid #e0e0e0;
    background-color: white;
    box-shadow: 0 1px 0 0 #e0e0e0;
    background-image: linear-gradient(white, #fafafa); }
    .DesktopNavbar_MSSZ0 .sidebarButton_kZyzp .icon_cwDRk {
      width: 28px;
      height: 28px; }
    .DesktopNavbar_MSSZ0 .sidebarButton_kZyzp:hover {
      background-image: linear-gradient(#fcfcfc, whitesmoke); }
      .DesktopNavbar_MSSZ0 .sidebarButton_kZyzp:hover .icon_cwDRk {
        fill: #d01406; }

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

@media print {
  #app > header {
    right: 0 !important; }
  #app > header.isSidebarOpen_tyi4A {
    right: 0 !important; }
  .loginButton_lqq7D {
    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_gpcDp {
  height: 100%;
  z-index: 300; }
  .SubmodalLayer_gpcDp.entering_WxnZO {
    opacity: 0; }
  .SubmodalLayer_gpcDp.entered_Zvm_8 {
    transition: 60ms ease-out;
    opacity: 1; }
  .SubmodalLayer_gpcDp.leaving_cDOmH {
    opacity: 1; }
  .SubmodalLayer_gpcDp.leaved_I3Z1H {
    transition: 60ms ease-out;
    opacity: 0; }
  .SubmodalLayer_gpcDp .submodalWrapper_BRak7 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: rgba(179, 179, 179, 0.3);
    z-index: 300; }
  .SubmodalLayer_gpcDp .closeButton_ho4Pg {
    position: absolute;
    top: 0;
    padding: 8px 8px;
    background: 0;
    cursor: pointer;
    right: 1px;
    border-radius: 0 0 0 6px; }
    .SubmodalLayer_gpcDp .closeButton_ho4Pg .icon_vhM7Y {
      width: 28px;
      height: 28px;
      fill: #5c5c5c; }
    .SubmodalLayer_gpcDp .closeButton_ho4Pg:hover {
      box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .SubmodalLayer_gpcDp .closeButton_ho4Pg:hover .icon_vhM7Y {
        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_nvpBQ {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
  .Grade_nvpBQ .title_DJcAO {
    margin-right: 4px;
    font-size: 15px;
    color: #a36e29; }
  .Grade_nvpBQ .icon_QjkwA {
    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_tJ33l {
  -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_fqGXu {
  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_fqGXu 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_fqGXu .gradeWrapper_es8cV {
    max-height: calc(95vh - 140px);
    overflow: scroll; }
  .CreateGradeMessage_fqGXu .gradeList_qviH2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px 90px 24px;
    overflow: scroll; }
    .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs {
      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_fqGXu .gradeList_qviH2 .gradeItem_EbfQs:hover {
        background-color: whitesmoke; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .title_xN2rA {
        position: absolute;
        left: 40px;
        width: 50px;
        text-align: left;
        font-size: 14px;
        line-height: 14px;
        color: #292929; }
        .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .title_xN2rA span {
          position: absolute;
          right: 20px; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .grade_a8Bmn {
        display: block;
        margin-left: 80px; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs.isSelected_RVxNf {
        background-color: #ffecb8; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs:nth-child(3), .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs:nth-child(6), .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs:nth-child(9) {
        border-bottom: 1px dashed #dbdbdb; }
  .CreateGradeMessage_fqGXu 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_fqGXu p a {
      color: #0078e0; }
  .CreateGradeMessage_fqGXu .controlPanel_UwijY {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    align-self: stretch; }
    .CreateGradeMessage_fqGXu .controlPanel_UwijY .editorWrapper_wPgdK {
      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_fqGXu .controlPanel_UwijY .editor_qBOXj {
      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_fqGXu .controlPanel_UwijY .editor_qBOXj:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .CreateGradeMessage_fqGXu .controlPanel_UwijY .editor_qBOXj:focus {
        border-color: #49ab9b; }
    .CreateGradeMessage_fqGXu .controlPanel_UwijY .sendButton_vmq3B {
      position: absolute;
      bottom: 26px;
      right: 27px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .CreateGradeMessage_fqGXu .controlPanel_UwijY .sendButton_vmq3B .icon_LSjk9 {
        width: 20px;
        height: 20px;
        fill: white; }
      .CreateGradeMessage_fqGXu .controlPanel_UwijY .sendButton_vmq3B:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateGradeMessage_fqGXu .controlPanel_UwijY .sendButton_vmq3B:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
  .CreateGradeMessage_fqGXu .formErrorsSection_oczYm {
    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_fqGXu {
      max-width: 380px; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .title_xN2rA {
        left: 20px; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .grade_a8Bmn {
        margin-left: 60px; } }
  @media screen and (max-width: 400px) {
    .CreateGradeMessage_fqGXu {
      max-width: 340px; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .title_xN2rA {
        left: 10px; }
        .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .title_xN2rA span {
          right: 26px; }
      .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .grade_a8Bmn {
        margin-left: 30px; }
        .CreateGradeMessage_fqGXu .gradeList_qviH2 .gradeItem_EbfQs .grade_a8Bmn 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_r4U69 {
  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_r4U69.entering_QmHI5 {
    opacity: 0;
    background-color: transparent; }
  .SelectAction_r4U69.entered_HRzl4 {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6); }
  .SelectAction_r4U69.leaving_sMIA9 {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6); }
  .SelectAction_r4U69.leaved_UKHxD {
    opacity: 0;
    background-color: transparent; }
  .SelectAction_r4U69 .container_uwCC4 {
    display: flex;
    flex-direction: column;
    transition: 240ms ease-out; }
  .SelectAction_r4U69 .actions_rr4sW {
    display: flex;
    flex-direction: column; }
  .SelectAction_r4U69 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_r4U69 button svg {
      width: 21px;
      height: 21px;
      fill: #525252; }
    .SelectAction_r4U69 button .title_hk1l2 {
      color: #0d0d0d;
      margin-right: 8px; }
    .SelectAction_r4U69 button .title_hk1l2 * + p {
      margin-left: 10px; }
    .SelectAction_r4U69 button .description_ox7rX {
      font-size: 12px;
      color: #0d0d0d; }
  .SelectAction_r4U69 .actions_rr4sW button + button {
    border-top: thin solid #adadad; }
  .SelectAction_r4U69 .actions_rr4sW button:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .SelectAction_r4U69 .actions_rr4sW button:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .SelectAction_r4U69 .cancelButton_zbuKv {
    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_r4U69 {
      padding: 15px 24vw; } }
  @media screen and (max-width: 767px) {
    .SelectAction_r4U69 {
      padding: 15px 19vw; } }
  @media screen and (max-width: 620px) {
    .SelectAction_r4U69 {
      padding: 15px 15px; }
      .SelectAction_r4U69 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_hGc7q {
  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_hGc7q: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_UaVKK {
  -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_eLa8U {
  position: relative;
  width: 100%;
  max-width: 400px;
  min-height: 120px;
  max-height: 95%;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .CreateMediaMessage_eLa8U 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_eLa8U 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_eLa8U p a {
      color: #0078e0; }
  .CreateMediaMessage_eLa8U .pictureHolder_o84Ot {
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
    padding: 4px 12px 6px 12px;
    border-radius: 12px 12px 0 0; }
    .CreateMediaMessage_eLa8U .pictureHolder_o84Ot img {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      border-style: none;
      height: 140px;
      background-color: #d6d6d6; }
  .CreateMediaMessage_eLa8U .controlPanel_OIsHd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 50px;
    overflow-x: hidden; }
    .CreateMediaMessage_eLa8U .controlPanel_OIsHd .editorWrapper_DMwdE {
      padding: 2px 12px 22px 58px; }
    .CreateMediaMessage_eLa8U .controlPanel_OIsHd .deleteButton_HaV3a,
    .CreateMediaMessage_eLa8U .controlPanel_OIsHd .mediaPicker_tDnWU {
      position: absolute;
      left: 13px;
      bottom: 22px;
      width: 40px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #cccccc;
      background-image: linear-gradient(white, #fafafa); }
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .deleteButton_HaV3a .icon_fcaE8,
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .mediaPicker_tDnWU .icon_fcaE8 {
        width: 20px;
        height: 20px;
        fill: #8a8a8a; }
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .deleteButton_HaV3a:focus,
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .mediaPicker_tDnWU:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .deleteButton_HaV3a:hover,
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .mediaPicker_tDnWU:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
        background-image: linear-gradient(#fcfcfc, whitesmoke); }
        .CreateMediaMessage_eLa8U .controlPanel_OIsHd .deleteButton_HaV3a:hover .icon_fcaE8,
        .CreateMediaMessage_eLa8U .controlPanel_OIsHd .mediaPicker_tDnWU:hover .icon_fcaE8 {
          fill: #5c5c5c; }
    .CreateMediaMessage_eLa8U .controlPanel_OIsHd .editor_aQcRg {
      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_eLa8U .controlPanel_OIsHd .editor_aQcRg:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .editor_aQcRg:focus {
        border-color: #49ab9b; }
    .CreateMediaMessage_eLa8U .controlPanel_OIsHd .sendButton_dUEnf {
      position: absolute;
      bottom: 26px;
      right: 17px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .sendButton_dUEnf .icon_fcaE8 {
        width: 20px;
        height: 20px;
        fill: white; }
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .sendButton_dUEnf:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateMediaMessage_eLa8U .controlPanel_OIsHd .sendButton_dUEnf:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
  .CreateMediaMessage_eLa8U .formErrorsSection_qhL9w {
    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_eLa8U {
      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_oaFlI {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px; }
  .Spinner_oaFlI div {
    width: 8px;
    height: 8px;
    background-color: #0078e0;
    border-radius: 100%;
    transform: scale(1); }
    .Spinner_oaFlI div + div {
      margin-left: 8px; }
    .Spinner_oaFlI div:nth-child(1) {
      animation: loader-dot-zooming-in_Q0nVz .75s linear infinite alternate; }
    .Spinner_oaFlI div:nth-child(2) {
      animation: loader-dot-zooming-middle_GBk1X 1.5s linear infinite; }
    .Spinner_oaFlI div:nth-child(3) {
      animation: loader-dot-zooming-out_bzZM1 .75s linear infinite alternate; }

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

@keyframes loader-dot-zooming-middle_GBk1X {
  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_Q0nVz {
  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_iIZK6 {
  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_iIZK6 header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 24px; }
    .StatusMessage_iIZK6 header span {
      font-size: 12px;
      margin-right: 12px;
      margin-left: -8px;
      font-style: italic;
      color: #999999; }
  .StatusMessage_iIZK6 .dateTime_JRkXN {
    margin-top: 4px;
    margin-right: 8px;
    font-size: 9px;
    color: #b8b8b8; }
  .StatusMessage_iIZK6 .readIcon_EV9vK {
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 11px;
    width: 11px;
    fill: #b8b8b8; }
  .StatusMessage_iIZK6:hover .dateTime_JRkXN {
    color: #999999; }
  .StatusMessage_iIZK6 + .StatusMessage_iIZK6 {
    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_NW1Se {
  -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_NW1Se .typeIcon_Ub091 {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 40px;
    height: 40px;
    fill: #b8b8b8; }
  .MediaViewer_NW1Se .imageHolder_eB7sz {
    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_NW1Se .imageHolder_eB7sz .spinner_lBbCP {
      position: absolute; }
    .MediaViewer_NW1Se .imageHolder_eB7sz .dragWrapper_v63g6 {
      width: 100%;
      height: 100%;
      cursor: grab; }
    .MediaViewer_NW1Se .imageHolder_eB7sz .isDrugging_lkoOj {
      cursor: grabbing; }
    .MediaViewer_NW1Se .imageHolder_eB7sz .picture_xxbms {
      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_NW1Se .imageHolder_eB7sz .picture_xxbms.isLoaded_nlLDY {
        opacity: 1; }
    .MediaViewer_NW1Se .imageHolder_eB7sz .setDraggableButton_jTd7C,
    .MediaViewer_NW1Se .imageHolder_eB7sz .resetButton_R5YdB {
      fill: #999999;
      position: absolute;
      right: 21px;
      bottom: 200px;
      cursor: pointer; }
      .MediaViewer_NW1Se .imageHolder_eB7sz .setDraggableButton_jTd7C:hover .icon_jqf6N,
      .MediaViewer_NW1Se .imageHolder_eB7sz .resetButton_R5YdB:hover .icon_jqf6N {
        fill: #d01406; }
    .MediaViewer_NW1Se .imageHolder_eB7sz .slider_JSQzX {
      position: absolute;
      width: 20px;
      height: 150px;
      bottom: 40px;
      right: 20px; }
  .MediaViewer_NW1Se .closeButton_R49Yx {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    background: 0; }
    .MediaViewer_NW1Se .closeButton_R49Yx .icon_jqf6N {
      width: 32px;
      height: 32px;
      fill: #d01406; }
    .MediaViewer_NW1Se .closeButton_R49Yx:hover {
      border-bottom-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
      .MediaViewer_NW1Se .closeButton_R49Yx:hover .icon_jqf6N {
        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_KjvUX {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px; }
  .MessageCommands_KjvUX .moreButton_OmpzP {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%; }
    .MessageCommands_KjvUX .moreButton_OmpzP:focus {
      background-color: rgba(0, 0, 0, 0.03);
      box-shadow: none; }
    .MessageCommands_KjvUX .moreButton_OmpzP .icon_gRnbS {
      width: 20px;
      height: 20px;
      fill: rgba(112, 112, 112, 0.4); }
    .MessageCommands_KjvUX .moreButton_OmpzP:hover {
      background-color: rgba(153, 153, 153, 0.12);
      backdrop-filter: blur(2px); }
      .MessageCommands_KjvUX .moreButton_OmpzP:hover .icon_gRnbS {
        fill: #d01406; }
  .MessageCommands_KjvUX .popupMenu_Qvc5D {
    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_KjvUX .popupMenu_Qvc5D: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_KjvUX .popupMenu_Qvc5D ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
    .MessageCommands_KjvUX .popupMenu_Qvc5D li {
      width: 100%;
      margin-right: 4px; }
      .MessageCommands_KjvUX .popupMenu_Qvc5D li:last-child {
        margin-right: 0; }
    .MessageCommands_KjvUX .popupMenu_Qvc5D a, .MessageCommands_KjvUX .popupMenu_Qvc5D 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_KjvUX .popupMenu_Qvc5D a .coinIcon_vSBON, .MessageCommands_KjvUX .popupMenu_Qvc5D p .coinIcon_vSBON {
        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_KjvUX .popupMenu_Qvc5D a .icon_gRnbS, .MessageCommands_KjvUX .popupMenu_Qvc5D p .icon_gRnbS {
        width: 20px;
        height: 20px;
        fill: #5c5c5c; }
      .MessageCommands_KjvUX .popupMenu_Qvc5D a:active .coinIcon_vSBON, .MessageCommands_KjvUX .popupMenu_Qvc5D a:hover .coinIcon_vSBON, .MessageCommands_KjvUX .popupMenu_Qvc5D p:active .coinIcon_vSBON, .MessageCommands_KjvUX .popupMenu_Qvc5D p:hover .coinIcon_vSBON {
        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_KjvUX .popupMenu_Qvc5D a:active .icon_gRnbS, .MessageCommands_KjvUX .popupMenu_Qvc5D a:hover .icon_gRnbS, .MessageCommands_KjvUX .popupMenu_Qvc5D p:active .icon_gRnbS, .MessageCommands_KjvUX .popupMenu_Qvc5D p:hover .icon_gRnbS {
        fill: #d01406; }
  @media print {
    .MessageCommands_KjvUX {
      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_lMd0y {
  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_lMd0y.isUctxChat_gG0yo {
    min-width: 140px;
    background-color: whitesmoke;
    box-shadow: 0 1px 0 0 #cccccc; }
    .Message_lMd0y.isUctxChat_gG0yo ::-moz-selection {
      background-color: #d6d6d6; }
    .Message_lMd0y.isUctxChat_gG0yo ::selection {
      background-color: #d6d6d6; }
  .Message_lMd0y.isSctxChat_zc_Z1 {
    min-width: 140px;
    background-color: whitesmoke;
    box-shadow: 0 1px 0 0 #cccccc; }
    .Message_lMd0y.isSctxChat_zc_Z1 ::-moz-selection {
      background-color: #d6d6d6; }
    .Message_lMd0y.isSctxChat_zc_Z1 ::selection {
      background-color: #d6d6d6; }
  .Message_lMd0y.gradeType_HfJbK {
    color: #6b552e;
    background-color: #fff1b8;
    background: linear-gradient(45deg, #fff7cc, #ffdd8f);
    box-shadow: 0 1px 0 0 #d9cc8c; }
    .Message_lMd0y.gradeType_HfJbK ::-moz-selection {
      background-color: #e7d89d; }
    .Message_lMd0y.gradeType_HfJbK ::selection {
      background-color: #e7d89d; }
  .Message_lMd0y.wipedType_DUjkC {
    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_lMd0y.systemType_zYHJW {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .Message_lMd0y.missedCallType_vKT47 {
    background-color: #ffebeb;
    box-shadow: 0 1px 0 0 #e7c6c6; }
    .Message_lMd0y.missedCallType_vKT47 .missedCallIcon_fcEw4 {
      fill: #b03b3b; }
  .Message_lMd0y.finishedCallType_G4OkL {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .Message_lMd0y .avatarIcon_mMgs5 {
    position: absolute;
    top: 0;
    left: -36px;
    width: 30px;
    height: 30px; }
  .Message_lMd0y .grade_Hu7Nc {
    min-width: 140px;
    margin: 11px 12px -2px 14px; }
    .Message_lMd0y .grade_Hu7Nc .icon_zpnsl:nth-child(3), .Message_lMd0y .grade_Hu7Nc .icon_zpnsl:nth-child(6), .Message_lMd0y .grade_Hu7Nc .icon_zpnsl:nth-child(9) {
      margin-right: 8px; }
  .Message_lMd0y .pictureHolder_QPDbF {
    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_lMd0y .pictureHolder_QPDbF .typeIcon_gEE2E {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 28px;
      height: 28px;
      fill: #c7c7c7;
      opacity: 0.5; }
    .Message_lMd0y .pictureHolder_QPDbF .spinner_eAWl5 {
      position: absolute; }
    .Message_lMd0y .pictureHolder_QPDbF img {
      max-height: 380px;
      overflow: hidden;
      cursor: pointer; }
    .Message_lMd0y .pictureHolder_QPDbF.hasBody_jpKaA {
      border-radius: 12px 12px 0 0; }
  .Message_lMd0y .missedCallIcon_fcEw4 {
    width: 20px;
    height: 20px;
    margin: 6px 0 14px 11px;
    transform: scale(-1, 1); }
  .Message_lMd0y .wipedIcon_f3Ihr {
    width: 18px;
    height: 18px;
    fill: #adadad; }
  .Message_lMd0y .wipedText_MLElF {
    margin-left: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #a8a8a8; }
  .Message_lMd0y .bodyText_dvf1e {
    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_lMd0y .pictureHolder_QPDbF + .bodyText_dvf1e {
    max-width: 256px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .Message_lMd0y .dateTime_Vwkdz {
    position: absolute;
    bottom: 2px;
    right: 14px;
    font-size: 9px;
    color: #bdbdbd; }
  .Message_lMd0y .messageCommandsButton_XXaO2 {
    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_lMd0y:hover .dateTime_Vwkdz {
    color: #999999; }

.Message_lMd0y + .Message_lMd0y {
  margin-top: 6px;
  border-radius: 12px; }
  .Message_lMd0y + .Message_lMd0y .bodyText_dvf1e {
    border-top-left-radius: 12px; }
  .Message_lMd0y + .Message_lMd0y .pictureHolder_QPDbF + .bodyText_dvf1e {
    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_x7fPL {
  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_x7fPL.isUctxChat_HpuU6 {
    min-width: 140px;
    color: #2b5043;
    background-color: #daf1e6;
    box-shadow: 0 1px 1px 0 #a3c2b4; }
    .MyMessage_x7fPL.isUctxChat_HpuU6 ::-moz-selection {
      background-color: #aed5c6; }
    .MyMessage_x7fPL.isUctxChat_HpuU6 ::selection {
      background-color: #aed5c6; }
  .MyMessage_x7fPL.isSctxChat_Pzl5S {
    min-width: 140px;
    color: #2b504b;
    background-color: #f0fddd;
    box-shadow: 0 1px 1px 0 #bdd49b; }
    .MyMessage_x7fPL.isSctxChat_Pzl5S ::-moz-selection {
      background-color: #bee0b8; }
    .MyMessage_x7fPL.isSctxChat_Pzl5S ::selection {
      background-color: #bee0b8; }
  .MyMessage_x7fPL.gradeType_qHru_ {
    color: #6b552e;
    background-color: #fff1b8;
    background: linear-gradient(45deg, #fff7cc, #ffdd8f);
    box-shadow: 0 1px 0 0 #f7d964; }
    .MyMessage_x7fPL.gradeType_qHru_ ::-moz-selection {
      background-color: #e7d89d; }
    .MyMessage_x7fPL.gradeType_qHru_ ::selection {
      background-color: #e7d89d; }
  .MyMessage_x7fPL.wipedType_sM8bh {
    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_x7fPL.systemType_y07D6 {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .MyMessage_x7fPL.missedCallType_Dg3VW {
    background-color: #ffebeb;
    box-shadow: 0 1px 0 0 #e7c6c6; }
    .MyMessage_x7fPL.missedCallType_Dg3VW .missedCallIcon_jfJJc {
      fill: #b03b3b; }
  .MyMessage_x7fPL.finishedCallType__ROC4 {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .MyMessage_x7fPL .grade_sHCQN {
    min-width: 160px;
    margin: 12px 20px 12px 14px; }
    .MyMessage_x7fPL .grade_sHCQN .icon_XkwXv:nth-child(3), .MyMessage_x7fPL .grade_sHCQN .icon_XkwXv:nth-child(6), .MyMessage_x7fPL .grade_sHCQN .icon_XkwXv:nth-child(9) {
      margin-right: 8px; }
  .MyMessage_x7fPL .pictureHolder_seEeI {
    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_x7fPL .pictureHolder_seEeI .typeIcon_EaeJy {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 28px;
      height: 28px;
      fill: #c7c7c7;
      opacity: 0.5; }
    .MyMessage_x7fPL .pictureHolder_seEeI .spinner_SEZJq {
      position: absolute; }
    .MyMessage_x7fPL .pictureHolder_seEeI img {
      max-width: 256px;
      max-height: 380px;
      overflow: hidden;
      cursor: pointer; }
    .MyMessage_x7fPL .pictureHolder_seEeI.hasBody_qK4Y6 {
      width: 256px;
      border-radius: 12px 12px 0 0; }
      .MyMessage_x7fPL .pictureHolder_seEeI.hasBody_qK4Y6 img {
        width: 256px;
        max-width: 256px; }
  .MyMessage_x7fPL .missedCallIcon_jfJJc {
    width: 20px;
    height: 20px;
    margin: 6px 0 14px 11px;
    transform: scale(-1, 1); }
  .MyMessage_x7fPL .wipedIcon_DKXGh {
    width: 18px;
    height: 18px;
    fill: #adadad; }
  .MyMessage_x7fPL .wipedText_Br0eS {
    margin-left: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #a8a8a8; }
  .MyMessage_x7fPL .bodyText_fuV0Q {
    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_x7fPL .grade_sHCQN + .bodyText_fuV0Q {
    margin-top: -16px; }
  .MyMessage_x7fPL .pictureHolder_seEeI + .bodyText_fuV0Q {
    width: 256px;
    max-width: 256px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .MyMessage_x7fPL .statusPanel_YV9h7 {
    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_x7fPL .dateTime_EBj5S {
    font-size: 9px;
    color: #bdbdbd; }
  .MyMessage_x7fPL .readIcon_Ebpd2 {
    width: 12px;
    height: 12px;
    margin-left: 3px;
    fill: #bdbdbd; }
  .MyMessage_x7fPL .messageCommandsButton_dE0Ol {
    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_x7fPL:hover .dateTime_EBj5S {
    color: #969696; }
  .MyMessage_x7fPL:hover .readIcon_Ebpd2 {
    fill: #969696; }

.MyMessage_x7fPL + .MyMessage_x7fPL {
  margin-top: 6px;
  border-top-right-radius: 12px; }
  .MyMessage_x7fPL + .MyMessage_x7fPL .bodyText_fuV0Q {
    border-top-right-radius: 12px; }
  .MyMessage_x7fPL + .MyMessage_x7fPL .pictureHolder_seEeI + .bodyText_fuV0Q {
    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_FOvvN {
  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_FOvvN.isCalling_QRLhj {
    top: 312px; }
  @media screen and (max-width: 1228px) {
    .OneChat_FOvvN {
      margin-top: 44px;
      margin-bottom: 44px; } }
  .OneChat_FOvvN .spinner_ZrJn8 {
    height: 20px; }
  .OneChat_FOvvN .scrollWrapper_zuOHb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.3rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .OneChat_FOvvN .scrollWrapper_zuOHb .messageList_sCl4n {
      display: flex;
      flex-direction: column;
      margin-bottom: 78px;
      padding: 44px 16px 0 16px; }
      @media screen and (max-width: 1228px) {
        .OneChat_FOvvN .scrollWrapper_zuOHb .messageList_sCl4n {
          max-width: 820px; } }
      .OneChat_FOvvN .scrollWrapper_zuOHb .messageList_sCl4n .noResult_Ao0X5 {
        color: #292929;
        padding: 20px 10px; }
  .OneChat_FOvvN .upperPanel_gn3uP {
    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;
    backdrop-filter: blur(4px); }
  .OneChat_FOvvN .lowerPanel_sliTC {
    position: absolute;
    left: 0;
    right: 12px;
    bottom: 0;
    min-height: 50px;
    z-index: 312; }
    .OneChat_FOvvN .lowerPanel_sliTC .mediaMessageButton_RDdhQ {
      position: absolute;
      bottom: 20px;
      left: 11px;
      width: 38px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #cccccc;
      background-image: linear-gradient(white, #fafafa); }
      .OneChat_FOvvN .lowerPanel_sliTC .mediaMessageButton_RDdhQ.hasPicture_IsoGF {
        top: 164px; }
      .OneChat_FOvvN .lowerPanel_sliTC .mediaMessageButton_RDdhQ .icon_uTTGW {
        width: 18px;
        height: 18px;
        fill: #999999; }
      .OneChat_FOvvN .lowerPanel_sliTC .mediaMessageButton_RDdhQ:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .OneChat_FOvvN .lowerPanel_sliTC .mediaMessageButton_RDdhQ:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
        background-image: linear-gradient(#fcfcfc, whitesmoke); }
        .OneChat_FOvvN .lowerPanel_sliTC .mediaMessageButton_RDdhQ:hover .icon_uTTGW {
          fill: #5c5c5c; }
    .OneChat_FOvvN .lowerPanel_sliTC .editorWrapper__gobG {
      padding: 2px 0px 20px 54px;
      background-color: #fafafa;
      box-shadow: -12px 0 12px 12px #fafafa; }
    .OneChat_FOvvN .lowerPanel_sliTC .editor_p09eN {
      min-height: 38px;
      max-height: calc(100vh - 150px);
      padding: 9px 50px 8px 12px;
      border-radius: 16px;
      border-color: #cccccc;
      font-size: 13px; }
      .OneChat_FOvvN .lowerPanel_sliTC .editor_p09eN:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .OneChat_FOvvN .lowerPanel_sliTC .editor_p09eN:focus {
        border-color: #49ab9b; }
    .OneChat_FOvvN .lowerPanel_sliTC .sendMessageButton_tz3Un {
      position: absolute;
      bottom: 24px;
      right: 4px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .OneChat_FOvvN .lowerPanel_sliTC .sendMessageButton_tz3Un .icon_uTTGW {
        width: 20px;
        height: 20px;
        fill: white; }
      .OneChat_FOvvN .lowerPanel_sliTC .sendMessageButton_tz3Un:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .OneChat_FOvvN .lowerPanel_sliTC .sendMessageButton_tz3Un:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
    .OneChat_FOvvN .lowerPanel_sliTC .chatStatus_swF5d {
      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_FOvvN .closeButton_f8gGb {
    position: absolute;
    top: 8px;
    right: 6px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border-radius: 50%; }
    .OneChat_FOvvN .closeButton_f8gGb:focus {
      background-color: rgba(0, 0, 0, 0.03);
      box-shadow: none; }
    .OneChat_FOvvN .closeButton_f8gGb .icon_uTTGW {
      width: 20px;
      height: 20px;
      fill: #707070; }
    .OneChat_FOvvN .closeButton_f8gGb:hover {
      background-color: rgba(153, 153, 153, 0.12); }
      .OneChat_FOvvN .closeButton_f8gGb:hover .icon_uTTGW {
        fill: #d01406; }
  .OneChat_FOvvN .myCommand_jbyWZ {
    position: relative;
    margin-left: 6px; }
  .OneChat_FOvvN .userCommand_e3hud {
    position: absolute;
    top: 7px;
    right: 46px; }
  .OneChat_FOvvN .myCommand_jbyWZ,
  .OneChat_FOvvN .userCommand_e3hud {
    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_FOvvN .myCommand_jbyWZ .disputeIcon_ceShF,
    .OneChat_FOvvN .myCommand_jbyWZ .icon_uTTGW,
    .OneChat_FOvvN .userCommand_e3hud .disputeIcon_ceShF,
    .OneChat_FOvvN .userCommand_e3hud .icon_uTTGW {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      margin-bottom: 2px;
      fill: #5c5c5c; }
    .OneChat_FOvvN .myCommand_jbyWZ .disputeIcon_ceShF,
    .OneChat_FOvvN .userCommand_e3hud .disputeIcon_ceShF {
      width: 18px;
      height: 18px;
      margin-bottom: 1px;
      fill: #5c5c5c; }
    .OneChat_FOvvN .myCommand_jbyWZ:hover,
    .OneChat_FOvvN .userCommand_e3hud:hover {
      box-shadow: 0 0 6px 2px #e0e0e0; }
      .OneChat_FOvvN .myCommand_jbyWZ:hover .icon_uTTGW,
      .OneChat_FOvvN .userCommand_e3hud:hover .icon_uTTGW {
        fill: #d01406; }
  .OneChat_FOvvN .statusCommands_Zm1zc {
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: flex-end;
    margin-right: 46px; }
    .OneChat_FOvvN .statusCommands_Zm1zc .statusButton_ft4S6 {
      width: 34px;
      height: 34px;
      padding: 8px;
      margin-left: 6px;
      border-radius: 50%;
      background-color: white;
      box-shadow: 0 0 0 1px #e6e6e6; }
      .OneChat_FOvvN .statusCommands_Zm1zc .statusButton_ft4S6: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_Q2GsA {
  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_NHlxV {
  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_NHlxV .textingWrapper_AWsCt {
    position: relative;
    width: 100%;
    max-width: 820px; }
  .TextingPanel_NHlxV .editorWrapper_NRbmh {
    padding: 12px 20px 60px 20px;
    word-break: break-all; }
  .TextingPanel_NHlxV .editor_Uj10l {
    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_NHlxV .editor_Uj10l:hover {
      box-shadow: 0 10px 20px 0 rgba(224, 224, 224, 0.8); }
    .TextingPanel_NHlxV .editor_Uj10l:focus {
      border-color: #49ab9b; }
  .TextingPanel_NHlxV .error_lIEQ3 {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .TextingPanel_NHlxV .actionButton_tx_37 {
    position: absolute;
    bottom: 65px;
    right: 26px;
    width: 46px;
    height: 32px;
    border-radius: 10px;
    background-image: linear-gradient(#e43225, #d01406); }
    .TextingPanel_NHlxV .actionButton_tx_37 .icon_miOT_ {
      width: 20px;
      height: 20px;
      fill: white; }
    .TextingPanel_NHlxV .actionButton_tx_37:focus {
      box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
    .TextingPanel_NHlxV .actionButton_tx_37:hover {
      background-image: linear-gradient(#fa3e05, #f04b19); }
    .TextingPanel_NHlxV .actionButton_tx_37.hasError_BJpOM {
      bottom: 87px; }
    .TextingPanel_NHlxV .actionButton_tx_37.isProcessing_p2F4T {
      cursor: not-allowed;
      background-image: linear-gradient(#cccccc, #cccccc); }
      .TextingPanel_NHlxV .actionButton_tx_37.isProcessing_p2F4T .icon_miOT_ {
        fill: white !important; }
  @media print {
    .TextingPanel_NHlxV {
      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_fiLiH,
.goPreviousButton2___AyP,
.goNextButton_gfu5z {
  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_fiLiH .icon_nmK1r,
  .goPreviousButton2___AyP .icon_nmK1r,
  .goNextButton_gfu5z .icon_nmK1r {
    fill: #5c5c5c;
    width: 30px;
    height: 30px; }
  .goPreviousButton_fiLiH:hover,
  .goPreviousButton2___AyP:hover,
  .goNextButton_gfu5z:hover {
    background-color: rgba(204, 204, 204, 0.7);
    backdrop-filter: blur(4px); }
    .goPreviousButton_fiLiH:hover .icon_nmK1r,
    .goPreviousButton2___AyP:hover .icon_nmK1r,
    .goNextButton_gfu5z:hover .icon_nmK1r {
      fill: #d01406; }

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

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

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

.elementQtyText_VLRUm {
  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_fiLiH {
    width: 56px;
    border-radius: 0 20px 20px 0;
    padding-left: 10px; }
  .goPreviousButton2___AyP {
    display: none; }
  .goNextButton_gfu5z {
    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_EeQl_ {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .RootSidebar_EeQl_ .FirstSidebarHolder_LTL4i {
    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_EeQl_ .Overlay_mdaQ9 {
    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_EeQl_ .Workspace_F7zrw {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    margin-bottom: 0;
    overflow: hidden;
    left: 0;
    right: 0; }
  .RootSidebar_EeQl_ .dragHandle_EpIl_ {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1; }
  @media screen and (max-width: 1228px) {
    .RootSidebar_EeQl_ .FirstSidebarHolder_LTL4i {
      width: 100%;
      max-width: 416px; }
    .RootSidebar_EeQl_ .Workspace_F7zrw {
      margin-top: 44px;
      margin-bottom: 42px; } }

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

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

@media print {
  .RootSidebar_EeQl_ {
    position: absolute;
    overflow: visible; }
    .RootSidebar_EeQl_ .Workspace_F7zrw {
      overflow: visible; }
    .RootSidebar_EeQl_ .FirstSidebarHolder_LTL4i,
    .RootSidebar_EeQl_ .Overlay_mdaQ9 {
      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_U3J9m {
  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_U3J9m ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto; }
  .Tabbar_U3J9m li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: 120px; }
    .Tabbar_U3J9m li:hover .icon_t2aN4 {
      fill: #d01406; }
  .Tabbar_U3J9m a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-left: 1px solid white;
    border-right: 1px solid white; }
    .Tabbar_U3J9m a.isActive__VWrz {
      border-left-color: #dbdbdb;
      border-right-color: #dbdbdb;
      background-color: #f0f0f0; }
  .Tabbar_U3J9m .tabText_mUyCf {
    font-size: 13px;
    font-weight: bold; }
  .Tabbar_U3J9m .badgeText_AEiUh {
    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_U3J9m .icon_t2aN4 {
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    cursor: pointer; }
  @media print {
    .Tabbar_U3J9m {
      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_kbXyN {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 24px; }
  .BitmaskField_kbXyN span {
    position: absolute;
    right: -10px;
    top: 0;
    width: 60px;
    height: 8px;
    display: flex;
    justify-content: center;
    font-size: 9px;
    color: #5c5c5c; }
  .BitmaskField_kbXyN section {
    display: flex;
    flex-direction: row-reverse; }
  .BitmaskField_kbXyN .bitItem_wLbKR {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    cursor: pointer; }
  .BitmaskField_kbXyN .bit01_UjgLs {
    fill: #5c5c5c; }
  .BitmaskField_kbXyN .bit02_aHnfK {
    fill: #ff3333; }
  .BitmaskField_kbXyN .bit03_u18uM {
    fill: #684545; }
  .BitmaskField_kbXyN .bit04_zHs9k {
    fill: #00991a; }
  .BitmaskField_kbXyN .bit05_gEsyK {
    fill: #99d65c; }
  .BitmaskField_kbXyN .bit06_nDA_y {
    fill: #99c5ff; }
  .BitmaskField_kbXyN .bit07_cijLF {
    fill: #006dcc; }
  .BitmaskField_kbXyN .bit08_JoR9k {
    fill: #b533cc; }
  .BitmaskField_kbXyN .bit09_TnCfL {
    fill: #e0b8e0; }
  .BitmaskField_kbXyN .bit10_vhx7b {
    fill: #4cae4f; }
  .BitmaskField_kbXyN .bit11_g4vpx {
    fill: #33a0ff; }
  .BitmaskField_kbXyN .bit12_U8w8Y {
    fill: #003ea8; }
  .BitmaskField_kbXyN .bit13_kp9CZ {
    fill: #607c8a; }
  .BitmaskField_kbXyN .bit14_9kwnj {
    fill: #707070; }
  .BitmaskField_kbXyN .bit15_ZfpDV {
    fill: #795649; }
  @media print {
    .BitmaskField_kbXyN {
      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_Merbo {
  -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_aTJKp {
  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_aTJKp h1 {
    margin-top: 38px;
    padding: 0 24px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
  .ColorTagsEditor_aTJKp .bitmaskField_AR0yd {
    flex-direction: row;
    margin-top: 20px;
    margin-right: 18px; }
    .ColorTagsEditor_aTJKp .bitmaskField_AR0yd > 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_aTJKp .bitmaskField_AR0yd > div > svg:hover {
        fill: #d01406; }
    .ColorTagsEditor_aTJKp .bitmaskField_AR0yd section > svg {
      width: 16px;
      height: 16px; }
  .ColorTagsEditor_aTJKp .controlPanel_bOFvm {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .ColorTagsEditor_aTJKp .controlPanel_bOFvm button + button {
      border-left: thin solid #cccccc; }
    .ColorTagsEditor_aTJKp .controlPanel_bOFvm button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .ColorTagsEditor_aTJKp .controlPanel_bOFvm button:hover {
        background-color: #f7f7f7; }
      .ColorTagsEditor_aTJKp .controlPanel_bOFvm button:active {
        background-color: #f2f2f2; }
      .ColorTagsEditor_aTJKp .controlPanel_bOFvm button.isAccented_dGszQ {
        color: #d01406; }
      .ColorTagsEditor_aTJKp .controlPanel_bOFvm button.isDisabled_jp9Ec {
        color: #b3b3b3; }
      .ColorTagsEditor_aTJKp .controlPanel_bOFvm button:first-child {
        border-bottom-left-radius: 12px; }
      .ColorTagsEditor_aTJKp .controlPanel_bOFvm 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__XEa1 {
  -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_HBNrR {
  width: 100%;
  max-width: 440px;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .SelectObjects_HBNrR h1 {
    margin-top: 38px;
    padding: 0 40px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
    .SelectObjects_HBNrR h1 .icon_qO6Et {
      width: 28px;
      height: 28px;
      margin-right: 12px;
      margin-left: -12px;
      fill: #0078e0;
      vertical-align: text-bottom; }
  .SelectObjects_HBNrR 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_HBNrR p a {
      color: #0078e0; }
    .SelectObjects_HBNrR p span {
      text-decoration: underline; }
  .SelectObjects_HBNrR .selectHolder_e84bu {
    padding: 0 36px; }
  .SelectObjects_HBNrR ul {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .SelectObjects_HBNrR ul button + button {
      border-left: thin solid #cccccc; }
    .SelectObjects_HBNrR ul button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .SelectObjects_HBNrR ul button:hover {
        background-color: #f7f7f7; }
      .SelectObjects_HBNrR ul button:active {
        background-color: #f2f2f2; }
      .SelectObjects_HBNrR ul button.isAccented_Bf2Kg {
        font-weight: bold; }
      .SelectObjects_HBNrR ul button.isDisabled_be7xu {
        color: #b3b3b3;
        cursor: not-allowed; }
      .SelectObjects_HBNrR ul button:first-child {
        border-bottom-left-radius: 12px; }
      .SelectObjects_HBNrR ul button:last-child {
        border-bottom-right-radius: 12px; }
  @media screen and (max-width: 580px) {
    .SelectObjects_HBNrR {
      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_CZmn3 {
  -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_CZmn3 {
      justify-content: space-between; }
      .backgroundWrapper_CZmn3:before, .backgroundWrapper_CZmn3:after {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        height: 1px;
        content: ''; } }

.HelpScreen_K6AhV {
  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_K6AhV h1 {
    margin-top: 30px;
    padding: 0 24px;
    font-size: 17px;
    text-align: center;
    word-break: break-word;
    color: #292929;
    text-transform: uppercase; }
  .HelpScreen_K6AhV 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_K6AhV p a {
      color: #0078e0; }
  .HelpScreen_K6AhV .videoHolder_h8NfT {
    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_K6AhV .videoHolder_h8NfT iframe {
      width: 100%;
      height: 100%;
      vertical-align: top; }
  .HelpScreen_K6AhV .settingsButton_WF8Go {
    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_K6AhV .settingsButton_WF8Go:hover {
      color: #d01406; }
  .HelpScreen_K6AhV ul {
    display: flex;
    width: 100%;
    height: 46px;
    margin-top: 20px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 8px 8px; }
    .HelpScreen_K6AhV ul button + button {
      border-left: thin solid #cccccc; }
    .HelpScreen_K6AhV ul button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 16px;
      color: #0588fa;
      text-transform: uppercase; }
      .HelpScreen_K6AhV ul button:hover {
        background-color: #f7f7f7; }
      .HelpScreen_K6AhV ul button:active {
        background-color: #f2f2f2; }
      .HelpScreen_K6AhV ul button.isAccented_yKEQX {
        color: #d01406; }
      .HelpScreen_K6AhV ul button.isDisabled_nOcjh {
        color: #b3b3b3; }
      .HelpScreen_K6AhV ul button:first-child {
        border-bottom-left-radius: 8px; }
      .HelpScreen_K6AhV 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; }