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

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

.ConnectionStatus_DOpAM .title_PCmNK {
  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_FyYVP {
  z-index: 978 !important;
  color: white !important;
  margin-right: 400px !important; }
  .Informer_FyYVP div div:last-child {
    justify-content: flex-start; }

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

.showInfo_K4jEl,
.showSuccess_y9nbj,
.showWarning_xnf5r,
.showError_YjiT7 {
  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_K4jEl,
.showSuccess_y9nbj,
.showWarning_xnf5r,
.showError_YjiT7 {
  min-width: 360px; }

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

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

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

.showError_YjiT7 {
  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_RCQLt {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .DetailField_RCQLt .label_E9VAk {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .DetailField_RCQLt .label_E9VAk span {
      margin: 0 2px;
      font-weight: bold; }
  .DetailField_RCQLt :disabled {
    cursor: not-allowed; }
  .DetailField_RCQLt .inputWrapper_Cq6mx {
    position: relative; }
  .DetailField_RCQLt .inputControl_sjYuJ {
    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_RCQLt .inputControl_sjYuJ:focus {
      border: 1px solid #5babfb; }
  .DetailField_RCQLt .dropdown_lhuap {
    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_RCQLt .dropdown_lhuap:hover {
      cursor: pointer; }
    .DetailField_RCQLt .dropdown_lhuap.open_ZFAam {
      z-index: 2;
      background: #fff; }
  .DetailField_RCQLt input[disabled] + .dropdown_lhuap:hover {
    cursor: default; }
    .DetailField_RCQLt input[disabled] + .dropdown_lhuap:hover .dropdownButton_hUaGr {
      background-color: transparent; }
  .DetailField_RCQLt .dropdownButton_hUaGr {
    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_RCQLt .dropdownButton_hUaGr:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .DetailField_RCQLt .dropdownButton_hUaGr .typeLabel_obmx0 {
      margin-right: 12px;
      color: #5c5c5c; }
    .DetailField_RCQLt .dropdownButton_hUaGr .arrow_W6dTd {
      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_RCQLt .dropdownButton_hUaGr .arrow_W6dTd.up_hBcQK {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .DetailField_RCQLt .dropdownList_X52n7 {
    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_RCQLt .dropdownList_X52n7 .dropdownItem_nZSQm {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .DetailField_RCQLt .dropdownList_X52n7 .dropdownItem_nZSQm:hover {
        background-color: #f0f0f0; }
      .DetailField_RCQLt .dropdownList_X52n7 .dropdownItem_nZSQm.isPicked_rOwZA {
        background-color: #e6e6e6; }
    .DetailField_RCQLt .dropdownList_X52n7 .optionLabel_YaW9j {
      margin-right: 6px; }
  .DetailField_RCQLt .addButton_Q1C1m {
    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_RCQLt .addButton_Q1C1m .icon_utZ2o {
      width: 18px;
      height: 18px;
      fill: white; }
    .DetailField_RCQLt .addButton_Q1C1m.isActive_CdFjf {
      background-color: #bc1206;
      cursor: pointer; }
    .DetailField_RCQLt .addButton_Q1C1m:hover {
      background-color: #b3b3b3; }
      .DetailField_RCQLt .addButton_Q1C1m:hover.isActive_CdFjf {
        background-color: #d01406; }
  .DetailField_RCQLt .isHidden_d947v {
    display: none; }
  .DetailField_RCQLt .error_X8IOv {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .DetailField_RCQLt.hasError_wawEr .inputControl_sjYuJ {
    border: 1px solid red !important; }
    .DetailField_RCQLt.hasError_wawEr .inputControl_sjYuJ.isFocused_Qs6al {
      border: 1px solid red !important; }
  .DetailField_RCQLt.hasError_wawEr .dropdown_lhuap {
    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_yVpFu {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .DetailSelectField_yVpFu .label_SrEmo {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .DetailSelectField_yVpFu .label_SrEmo span {
      margin: 0 2px;
      font-weight: bold; }
  .DetailSelectField_yVpFu .select_MqduJ {
    font-size: 14px; }
    .DetailSelectField_yVpFu .select_MqduJ .control_IlOny {
      outline: 0 !important; }
    .DetailSelectField_yVpFu .select_MqduJ .control_IlOny {
      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_yVpFu .select_MqduJ .control_IlOny.isFocused_RIsrK {
        border: 1px solid #5babfb; }
      .DetailSelectField_yVpFu .select_MqduJ .control_IlOny input {
        display: none; }
    .DetailSelectField_yVpFu .select_MqduJ .clearIndicator_UfaUB {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .DetailSelectField_yVpFu .select_MqduJ .clearIndicator_UfaUB .icon_rl9Bd {
        width: 22px;
        height: 22px; }
      .DetailSelectField_yVpFu .select_MqduJ .clearIndicator_UfaUB:hover .icon_rl9Bd {
        fill: #d01406; }
    .DetailSelectField_yVpFu .select_MqduJ .multiValue_DhHHO {
      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_yVpFu .select_MqduJ .multiValue_DhHHO:first-child {
        margin-top: 8px; }
      .DetailSelectField_yVpFu .select_MqduJ .multiValue_DhHHO + .multiValue_DhHHO {
        margin-top: -12px; }
      .DetailSelectField_yVpFu .select_MqduJ .multiValue_DhHHO .typeText_r6vHQ {
        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_yVpFu .select_MqduJ .multiValue_DhHHO .labelText_Eg3gP {
        min-width: 0;
        height: 30px;
        line-height: 30px;
        padding-right: 36px;
        cursor: default;
        overflow: hidden; }
      .DetailSelectField_yVpFu .select_MqduJ .multiValue_DhHHO .removeButton_IW0Zr {
        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_yVpFu .select_MqduJ .multiValue_DhHHO .removeButton_IW0Zr:hover {
          background-color: white; }
        .DetailSelectField_yVpFu .select_MqduJ .multiValue_DhHHO .removeButton_IW0Zr .icon_rl9Bd {
          width: 16px;
          height: 16px; }
        .DetailSelectField_yVpFu .select_MqduJ .multiValue_DhHHO .removeButton_IW0Zr:hover .icon_rl9Bd {
          fill: #d01406; }
  .DetailSelectField_yVpFu .error_OYnb3 {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .DetailSelectField_yVpFu.isError_mQ9hT .control_IlOny {
    border: 1px solid red !important; }
    .DetailSelectField_yVpFu.isError_mQ9hT .control_IlOny.isFocused_RIsrK {
      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_tPjhU {
  width: 16px;
  height: 11px;
  background-image: url("/assets/images/flags16x11.png");
  background-repeat: no-repeat;
  border-style: none; }
  .flag_tPjhU.ad {
    background-position: -16px      0; }
  .flag_tPjhU.ae {
    background-position: -32px      0; }
  .flag_tPjhU.af {
    background-position: -48px      0; }
  .flag_tPjhU.ag {
    background-position: -64px      0; }
  .flag_tPjhU.ai {
    background-position: -80px      0; }
  .flag_tPjhU.al {
    background-position: -96px      0; }
  .flag_tPjhU.am {
    background-position: -112px      0; }
  .flag_tPjhU.ao {
    background-position: -128px      0; }
  .flag_tPjhU.ar {
    background-position: -144px      0; }
  .flag_tPjhU.as {
    background-position: -160px      0; }
  .flag_tPjhU.at {
    background-position: -176px      0; }
  .flag_tPjhU.au {
    background-position: -192px      0; }
  .flag_tPjhU.aw {
    background-position: -208px      0; }
  .flag_tPjhU.az {
    background-position: -224px      0; }
  .flag_tPjhU.ba {
    background-position: -240px      0; }
  .flag_tPjhU.bb {
    background-position: 0    -11px; }
  .flag_tPjhU.bd {
    background-position: -16px  -11px; }
  .flag_tPjhU.be {
    background-position: -32px  -11px; }
  .flag_tPjhU.bf {
    background-position: -48px  -11px; }
  .flag_tPjhU.bg {
    background-position: -64px  -11px; }
  .flag_tPjhU.bh {
    background-position: -80px  -11px; }
  .flag_tPjhU.bi {
    background-position: -96px  -11px; }
  .flag_tPjhU.bj {
    background-position: -112px  -11px; }
  .flag_tPjhU.bm {
    background-position: -128px  -11px; }
  .flag_tPjhU.bn {
    background-position: -144px  -11px; }
  .flag_tPjhU.bo {
    background-position: -160px  -11px; }
  .flag_tPjhU.br {
    background-position: -176px  -11px; }
  .flag_tPjhU.bs {
    background-position: -192px  -11px; }
  .flag_tPjhU.bt {
    background-position: -208px  -11px; }
  .flag_tPjhU.bw {
    background-position: -224px  -11px; }
  .flag_tPjhU.by {
    background-position: -240px  -11px; }
  .flag_tPjhU.bz {
    background-position: 0    -22px; }
  .flag_tPjhU.ca {
    background-position: -16px  -22px; }
  .flag_tPjhU.cd {
    background-position: -32px  -22px; }
  .flag_tPjhU.cf {
    background-position: -48px  -22px; }
  .flag_tPjhU.cg {
    background-position: -64px  -22px; }
  .flag_tPjhU.ch {
    background-position: -80px  -22px; }
  .flag_tPjhU.ci {
    background-position: -96px  -22px; }
  .flag_tPjhU.ck {
    background-position: -112px  -22px; }
  .flag_tPjhU.cl {
    background-position: -128px  -22px; }
  .flag_tPjhU.cm {
    background-position: -144px  -22px; }
  .flag_tPjhU.cn {
    background-position: -160px  -22px; }
  .flag_tPjhU.co {
    background-position: -176px  -22px; }
  .flag_tPjhU.cr {
    background-position: -192px  -22px; }
  .flag_tPjhU.cu {
    background-position: -208px  -22px; }
  .flag_tPjhU.cv {
    background-position: -224px  -22px; }
  .flag_tPjhU.cw {
    background-position: -240px  -22px; }
  .flag_tPjhU.cy {
    background-position: 0    -33px; }
  .flag_tPjhU.cz {
    background-position: -16px  -33px; }
  .flag_tPjhU.de {
    background-position: -32px  -33px; }
  .flag_tPjhU.dj {
    background-position: -48px  -33px; }
  .flag_tPjhU.dk {
    background-position: -64px  -33px; }
  .flag_tPjhU.dm {
    background-position: -80px  -33px; }
  .flag_tPjhU.do {
    background-position: -96px  -33px; }
  .flag_tPjhU.dz {
    background-position: -112px  -33px; }
  .flag_tPjhU.ec {
    background-position: -128px  -33px; }
  .flag_tPjhU.ee {
    background-position: -144px  -33px; }
  .flag_tPjhU.eg {
    background-position: -160px  -33px; }
  .flag_tPjhU.er {
    background-position: -176px  -33px; }
  .flag_tPjhU.es {
    background-position: -192px  -33px; }
  .flag_tPjhU.et {
    background-position: -208px  -33px; }
  .flag_tPjhU.fi {
    background-position: -224px  -33px; }
  .flag_tPjhU.fj {
    background-position: -240px  -33px; }
  .flag_tPjhU.fk {
    background-position: 0    -44px; }
  .flag_tPjhU.fm {
    background-position: -16px  -44px; }
  .flag_tPjhU.fo {
    background-position: -32px  -44px; }
  .flag_tPjhU.fr {
    background-position: -48px  -44px; }
  .flag_tPjhU.bl {
    background-position: -48px  -44px; }
  .flag_tPjhU.mf {
    background-position: -48px  -44px; }
  .flag_tPjhU.ga {
    background-position: -64px  -44px; }
  .flag_tPjhU.gb {
    background-position: -80px  -44px; }
  .flag_tPjhU.gd {
    background-position: -96px  -44px; }
  .flag_tPjhU.ge {
    background-position: -112px  -44px; }
  .flag_tPjhU.gf {
    background-position: -128px  -44px; }
  .flag_tPjhU.gh {
    background-position: -144px  -44px; }
  .flag_tPjhU.gi {
    background-position: -160px  -44px; }
  .flag_tPjhU.gl {
    background-position: -176px  -44px; }
  .flag_tPjhU.gm {
    background-position: -192px  -44px; }
  .flag_tPjhU.gn {
    background-position: -208px  -44px; }
  .flag_tPjhU.gp {
    background-position: -224px  -44px; }
  .flag_tPjhU.gq {
    background-position: -240px  -44px; }
  .flag_tPjhU.gr {
    background-position: 0    -55px; }
  .flag_tPjhU.gt {
    background-position: -16px  -55px; }
  .flag_tPjhU.gu {
    background-position: -32px  -55px; }
  .flag_tPjhU.gw {
    background-position: -48px  -55px; }
  .flag_tPjhU.gy {
    background-position: -64px  -55px; }
  .flag_tPjhU.hk {
    background-position: -80px  -55px; }
  .flag_tPjhU.hn {
    background-position: -96px  -55px; }
  .flag_tPjhU.hr {
    background-position: -112px  -55px; }
  .flag_tPjhU.ht {
    background-position: -128px  -55px; }
  .flag_tPjhU.hu {
    background-position: -144px  -55px; }
  .flag_tPjhU.id {
    background-position: -160px  -55px; }
  .flag_tPjhU.ie {
    background-position: -176px  -55px; }
  .flag_tPjhU.il {
    background-position: -192px  -55px; }
  .flag_tPjhU.in {
    background-position: -208px  -55px; }
  .flag_tPjhU.io {
    background-position: -224px  -55px; }
  .flag_tPjhU.iq {
    background-position: -240px  -55px; }
  .flag_tPjhU.ir {
    background-position: 0    -66px; }
  .flag_tPjhU.is {
    background-position: -16px  -66px; }
  .flag_tPjhU.it {
    background-position: -32px  -66px; }
  .flag_tPjhU.je {
    background-position: -144px -154px; }
  .flag_tPjhU.jm {
    background-position: -48px  -66px; }
  .flag_tPjhU.jo {
    background-position: -64px  -66px; }
  .flag_tPjhU.jp {
    background-position: -80px  -66px; }
  .flag_tPjhU.ke {
    background-position: -96px  -66px; }
  .flag_tPjhU.kg {
    background-position: -112px  -66px; }
  .flag_tPjhU.kh {
    background-position: -128px  -66px; }
  .flag_tPjhU.ki {
    background-position: -144px  -66px; }
  .flag_tPjhU.xk {
    background-position: -128px -154px; }
  .flag_tPjhU.km {
    background-position: -160px  -66px; }
  .flag_tPjhU.kn {
    background-position: -176px  -66px; }
  .flag_tPjhU.kp {
    background-position: -192px  -66px; }
  .flag_tPjhU.kr {
    background-position: -208px  -66px; }
  .flag_tPjhU.kw {
    background-position: -224px  -66px; }
  .flag_tPjhU.ky {
    background-position: -240px  -66px; }
  .flag_tPjhU.kz {
    background-position: 0    -77px; }
  .flag_tPjhU.la {
    background-position: -16px  -77px; }
  .flag_tPjhU.lb {
    background-position: -32px  -77px; }
  .flag_tPjhU.lc {
    background-position: -48px  -77px; }
  .flag_tPjhU.li {
    background-position: -64px  -77px; }
  .flag_tPjhU.lk {
    background-position: -80px  -77px; }
  .flag_tPjhU.lr {
    background-position: -96px  -77px; }
  .flag_tPjhU.ls {
    background-position: -112px  -77px; }
  .flag_tPjhU.lt {
    background-position: -128px  -77px; }
  .flag_tPjhU.lu {
    background-position: -144px  -77px; }
  .flag_tPjhU.lv {
    background-position: -160px  -77px; }
  .flag_tPjhU.ly {
    background-position: -176px  -77px; }
  .flag_tPjhU.ma {
    background-position: -192px  -77px; }
  .flag_tPjhU.mc {
    background-position: -208px  -77px; }
  .flag_tPjhU.md {
    background-position: -224px  -77px; }
  .flag_tPjhU.me {
    background-position: -112px -154px;
    height: 12px; }
  .flag_tPjhU.mg {
    background-position: 0    -88px; }
  .flag_tPjhU.mh {
    background-position: -16px  -88px; }
  .flag_tPjhU.mk {
    background-position: -32px  -88px; }
  .flag_tPjhU.ml {
    background-position: -48px  -88px; }
  .flag_tPjhU.mm {
    background-position: -64px  -88px; }
  .flag_tPjhU.mn {
    background-position: -80px  -88px; }
  .flag_tPjhU.mo {
    background-position: -96px  -88px; }
  .flag_tPjhU.mp {
    background-position: -112px  -88px; }
  .flag_tPjhU.mq {
    background-position: -128px  -88px; }
  .flag_tPjhU.mr {
    background-position: -144px  -88px; }
  .flag_tPjhU.ms {
    background-position: -160px  -88px; }
  .flag_tPjhU.mt {
    background-position: -176px  -88px; }
  .flag_tPjhU.mu {
    background-position: -192px  -88px; }
  .flag_tPjhU.mv {
    background-position: -208px  -88px; }
  .flag_tPjhU.mw {
    background-position: -224px  -88px; }
  .flag_tPjhU.mx {
    background-position: -240px  -88px; }
  .flag_tPjhU.my {
    background-position: 0    -99px; }
  .flag_tPjhU.mz {
    background-position: -16px  -99px; }
  .flag_tPjhU.na {
    background-position: -32px  -99px; }
  .flag_tPjhU.nc {
    background-position: -48px  -99px; }
  .flag_tPjhU.ne {
    background-position: -64px  -99px; }
  .flag_tPjhU.nf {
    background-position: -80px  -99px; }
  .flag_tPjhU.ng {
    background-position: -96px  -99px; }
  .flag_tPjhU.ni {
    background-position: -112px  -99px; }
  .flag_tPjhU.nl {
    background-position: -128px  -99px; }
  .flag_tPjhU.bq {
    background-position: -128px  -99px; }
  .flag_tPjhU.no {
    background-position: -144px  -99px; }
  .flag_tPjhU.np {
    background-position: -160px  -99px; }
  .flag_tPjhU.nr {
    background-position: -176px  -99px; }
  .flag_tPjhU.nu {
    background-position: -192px  -99px; }
  .flag_tPjhU.nz {
    background-position: -208px  -99px; }
  .flag_tPjhU.om {
    background-position: -224px  -99px; }
  .flag_tPjhU.pa {
    background-position: -240px  -99px; }
  .flag_tPjhU.pe {
    background-position: 0   -110px; }
  .flag_tPjhU.pf {
    background-position: -16px -110px; }
  .flag_tPjhU.pg {
    background-position: -32px -110px; }
  .flag_tPjhU.ph {
    background-position: -48px -110px; }
  .flag_tPjhU.pk {
    background-position: -64px -110px; }
  .flag_tPjhU.pl {
    background-position: -80px -110px; }
  .flag_tPjhU.pm {
    background-position: -96px -110px; }
  .flag_tPjhU.pr {
    background-position: -112px -110px; }
  .flag_tPjhU.ps {
    background-position: -128px -110px; }
  .flag_tPjhU.pt {
    background-position: -144px -110px; }
  .flag_tPjhU.pw {
    background-position: -160px -110px; }
  .flag_tPjhU.py {
    background-position: -176px -110px; }
  .flag_tPjhU.qa {
    background-position: -192px -110px; }
  .flag_tPjhU.re {
    background-position: -208px -110px; }
  .flag_tPjhU.ro {
    background-position: -224px -110px; }
  .flag_tPjhU.rs {
    background-position: -240px -110px; }
  .flag_tPjhU.ru {
    background-position: 0   -121px; }
  .flag_tPjhU.rw {
    background-position: -16px -121px; }
  .flag_tPjhU.sa {
    background-position: -32px -121px; }
  .flag_tPjhU.sb {
    background-position: -48px -121px; }
  .flag_tPjhU.sc {
    background-position: -64px -121px; }
  .flag_tPjhU.sd {
    background-position: -80px -121px; }
  .flag_tPjhU.se {
    background-position: -96px -121px; }
  .flag_tPjhU.sg {
    background-position: -112px -121px; }
  .flag_tPjhU.sh {
    background-position: -128px -121px; }
  .flag_tPjhU.si {
    background-position: -144px -121px; }
  .flag_tPjhU.sk {
    background-position: -160px -121px; }
  .flag_tPjhU.sl {
    background-position: -176px -121px; }
  .flag_tPjhU.sm {
    background-position: -192px -121px; }
  .flag_tPjhU.sn {
    background-position: -208px -121px; }
  .flag_tPjhU.so {
    background-position: -224px -121px; }
  .flag_tPjhU.sr {
    background-position: -240px -121px; }
  .flag_tPjhU.ss {
    background-position: 0   -132px; }
  .flag_tPjhU.st {
    background-position: -16px -132px; }
  .flag_tPjhU.sv {
    background-position: -32px -132px; }
  .flag_tPjhU.sx {
    background-position: -48px -132px; }
  .flag_tPjhU.sy {
    background-position: -64px -132px; }
  .flag_tPjhU.sz {
    background-position: -80px -132px; }
  .flag_tPjhU.tc {
    background-position: -96px -132px; }
  .flag_tPjhU.td {
    background-position: -112px -132px; }
  .flag_tPjhU.tg {
    background-position: -128px -132px; }
  .flag_tPjhU.th {
    background-position: -144px -132px; }
  .flag_tPjhU.tj {
    background-position: -160px -132px; }
  .flag_tPjhU.tk {
    background-position: -176px -132px; }
  .flag_tPjhU.tl {
    background-position: -192px -132px; }
  .flag_tPjhU.tm {
    background-position: -208px -132px; }
  .flag_tPjhU.tn {
    background-position: -224px -132px; }
  .flag_tPjhU.to {
    background-position: -240px -132px; }
  .flag_tPjhU.tr {
    background-position: 0   -143px; }
  .flag_tPjhU.tt {
    background-position: -16px -143px; }
  .flag_tPjhU.tv {
    background-position: -32px -143px; }
  .flag_tPjhU.tw {
    background-position: -48px -143px; }
  .flag_tPjhU.tz {
    background-position: -64px -143px; }
  .flag_tPjhU.ua {
    background-position: -80px -143px; }
  .flag_tPjhU.ug {
    background-position: -96px -143px; }
  .flag_tPjhU.us {
    background-position: -112px -143px; }
  .flag_tPjhU.uy {
    background-position: -128px -143px; }
  .flag_tPjhU.uz {
    background-position: -144px -143px; }
  .flag_tPjhU.va {
    background-position: -160px -143px; }
  .flag_tPjhU.vc {
    background-position: -176px -143px; }
  .flag_tPjhU.ve {
    background-position: -192px -143px; }
  .flag_tPjhU.vg {
    background-position: -208px -143px; }
  .flag_tPjhU.vi {
    background-position: -224px -143px; }
  .flag_tPjhU.vn {
    background-position: -240px -143px; }
  .flag_tPjhU.vu {
    background-position: 0   -154px; }
  .flag_tPjhU.wf {
    background-position: -16px -154px; }
  .flag_tPjhU.ws {
    background-position: -32px -154px; }
  .flag_tPjhU.ye {
    background-position: -48px -154px; }
  .flag_tPjhU.za {
    background-position: -64px -154px; }
  .flag_tPjhU.zm {
    background-position: -80px -154px; }
  .flag_tPjhU.zw {
    background-position: -96px -154px; }

.PhoneField_QjFXe {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .PhoneField_QjFXe .label_MfQJP {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .PhoneField_QjFXe .label_MfQJP span {
      margin: 0 2px;
      font-weight: bold; }
  .PhoneField_QjFXe :disabled {
    cursor: not-allowed; }
  .PhoneField_QjFXe .inputWrapper_EIn4w {
    position: relative; }
  .PhoneField_QjFXe .inputControl__Lg20 {
    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_QjFXe .inputControl__Lg20:focus {
      border: 1px solid #5babfb; }
  .PhoneField_QjFXe .countryDropdown_tOXzm {
    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_QjFXe .countryDropdown_tOXzm:hover {
      cursor: pointer; }
    .PhoneField_QjFXe .countryDropdown_tOXzm.open_GoZUP {
      z-index: 2;
      background: #fff; }
  .PhoneField_QjFXe input[disabled] + .countryDropdown_tOXzm:hover {
    cursor: default; }
    .PhoneField_QjFXe input[disabled] + .countryDropdown_tOXzm:hover .dropdownButton_nAYGC {
      background-color: transparent; }
  .PhoneField_QjFXe .dropdownButton_nAYGC {
    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_QjFXe .dropdownButton_nAYGC:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .PhoneField_QjFXe .dropdownButton_nAYGC .flag_tPjhU {
      margin: 0 4px; }
    .PhoneField_QjFXe .dropdownButton_nAYGC .arrow_SYhgV {
      margin-left: 2px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #5c5c5c; }
      .PhoneField_QjFXe .dropdownButton_nAYGC .arrow_SYhgV.up_ctTzh {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .PhoneField_QjFXe .countryList_WL2dv {
    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_QjFXe .countryList_WL2dv .dividerItem_H9xaZ {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #adadad; }
    .PhoneField_QjFXe .countryList_WL2dv .countryItem__bjk2 {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .PhoneField_QjFXe .countryList_WL2dv .countryItem__bjk2 .dialCode_c1cRt {
        color: #6b6b6b; }
      .PhoneField_QjFXe .countryList_WL2dv .countryItem__bjk2:hover {
        background-color: #f1f1f1; }
      .PhoneField_QjFXe .countryList_WL2dv .countryItem__bjk2.highlight_AWqZt {
        background-color: #f1f1f1; }
    .PhoneField_QjFXe .countryList_WL2dv .flag_tPjhU {
      display: inline-block;
      margin-right: 8px;
      margin-top: 2px;
      min-width: 16px; }
    .PhoneField_QjFXe .countryList_WL2dv .countryName_ORSPP {
      margin-right: 6px; }
    .PhoneField_QjFXe .countryList_WL2dv .search_tzq5C {
      position: sticky;
      top: 0;
      padding: 10px 16px 8px 16px;
      background-color: white;
      z-index: 140; }
    .PhoneField_QjFXe .countryList_WL2dv .searchBox_RTtbO {
      border: 1px solid #cccccc;
      border-radius: 5px;
      font-size: 14px;
      line-height: 15px;
      width: 100%;
      padding: 4px 8px;
      outline: none;
      color: #707070; }
    .PhoneField_QjFXe .countryList_WL2dv .noEntriesMessage_OdnyJ {
      padding: 7px 10px 11px;
      color: #707070; }
  .PhoneField_QjFXe .addButton_P7dY3 {
    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_QjFXe .addButton_P7dY3 .icon_vcrRZ {
      width: 18px;
      height: 18px;
      fill: white; }
    .PhoneField_QjFXe .addButton_P7dY3.isActive_xX3NR {
      background-color: #bc1206;
      cursor: pointer; }
    .PhoneField_QjFXe .addButton_P7dY3:hover {
      background-color: #b3b3b3; }
      .PhoneField_QjFXe .addButton_P7dY3:hover.isActive_xX3NR {
        background-color: #d01406; }
  .PhoneField_QjFXe .hide__YOZv {
    display: none; }
  .PhoneField_QjFXe .error_trPSv {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .PhoneField_QjFXe.hasError_fwnfK .inputControl__Lg20 {
    border: 1px solid red !important; }
    .PhoneField_QjFXe.hasError_fwnfK .inputControl__Lg20.isFocused_F_Zff {
      border: 1px solid red !important; }
  .PhoneField_QjFXe.hasError_fwnfK .countryDropdown_tOXzm {
    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_YEKn8 {
  width: 16px;
  height: 11px;
  background-image: url("/assets/images/flags16x11.png");
  background-repeat: no-repeat;
  border-style: none; }
  .flag_YEKn8.ad {
    background-position: -16px      0; }
  .flag_YEKn8.ae {
    background-position: -32px      0; }
  .flag_YEKn8.af {
    background-position: -48px      0; }
  .flag_YEKn8.ag {
    background-position: -64px      0; }
  .flag_YEKn8.ai {
    background-position: -80px      0; }
  .flag_YEKn8.al {
    background-position: -96px      0; }
  .flag_YEKn8.am {
    background-position: -112px      0; }
  .flag_YEKn8.ao {
    background-position: -128px      0; }
  .flag_YEKn8.ar {
    background-position: -144px      0; }
  .flag_YEKn8.as {
    background-position: -160px      0; }
  .flag_YEKn8.at {
    background-position: -176px      0; }
  .flag_YEKn8.au {
    background-position: -192px      0; }
  .flag_YEKn8.aw {
    background-position: -208px      0; }
  .flag_YEKn8.az {
    background-position: -224px      0; }
  .flag_YEKn8.ba {
    background-position: -240px      0; }
  .flag_YEKn8.bb {
    background-position: 0    -11px; }
  .flag_YEKn8.bd {
    background-position: -16px  -11px; }
  .flag_YEKn8.be {
    background-position: -32px  -11px; }
  .flag_YEKn8.bf {
    background-position: -48px  -11px; }
  .flag_YEKn8.bg {
    background-position: -64px  -11px; }
  .flag_YEKn8.bh {
    background-position: -80px  -11px; }
  .flag_YEKn8.bi {
    background-position: -96px  -11px; }
  .flag_YEKn8.bj {
    background-position: -112px  -11px; }
  .flag_YEKn8.bm {
    background-position: -128px  -11px; }
  .flag_YEKn8.bn {
    background-position: -144px  -11px; }
  .flag_YEKn8.bo {
    background-position: -160px  -11px; }
  .flag_YEKn8.br {
    background-position: -176px  -11px; }
  .flag_YEKn8.bs {
    background-position: -192px  -11px; }
  .flag_YEKn8.bt {
    background-position: -208px  -11px; }
  .flag_YEKn8.bw {
    background-position: -224px  -11px; }
  .flag_YEKn8.by {
    background-position: -240px  -11px; }
  .flag_YEKn8.bz {
    background-position: 0    -22px; }
  .flag_YEKn8.ca {
    background-position: -16px  -22px; }
  .flag_YEKn8.cd {
    background-position: -32px  -22px; }
  .flag_YEKn8.cf {
    background-position: -48px  -22px; }
  .flag_YEKn8.cg {
    background-position: -64px  -22px; }
  .flag_YEKn8.ch {
    background-position: -80px  -22px; }
  .flag_YEKn8.ci {
    background-position: -96px  -22px; }
  .flag_YEKn8.ck {
    background-position: -112px  -22px; }
  .flag_YEKn8.cl {
    background-position: -128px  -22px; }
  .flag_YEKn8.cm {
    background-position: -144px  -22px; }
  .flag_YEKn8.cn {
    background-position: -160px  -22px; }
  .flag_YEKn8.co {
    background-position: -176px  -22px; }
  .flag_YEKn8.cr {
    background-position: -192px  -22px; }
  .flag_YEKn8.cu {
    background-position: -208px  -22px; }
  .flag_YEKn8.cv {
    background-position: -224px  -22px; }
  .flag_YEKn8.cw {
    background-position: -240px  -22px; }
  .flag_YEKn8.cy {
    background-position: 0    -33px; }
  .flag_YEKn8.cz {
    background-position: -16px  -33px; }
  .flag_YEKn8.de {
    background-position: -32px  -33px; }
  .flag_YEKn8.dj {
    background-position: -48px  -33px; }
  .flag_YEKn8.dk {
    background-position: -64px  -33px; }
  .flag_YEKn8.dm {
    background-position: -80px  -33px; }
  .flag_YEKn8.do {
    background-position: -96px  -33px; }
  .flag_YEKn8.dz {
    background-position: -112px  -33px; }
  .flag_YEKn8.ec {
    background-position: -128px  -33px; }
  .flag_YEKn8.ee {
    background-position: -144px  -33px; }
  .flag_YEKn8.eg {
    background-position: -160px  -33px; }
  .flag_YEKn8.er {
    background-position: -176px  -33px; }
  .flag_YEKn8.es {
    background-position: -192px  -33px; }
  .flag_YEKn8.et {
    background-position: -208px  -33px; }
  .flag_YEKn8.fi {
    background-position: -224px  -33px; }
  .flag_YEKn8.fj {
    background-position: -240px  -33px; }
  .flag_YEKn8.fk {
    background-position: 0    -44px; }
  .flag_YEKn8.fm {
    background-position: -16px  -44px; }
  .flag_YEKn8.fo {
    background-position: -32px  -44px; }
  .flag_YEKn8.fr {
    background-position: -48px  -44px; }
  .flag_YEKn8.bl {
    background-position: -48px  -44px; }
  .flag_YEKn8.mf {
    background-position: -48px  -44px; }
  .flag_YEKn8.ga {
    background-position: -64px  -44px; }
  .flag_YEKn8.gb {
    background-position: -80px  -44px; }
  .flag_YEKn8.gd {
    background-position: -96px  -44px; }
  .flag_YEKn8.ge {
    background-position: -112px  -44px; }
  .flag_YEKn8.gf {
    background-position: -128px  -44px; }
  .flag_YEKn8.gh {
    background-position: -144px  -44px; }
  .flag_YEKn8.gi {
    background-position: -160px  -44px; }
  .flag_YEKn8.gl {
    background-position: -176px  -44px; }
  .flag_YEKn8.gm {
    background-position: -192px  -44px; }
  .flag_YEKn8.gn {
    background-position: -208px  -44px; }
  .flag_YEKn8.gp {
    background-position: -224px  -44px; }
  .flag_YEKn8.gq {
    background-position: -240px  -44px; }
  .flag_YEKn8.gr {
    background-position: 0    -55px; }
  .flag_YEKn8.gt {
    background-position: -16px  -55px; }
  .flag_YEKn8.gu {
    background-position: -32px  -55px; }
  .flag_YEKn8.gw {
    background-position: -48px  -55px; }
  .flag_YEKn8.gy {
    background-position: -64px  -55px; }
  .flag_YEKn8.hk {
    background-position: -80px  -55px; }
  .flag_YEKn8.hn {
    background-position: -96px  -55px; }
  .flag_YEKn8.hr {
    background-position: -112px  -55px; }
  .flag_YEKn8.ht {
    background-position: -128px  -55px; }
  .flag_YEKn8.hu {
    background-position: -144px  -55px; }
  .flag_YEKn8.id {
    background-position: -160px  -55px; }
  .flag_YEKn8.ie {
    background-position: -176px  -55px; }
  .flag_YEKn8.il {
    background-position: -192px  -55px; }
  .flag_YEKn8.in {
    background-position: -208px  -55px; }
  .flag_YEKn8.io {
    background-position: -224px  -55px; }
  .flag_YEKn8.iq {
    background-position: -240px  -55px; }
  .flag_YEKn8.ir {
    background-position: 0    -66px; }
  .flag_YEKn8.is {
    background-position: -16px  -66px; }
  .flag_YEKn8.it {
    background-position: -32px  -66px; }
  .flag_YEKn8.je {
    background-position: -144px -154px; }
  .flag_YEKn8.jm {
    background-position: -48px  -66px; }
  .flag_YEKn8.jo {
    background-position: -64px  -66px; }
  .flag_YEKn8.jp {
    background-position: -80px  -66px; }
  .flag_YEKn8.ke {
    background-position: -96px  -66px; }
  .flag_YEKn8.kg {
    background-position: -112px  -66px; }
  .flag_YEKn8.kh {
    background-position: -128px  -66px; }
  .flag_YEKn8.ki {
    background-position: -144px  -66px; }
  .flag_YEKn8.xk {
    background-position: -128px -154px; }
  .flag_YEKn8.km {
    background-position: -160px  -66px; }
  .flag_YEKn8.kn {
    background-position: -176px  -66px; }
  .flag_YEKn8.kp {
    background-position: -192px  -66px; }
  .flag_YEKn8.kr {
    background-position: -208px  -66px; }
  .flag_YEKn8.kw {
    background-position: -224px  -66px; }
  .flag_YEKn8.ky {
    background-position: -240px  -66px; }
  .flag_YEKn8.kz {
    background-position: 0    -77px; }
  .flag_YEKn8.la {
    background-position: -16px  -77px; }
  .flag_YEKn8.lb {
    background-position: -32px  -77px; }
  .flag_YEKn8.lc {
    background-position: -48px  -77px; }
  .flag_YEKn8.li {
    background-position: -64px  -77px; }
  .flag_YEKn8.lk {
    background-position: -80px  -77px; }
  .flag_YEKn8.lr {
    background-position: -96px  -77px; }
  .flag_YEKn8.ls {
    background-position: -112px  -77px; }
  .flag_YEKn8.lt {
    background-position: -128px  -77px; }
  .flag_YEKn8.lu {
    background-position: -144px  -77px; }
  .flag_YEKn8.lv {
    background-position: -160px  -77px; }
  .flag_YEKn8.ly {
    background-position: -176px  -77px; }
  .flag_YEKn8.ma {
    background-position: -192px  -77px; }
  .flag_YEKn8.mc {
    background-position: -208px  -77px; }
  .flag_YEKn8.md {
    background-position: -224px  -77px; }
  .flag_YEKn8.me {
    background-position: -112px -154px;
    height: 12px; }
  .flag_YEKn8.mg {
    background-position: 0    -88px; }
  .flag_YEKn8.mh {
    background-position: -16px  -88px; }
  .flag_YEKn8.mk {
    background-position: -32px  -88px; }
  .flag_YEKn8.ml {
    background-position: -48px  -88px; }
  .flag_YEKn8.mm {
    background-position: -64px  -88px; }
  .flag_YEKn8.mn {
    background-position: -80px  -88px; }
  .flag_YEKn8.mo {
    background-position: -96px  -88px; }
  .flag_YEKn8.mp {
    background-position: -112px  -88px; }
  .flag_YEKn8.mq {
    background-position: -128px  -88px; }
  .flag_YEKn8.mr {
    background-position: -144px  -88px; }
  .flag_YEKn8.ms {
    background-position: -160px  -88px; }
  .flag_YEKn8.mt {
    background-position: -176px  -88px; }
  .flag_YEKn8.mu {
    background-position: -192px  -88px; }
  .flag_YEKn8.mv {
    background-position: -208px  -88px; }
  .flag_YEKn8.mw {
    background-position: -224px  -88px; }
  .flag_YEKn8.mx {
    background-position: -240px  -88px; }
  .flag_YEKn8.my {
    background-position: 0    -99px; }
  .flag_YEKn8.mz {
    background-position: -16px  -99px; }
  .flag_YEKn8.na {
    background-position: -32px  -99px; }
  .flag_YEKn8.nc {
    background-position: -48px  -99px; }
  .flag_YEKn8.ne {
    background-position: -64px  -99px; }
  .flag_YEKn8.nf {
    background-position: -80px  -99px; }
  .flag_YEKn8.ng {
    background-position: -96px  -99px; }
  .flag_YEKn8.ni {
    background-position: -112px  -99px; }
  .flag_YEKn8.nl {
    background-position: -128px  -99px; }
  .flag_YEKn8.bq {
    background-position: -128px  -99px; }
  .flag_YEKn8.no {
    background-position: -144px  -99px; }
  .flag_YEKn8.np {
    background-position: -160px  -99px; }
  .flag_YEKn8.nr {
    background-position: -176px  -99px; }
  .flag_YEKn8.nu {
    background-position: -192px  -99px; }
  .flag_YEKn8.nz {
    background-position: -208px  -99px; }
  .flag_YEKn8.om {
    background-position: -224px  -99px; }
  .flag_YEKn8.pa {
    background-position: -240px  -99px; }
  .flag_YEKn8.pe {
    background-position: 0   -110px; }
  .flag_YEKn8.pf {
    background-position: -16px -110px; }
  .flag_YEKn8.pg {
    background-position: -32px -110px; }
  .flag_YEKn8.ph {
    background-position: -48px -110px; }
  .flag_YEKn8.pk {
    background-position: -64px -110px; }
  .flag_YEKn8.pl {
    background-position: -80px -110px; }
  .flag_YEKn8.pm {
    background-position: -96px -110px; }
  .flag_YEKn8.pr {
    background-position: -112px -110px; }
  .flag_YEKn8.ps {
    background-position: -128px -110px; }
  .flag_YEKn8.pt {
    background-position: -144px -110px; }
  .flag_YEKn8.pw {
    background-position: -160px -110px; }
  .flag_YEKn8.py {
    background-position: -176px -110px; }
  .flag_YEKn8.qa {
    background-position: -192px -110px; }
  .flag_YEKn8.re {
    background-position: -208px -110px; }
  .flag_YEKn8.ro {
    background-position: -224px -110px; }
  .flag_YEKn8.rs {
    background-position: -240px -110px; }
  .flag_YEKn8.ru {
    background-position: 0   -121px; }
  .flag_YEKn8.rw {
    background-position: -16px -121px; }
  .flag_YEKn8.sa {
    background-position: -32px -121px; }
  .flag_YEKn8.sb {
    background-position: -48px -121px; }
  .flag_YEKn8.sc {
    background-position: -64px -121px; }
  .flag_YEKn8.sd {
    background-position: -80px -121px; }
  .flag_YEKn8.se {
    background-position: -96px -121px; }
  .flag_YEKn8.sg {
    background-position: -112px -121px; }
  .flag_YEKn8.sh {
    background-position: -128px -121px; }
  .flag_YEKn8.si {
    background-position: -144px -121px; }
  .flag_YEKn8.sk {
    background-position: -160px -121px; }
  .flag_YEKn8.sl {
    background-position: -176px -121px; }
  .flag_YEKn8.sm {
    background-position: -192px -121px; }
  .flag_YEKn8.sn {
    background-position: -208px -121px; }
  .flag_YEKn8.so {
    background-position: -224px -121px; }
  .flag_YEKn8.sr {
    background-position: -240px -121px; }
  .flag_YEKn8.ss {
    background-position: 0   -132px; }
  .flag_YEKn8.st {
    background-position: -16px -132px; }
  .flag_YEKn8.sv {
    background-position: -32px -132px; }
  .flag_YEKn8.sx {
    background-position: -48px -132px; }
  .flag_YEKn8.sy {
    background-position: -64px -132px; }
  .flag_YEKn8.sz {
    background-position: -80px -132px; }
  .flag_YEKn8.tc {
    background-position: -96px -132px; }
  .flag_YEKn8.td {
    background-position: -112px -132px; }
  .flag_YEKn8.tg {
    background-position: -128px -132px; }
  .flag_YEKn8.th {
    background-position: -144px -132px; }
  .flag_YEKn8.tj {
    background-position: -160px -132px; }
  .flag_YEKn8.tk {
    background-position: -176px -132px; }
  .flag_YEKn8.tl {
    background-position: -192px -132px; }
  .flag_YEKn8.tm {
    background-position: -208px -132px; }
  .flag_YEKn8.tn {
    background-position: -224px -132px; }
  .flag_YEKn8.to {
    background-position: -240px -132px; }
  .flag_YEKn8.tr {
    background-position: 0   -143px; }
  .flag_YEKn8.tt {
    background-position: -16px -143px; }
  .flag_YEKn8.tv {
    background-position: -32px -143px; }
  .flag_YEKn8.tw {
    background-position: -48px -143px; }
  .flag_YEKn8.tz {
    background-position: -64px -143px; }
  .flag_YEKn8.ua {
    background-position: -80px -143px; }
  .flag_YEKn8.ug {
    background-position: -96px -143px; }
  .flag_YEKn8.us {
    background-position: -112px -143px; }
  .flag_YEKn8.uy {
    background-position: -128px -143px; }
  .flag_YEKn8.uz {
    background-position: -144px -143px; }
  .flag_YEKn8.va {
    background-position: -160px -143px; }
  .flag_YEKn8.vc {
    background-position: -176px -143px; }
  .flag_YEKn8.ve {
    background-position: -192px -143px; }
  .flag_YEKn8.vg {
    background-position: -208px -143px; }
  .flag_YEKn8.vi {
    background-position: -224px -143px; }
  .flag_YEKn8.vn {
    background-position: -240px -143px; }
  .flag_YEKn8.vu {
    background-position: 0   -154px; }
  .flag_YEKn8.wf {
    background-position: -16px -154px; }
  .flag_YEKn8.ws {
    background-position: -32px -154px; }
  .flag_YEKn8.ye {
    background-position: -48px -154px; }
  .flag_YEKn8.za {
    background-position: -64px -154px; }
  .flag_YEKn8.zm {
    background-position: -80px -154px; }
  .flag_YEKn8.zw {
    background-position: -96px -154px; }

.PhoneSelectField_ah001 {
  width: 300px;
  font-size: 1.4rem;
  font-weight: normal; }
  .PhoneSelectField_ah001 .label_LjPqR {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .PhoneSelectField_ah001 .label_LjPqR span {
      margin: 0 2px;
      font-weight: bold; }
  .PhoneSelectField_ah001 .select_Ay2h_ {
    font-size: 14px; }
    .PhoneSelectField_ah001 .select_Ay2h_ .control_qr11r {
      outline: 0 !important; }
    .PhoneSelectField_ah001 .select_Ay2h_ .control_qr11r {
      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_ah001 .select_Ay2h_ .control_qr11r.isFocused_zkgxd {
        border: 1px solid #5babfb; }
      .PhoneSelectField_ah001 .select_Ay2h_ .control_qr11r input {
        display: none; }
    .PhoneSelectField_ah001 .select_Ay2h_ .clearIndicator_FA4Jk {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .PhoneSelectField_ah001 .select_Ay2h_ .clearIndicator_FA4Jk .icon_rk_k1 {
        width: 22px;
        height: 22px; }
      .PhoneSelectField_ah001 .select_Ay2h_ .clearIndicator_FA4Jk:hover .icon_rk_k1 {
        fill: #d01406; }
    .PhoneSelectField_ah001 .select_Ay2h_ .multiValue_uq_zO {
      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_ah001 .select_Ay2h_ .multiValue_uq_zO:first-child {
        margin-top: 8px; }
      .PhoneSelectField_ah001 .select_Ay2h_ .multiValue_uq_zO + .multiValue_uq_zO {
        margin-top: -7px; }
      .PhoneSelectField_ah001 .select_Ay2h_ .multiValue_uq_zO .flag_YEKn8 {
        margin: 0 6px 0 10px; }
      .PhoneSelectField_ah001 .select_Ay2h_ .multiValue_uq_zO .labelText_GBYH2 {
        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_ah001 .select_Ay2h_ .multiValue_uq_zO .removeButton_XB1kt {
        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_ah001 .select_Ay2h_ .multiValue_uq_zO .removeButton_XB1kt:hover {
          border-left-color: #c4c4c4;
          background-color: #f7f7f7; }
        .PhoneSelectField_ah001 .select_Ay2h_ .multiValue_uq_zO .removeButton_XB1kt .icon_rk_k1 {
          width: 16px;
          height: 16px; }
        .PhoneSelectField_ah001 .select_Ay2h_ .multiValue_uq_zO .removeButton_XB1kt:hover .icon_rk_k1 {
          fill: #d01406; }
  .PhoneSelectField_ah001 .error_WcIie {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .PhoneSelectField_ah001.isError_vv9_3 .control_qr11r {
    border: 1px solid red !important; }
    .PhoneSelectField_ah001.isError_vv9_3 .control_qr11r.isFocused_zkgxd {
      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_CTXUn {
  line-height: 1.6rem;
  font-size: 1.4rem;
  position: relative;
  width: 100%; }
  .UrlField_CTXUn .label_IgjH8 {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .UrlField_CTXUn .label_IgjH8 span {
      margin: 0 2px;
      font-weight: bold; }
  .UrlField_CTXUn :disabled {
    cursor: not-allowed; }
  .UrlField_CTXUn .inputWrapper_Plows {
    position: relative; }
  .UrlField_CTXUn .inputControl_xndL2 {
    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_CTXUn .inputControl_xndL2:focus {
      border: 1px solid #5babfb; }
  .UrlField_CTXUn .dropdown_PjeaT {
    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_CTXUn .dropdown_PjeaT:hover {
      cursor: pointer; }
    .UrlField_CTXUn .dropdown_PjeaT.open_SPWYA {
      z-index: 2;
      background: #fff; }
  .UrlField_CTXUn input[disabled] + .dropdown_PjeaT:hover {
    cursor: default; }
    .UrlField_CTXUn input[disabled] + .dropdown_PjeaT:hover .dropdownButton_cZWNE {
      background-color: transparent; }
  .UrlField_CTXUn .dropdownButton_cZWNE {
    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_CTXUn .dropdownButton_cZWNE:hover {
      background-color: #ededed;
      background-image: linear-gradient(#f7f7f7, #dedede); }
    .UrlField_CTXUn .dropdownButton_cZWNE .typeLabel_oWLyr {
      margin-right: 12px;
      color: #5c5c5c; }
    .UrlField_CTXUn .dropdownButton_cZWNE .arrow_fPsFN {
      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_CTXUn .dropdownButton_cZWNE .arrow_fPsFN.up_Sy22F {
        border-top: none;
        border-bottom: 4px solid #5c5c5c; }
  .UrlField_CTXUn .dropdownList_OvW5m {
    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_CTXUn .dropdownList_OvW5m .dropdownItem_Z3Cr7 {
      position: static;
      position: initial;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 7px 11px; }
      .UrlField_CTXUn .dropdownList_OvW5m .dropdownItem_Z3Cr7:hover {
        background-color: #f0f0f0; }
      .UrlField_CTXUn .dropdownList_OvW5m .dropdownItem_Z3Cr7.isPicked_k3A2t {
        background-color: #e6e6e6; }
    .UrlField_CTXUn .dropdownList_OvW5m .optionLabel_vV7fv {
      margin-right: 6px; }
  .UrlField_CTXUn .addButton_ih33h {
    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_CTXUn .addButton_ih33h .icon__9tu9 {
      width: 18px;
      height: 18px;
      fill: white; }
    .UrlField_CTXUn .addButton_ih33h.isActive_DcgQZ {
      background-color: #bc1206;
      cursor: pointer; }
    .UrlField_CTXUn .addButton_ih33h:hover {
      background-color: #b3b3b3; }
      .UrlField_CTXUn .addButton_ih33h:hover.isActive_DcgQZ {
        background-color: #d01406; }
  .UrlField_CTXUn .isHidden_v2xvN {
    display: none; }
  .UrlField_CTXUn .error_uimTQ {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .UrlField_CTXUn.hasError_q8RKf .inputControl_xndL2 {
    border: 1px solid red !important; }
    .UrlField_CTXUn.hasError_q8RKf .inputControl_xndL2.isFocused_eP4Vd {
      border: 1px solid red !important; }
  .UrlField_CTXUn.hasError_q8RKf .dropdown_PjeaT {
    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_DalNf {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .UrlSelectField_DalNf .label_q23fI {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .UrlSelectField_DalNf .label_q23fI span {
      margin: 0 2px;
      font-weight: bold; }
  .UrlSelectField_DalNf .select_ARAXh {
    font-size: 14px; }
    .UrlSelectField_DalNf .select_ARAXh .control_X4YqH {
      outline: 0 !important; }
    .UrlSelectField_DalNf .select_ARAXh .control_X4YqH {
      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_DalNf .select_ARAXh .control_X4YqH.isFocused_eOGZQ {
        border: 1px solid #5babfb; }
      .UrlSelectField_DalNf .select_ARAXh .control_X4YqH input {
        display: none; }
    .UrlSelectField_DalNf .select_ARAXh .clearIndicator_CH5GF {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .UrlSelectField_DalNf .select_ARAXh .clearIndicator_CH5GF .icon_lrkQw {
        width: 22px;
        height: 22px; }
      .UrlSelectField_DalNf .select_ARAXh .clearIndicator_CH5GF:hover .icon_lrkQw {
        fill: #d01406; }
    .UrlSelectField_DalNf .select_ARAXh .multiValue_kWnzy {
      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_DalNf .select_ARAXh .multiValue_kWnzy:first-child {
        margin-top: 8px; }
      .UrlSelectField_DalNf .select_ARAXh .multiValue_kWnzy + .multiValue_kWnzy {
        margin-top: -12px; }
      .UrlSelectField_DalNf .select_ARAXh .multiValue_kWnzy .typeText_jjb7r {
        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_DalNf .select_ARAXh .multiValue_kWnzy a, .UrlSelectField_DalNf .select_ARAXh .multiValue_kWnzy .labelText_JSACU {
        min-width: 0;
        height: 30px;
        line-height: 30px;
        padding-right: 10px;
        cursor: pointer;
        overflow: hidden;
        color: #3b40ce; }
      .UrlSelectField_DalNf .select_ARAXh .multiValue_kWnzy .removeButton_KR_mW {
        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_DalNf .select_ARAXh .multiValue_kWnzy .removeButton_KR_mW:hover {
          background-color: white; }
        .UrlSelectField_DalNf .select_ARAXh .multiValue_kWnzy .removeButton_KR_mW .icon_lrkQw {
          width: 16px;
          height: 16px; }
        .UrlSelectField_DalNf .select_ARAXh .multiValue_kWnzy .removeButton_KR_mW:hover .icon_lrkQw {
          fill: #d01406; }
  .UrlSelectField_DalNf .error_l0cfN {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .UrlSelectField_DalNf.isError_nyiRI .control_X4YqH {
    border: 1px solid red !important; }
    .UrlSelectField_DalNf.isError_nyiRI .control_X4YqH.isFocused_eOGZQ {
      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_Npgue {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal; }
  .SelectField_Npgue .label_P1EUA {
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .SelectField_Npgue .label_P1EUA span {
      margin: 0 2px;
      font-weight: bold; }
  .SelectField_Npgue .select_Agn8O {
    font-size: 14px; }
    .SelectField_Npgue .select_Agn8O .control_J2wFD {
      outline: 0 !important; }
    .SelectField_Npgue .select_Agn8O .control_J2wFD {
      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_Npgue .select_Agn8O .control_J2wFD.isFocused_j_tey {
        border: 1px solid #5babfb; }
    .SelectField_Npgue .select_Agn8O .indicatorSeparator_Vv5qA {
      width: 1px;
      align-self: stretch;
      background-color: #adadad; }
    .SelectField_Npgue .select_Agn8O .clearIndicator_Pffk5 {
      display: flex;
      align-items: flex-start;
      align-self: start;
      min-height: 100%;
      padding: 9px 7px 5px 7px;
      cursor: pointer; }
      .SelectField_Npgue .select_Agn8O .clearIndicator_Pffk5 .icon_HKMLm {
        width: 22px;
        height: 22px; }
      .SelectField_Npgue .select_Agn8O .clearIndicator_Pffk5:hover .icon_HKMLm {
        fill: #d01406; }
    .SelectField_Npgue .select_Agn8O .dropdownIndicator_cg6zS {
      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_Npgue .select_Agn8O .dropdownIndicator_cg6zS .icon_HKMLm {
        width: 22px;
        height: 22px; }
      .SelectField_Npgue .select_Agn8O .dropdownIndicator_cg6zS:hover {
        background-image: linear-gradient(#f7f7f7, #dedede); }
        .SelectField_Npgue .select_Agn8O .dropdownIndicator_cg6zS:hover .icon_HKMLm {
          fill: black; }
    .SelectField_Npgue .select_Agn8O .menu_RbGp8 {
      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_Npgue .select_Agn8O .menuList_Ct_oc {
      position: relative;
      max-height: 300px;
      padding-top: 6px;
      padding-bottom: 6px;
      overflow-y: auto; }
    .SelectField_Npgue .select_Agn8O .option_jZzuu {
      -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_Npgue .select_Agn8O .option_jZzuu.isCourse_YTQjq {
        background-color: #ebf6ff; }
      .SelectField_Npgue .select_Agn8O .option_jZzuu.isFocused_j_tey {
        color: #292929;
        background-color: #bedefd; }
      .SelectField_Npgue .select_Agn8O .option_jZzuu.isSelected_QP0UY {
        color: #292929;
        background-color: #a1cffd; }
      .SelectField_Npgue .select_Agn8O .option_jZzuu.isDisabled_nOlHz {
        color: #b3b3b3;
        background-color: #f2f2f2; }
      .SelectField_Npgue .select_Agn8O .option_jZzuu .privacy_WsNCL {
        position: absolute;
        top: 0;
        left: 6px;
        height: 32px;
        display: flex;
        align-items: center; }
        .SelectField_Npgue .select_Agn8O .option_jZzuu .privacy_WsNCL .icon_HKMLm {
          width: 10px;
          height: 10px; }
    .SelectField_Npgue .select_Agn8O .multiValue_AlWNn {
      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_Npgue .select_Agn8O .multiValue_AlWNn .privacy_WsNCL {
        display: flex;
        align-items: center;
        margin-right: 4px; }
        .SelectField_Npgue .select_Agn8O .multiValue_AlWNn .privacy_WsNCL .icon_HKMLm {
          width: 12px;
          height: 12px; }
      .SelectField_Npgue .select_Agn8O .multiValue_AlWNn .labelText_lslFS {
        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_Npgue .select_Agn8O .multiValue_AlWNn .removeButton_wfcf6 {
        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_Npgue .select_Agn8O .multiValue_AlWNn .removeButton_wfcf6:hover {
          border-left-color: #c4c4c4;
          background-color: #f7f7f7; }
        .SelectField_Npgue .select_Agn8O .multiValue_AlWNn .removeButton_wfcf6 .icon_HKMLm {
          width: 16px;
          height: 16px; }
        .SelectField_Npgue .select_Agn8O .multiValue_AlWNn .removeButton_wfcf6:hover .icon_HKMLm {
          fill: #d01406; }
      .SelectField_Npgue .select_Agn8O .multiValue_AlWNn.isCourseType_I6qOy {
        color: #052057;
        border-color: #749edc;
        background-color: #f5fbff; }
    .SelectField_Npgue .select_Agn8O input {
      min-width: 0;
      max-width: 200px;
      margin-left: 2px; }
  .SelectField_Npgue .error_NpMz5 {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .SelectField_Npgue.isError_IeeTX .control_J2wFD {
    border: 1px solid red !important; }
    .SelectField_Npgue.isError_IeeTX .control_J2wFD.isFocused_j_tey {
      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_cpbTs {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px; }
  .PictButton_cpbTs .icon_mjh10 {
    width: 26px;
    height: 26px;
    margin-top: 1px;
    fill: #5c5c5c; }
  .PictButton_cpbTs:focus {
    box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
  .PictButton_cpbTs:hover.isDisabled_Meold .icon_mjh10 {
    fill: #cccccc !important; }
  .PictButton_cpbTs:active.isDisabled_Meold {
    background-image: linear-gradient(#ebebeb, #dbdbdb); }
  .PictButton_cpbTs .badgeText_I7xS9 {
    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_cpbTs .qtyText_fhOMV {
    position: absolute;
    top: 1px;
    right: 1px;
    left: 0;
    text-align: center;
    font-size: 9px;
    color: #d01406; }
  .PictButton_cpbTs.isDisabled_Meold {
    background-image: linear-gradient(#e6e6e6, #e0e0e0) !important; }
  .PictButton_cpbTs.isDisabled_Meold {
    cursor: not-allowed;
    color: #9c9c9c;
    border-color: #c7c7c7;
    opacity: 0.6; }
    .PictButton_cpbTs.isDisabled_Meold .icon_mjh10 {
      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_X6E_D {
  position: relative;
  margin: 12px -12px;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  background-color: #f0f0f0;
  overflow: hidden; }
  .CodeBlock_X6E_D .language_gti62 {
    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_X6E_D pre {
    padding: 12px 12px;
    overflow-x: scroll;
    word-wrap: normal; }
  .CodeBlock_X6E_D 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_iITBo {
  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_iITBo .icon_O4yQt {
    width: 20px;
    height: 20px;
    fill: #e6e6e6; }
  .RichIcon_iITBo.isActive_ra2Ds {
    background: 0;
    color: white;
    box-shadow: 0 2px 0 0 #d01406; }
    .RichIcon_iITBo.isActive_ra2Ds .icon_O4yQt {
      fill: white; }
  .RichIcon_iITBo:hover {
    color: yellow; }
    .RichIcon_iITBo:hover .icon_O4yQt {
      fill: yellow; }
  .RichIcon_iITBo.isDisabled_d1ofF {
    cursor: not-allowed;
    color: #b3b3b3; }
    .RichIcon_iITBo.isDisabled_d1ofF .icon_O4yQt {
      fill: #b3b3b3; }
  .RichIcon_iITBo:first-child {
    width: 45px;
    border-radius: 5px 0 0 5px; }
  .RichIcon_iITBo:last-child {
    width: 45px;
    border-radius: 0 5px 5px 0; }

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

.Toolbar_L8Ey_ {
  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_anOna 160ms forwards linear; }
  .Toolbar_L8Ey_:after {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    content: " "; }
  .Toolbar_L8Ey_.isTop_ium7A:after {
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: black transparent transparent transparent; }
  .Toolbar_L8Ey_.isBottom_bWCn7:after {
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent black transparent; }
  .Toolbar_L8Ey_ .toolbarDivider_V6jOq {
    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_fjyXB {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  word-break: break-word; }
  .RichEditor_fjyXB .placeholder_ZCqH0 {
    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_fjyXB h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_fjyXB h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0.8em 0; }
  .RichEditor_fjyXB h3 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 1em 0; }
  .RichEditor_fjyXB h4 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 1.2em 0; }
  .RichEditor_fjyXB h5 {
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_fjyXB h6 {
    font-size: 0.65em;
    line-height: 1.3em;
    margin: 0.6em 0; }
  .RichEditor_fjyXB a {
    color: #2470db; }
    .RichEditor_fjyXB a:visited {
      color: #474bc2; }
    .RichEditor_fjyXB a:hover {
      text-decoration: underline; }
  .RichEditor_fjyXB ul, .RichEditor_fjyXB ol {
    margin: 8px 20px; }
  .RichEditor_fjyXB ul {
    list-style-type: disc; }
  .RichEditor_fjyXB ol {
    list-style-type: decimal; }
  .RichEditor_fjyXB li + li {
    margin-top: 2px; }
  .RichEditor_fjyXB 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_t5V3h {
  width: 100%;
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: normal; }
  .RichField_t5V3h .label_cq1rX {
    position: relative;
    margin: 2px 3px 2px 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070; }
    .RichField_t5V3h .label_cq1rX span {
      margin: 0 2px;
      font-weight: bold; }
    .RichField_t5V3h .label_cq1rX .markdownButton_olcsU {
      position: absolute;
      top: 3px;
      right: -5px;
      width: 26px;
      height: 26px; }
      .RichField_t5V3h .label_cq1rX .markdownButton_olcsU .icon_x6stM {
        fill: #8f8f8f; }
        .RichField_t5V3h .label_cq1rX .markdownButton_olcsU .icon_x6stM:hover {
          fill: #439d46; }
  .RichField_t5V3h .editor_mKUt2 {
    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_t5V3h .editor_mKUt2:focus {
      border: 1px solid #5babfb; }
    .RichField_t5V3h .editor_mKUt2 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_t5V3h .error_KYJzA {
    margin: 2px 3px 2px 4px;
    font-style: italic;
    line-height: 18px;
    color: red; }
  .RichField_t5V3h.isError_ZH6UE .editor_mKUt2 {
    border: 1px solid red;
    color: red; }
    .RichField_t5V3h.isError_ZH6UE .editor_mKUt2:focus {
      border: 1px solid red; }
  .RichField_t5V3h.isDisabled_m9USR .editor_mKUt2 {
    background-color: transparent !important; }
  .RichField_t5V3h.isDisabled_m9USR .editor_mKUt2 {
    border: 1px solid #cccccc; }
    .RichField_t5V3h.isDisabled_m9USR .editor_mKUt2: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_E0lH6 {
  position: absolute;
  display: flex;
  right: 16px;
  bottom: 20px;
  cursor: pointer; }
  .PlusButton_E0lH6 .container_TMSMQ {
    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_E0lH6 .icon_omEky {
    width: 24px;
    height: 24px;
    fill: white; }
  .PlusButton_E0lH6:hover .container_TMSMQ {
    background-color: #e41607;
    background-image: linear-gradient(#fa3e05, #f04b19); }
  @media screen and (max-width: 1228px) {
    .PlusButton_E0lH6 {
      display: none; } }
  @media print {
    .PlusButton_E0lH6 {
      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_LMOsC {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 3990px; }
  @media screen and (max-width: 4154px) {
    .AdaptiveWrapper_LMOsC {
      width: 3458px; } }
  @media screen and (max-width: 3888px) {
    .AdaptiveWrapper_LMOsC {
      width: 3192px; } }
  @media screen and (max-width: 3622px) {
    .AdaptiveWrapper_LMOsC {
      width: 2926px; } }
  @media screen and (max-width: 3356px) {
    .AdaptiveWrapper_LMOsC {
      width: 2660px; } }
  @media screen and (max-width: 3090px) {
    .AdaptiveWrapper_LMOsC {
      width: 2394px; } }
  @media screen and (max-width: 2824px) {
    .AdaptiveWrapper_LMOsC {
      width: 2128px; } }
  @media screen and (max-width: 2558px) {
    .AdaptiveWrapper_LMOsC {
      width: 1862px; } }
  @media screen and (max-width: 2292px) {
    .AdaptiveWrapper_LMOsC {
      width: 1596px; } }
  @media screen and (max-width: 2026px) {
    .AdaptiveWrapper_LMOsC {
      width: 1330px; } }
  @media screen and (max-width: 1760px) {
    .AdaptiveWrapper_LMOsC {
      width: 1064px; } }
  @media screen and (max-width: 1494px) {
    .AdaptiveWrapper_LMOsC {
      width: 798px; } }
  @media screen and (max-width: 1228px) {
    .AdaptiveWrapper_LMOsC {
      width: 532px; } }
  @media screen and (max-width: 962px) {
    .AdaptiveWrapper_LMOsC {
      width: 266px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-wrapper .AdaptiveWrapper_LMOsC {
  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_jmQXK {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  @media print {
    .ScrollWrapper_jmQXK {
      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_LxBvU {
    opacity: 0; }
  #modal.entered_YGMel {
    transition: 60ms ease-out;
    opacity: 1; }
  #modal.leaving_KHcbF {
    opacity: 1; }
  #modal.leaved_HJaCe {
    transition: 60ms ease-out;
    opacity: 0; }
  #modal .closeButton_wjbrP {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px;
    background: 0; }
    #modal .closeButton_wjbrP .icon_kydEn {
      width: 26px;
      height: 26px; }
    #modal .closeButton_wjbrP: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_wjbrP:hover .icon_kydEn {
        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__I_Xh {
  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__I_Xh.entering_PYoSV {
    opacity: 0; }
  .MobileMenu__I_Xh.entered_bOBcl {
    transition: 60ms ease-in;
    opacity: 1; }
  .MobileMenu__I_Xh.leaving_FbtqD {
    opacity: 1; }
  .MobileMenu__I_Xh.leaved_fK0RO {
    transition: 250ms ease-in-out;
    opacity: 0; }

.MobileMenu__I_Xh > * {
  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__I_Xh > *:hover {
    background-color: white;
    color: #d01406; }
    .MobileMenu__I_Xh > *:hover .menuIcon_GTvnD {
      fill: #d01406; }
  .MobileMenu__I_Xh > * .menuIcon_GTvnD {
    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_SdHMd {
  -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_SdHMd .leftWrapper_sYPNb {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .MobileNavbar_SdHMd .middleWrapper_EXwTa {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  .MobileNavbar_SdHMd .rightWrapper_E46QI {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .MobileNavbar_SdHMd .systemButton_kzP56,
  .MobileNavbar_SdHMd .logoButton_VMgsH,
  .MobileNavbar_SdHMd .iconButton_dcRYP,
  .MobileNavbar_SdHMd .closeButton_QjVwj,
  .MobileNavbar_SdHMd .loginButton_ov2jW {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    background-color: white;
    cursor: pointer; }
  .MobileNavbar_SdHMd .systemButton_kzP56 {
    width: 44px;
    padding: 10px;
    border-right: 1px solid #e0e0e0; }
    .MobileNavbar_SdHMd .systemButton_kzP56 .icon_I8sMp {
      width: 24px;
      height: 24px; }
    .MobileNavbar_SdHMd .systemButton_kzP56:hover .icon_I8sMp {
      fill: #d01406; }
    .MobileNavbar_SdHMd .systemButton_kzP56:focus {
      background-color: #fafafa !important; }
    .MobileNavbar_SdHMd .systemButton_kzP56:focus {
      box-shadow: none; }
  .MobileNavbar_SdHMd .logoButton_VMgsH {
    position: relative;
    padding-left: 2px; }
    .MobileNavbar_SdHMd .logoButton_VMgsH .logoIcon_Xh6Dq {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-right: 1px; }
    .MobileNavbar_SdHMd .logoButton_VMgsH .logoWrapper_IaqGg {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 122px;
      height: 44px;
      overflow: hidden; }
    .MobileNavbar_SdHMd .logoButton_VMgsH .logoText_ljSiy {
      width: 122px;
      height: 38px; }
    .MobileNavbar_SdHMd .logoButton_VMgsH .accountTypeName_WQ2iW {
      position: absolute;
      left: 143px;
      top: 9px;
      font-size: 6px;
      font-weight: bold;
      text-transform: uppercase;
      color: #d01406; }
  .MobileNavbar_SdHMd .loginButton_ov2jW {
    padding: 0 20px; }
    .MobileNavbar_SdHMd .loginButton_ov2jW .icon_I8sMp {
      width: 24px;
      height: 24px;
      margin-right: 2px; }
    .MobileNavbar_SdHMd .loginButton_ov2jW span {
      padding-left: 3px;
      line-height: 15px;
      font-size: 15px; }
    .MobileNavbar_SdHMd .loginButton_ov2jW:hover .icon_I8sMp {
      fill: #d01406; }
    .MobileNavbar_SdHMd .loginButton_ov2jW:hover span {
      color: #d01406; }
  .MobileNavbar_SdHMd .iconButton_dcRYP {
    width: 44px; }
    .MobileNavbar_SdHMd .iconButton_dcRYP .icon_I8sMp {
      width: 28px;
      height: 28px; }
    .MobileNavbar_SdHMd .iconButton_dcRYP:hover .icon_I8sMp {
      fill: #d01406; }
  .MobileNavbar_SdHMd .closeButton_QjVwj {
    width: 44px;
    padding: 9px; }
    .MobileNavbar_SdHMd .closeButton_QjVwj .icon_I8sMp {
      width: 26px;
      height: 26px; }
    .MobileNavbar_SdHMd .closeButton_QjVwj:hover .icon_I8sMp {
      fill: #d01406; }

@media print {
  .MobileNavbar_SdHMd {
    height: 56px; }
    .MobileNavbar_SdHMd .leftWrapper_sYPNb,
    .MobileNavbar_SdHMd .loginButton_ov2jW,
    .MobileNavbar_SdHMd .closeButton_QjVwj {
      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_kAnNY {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%; }
  .Avatar_kAnNY .defaultIcon_xtCx9 {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid white; }
  .Avatar_kAnNY .largeImage_DvRww {
    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_kAnNY .smallImage_lJRyU {
    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_kAnNY .presenceStatus_eM0XE {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: thin solid white; }
    .Avatar_kAnNY .presenceStatus_eM0XE.online_oIDOQ {
      background-color: #00E600; }
    .Avatar_kAnNY .presenceStatus_eM0XE.offline_GB176 {
      background-color: #b3b3b3; }
  .Avatar_kAnNY .badgeText_ijD20 {
    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_Urf3r {
  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_Urf3r: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_Urf3r .wrapper_Gy2Iy {
    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_ydXd_ {
      right: 417px !important; } }

.DesktopNavbar_iO8Yo {
  -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_iO8Yo .leftWrapper_wpXls {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 950; }
  .DesktopNavbar_iO8Yo .middleWrapper_Owtfk {
    width: 100%;
    height: 100%;
    will-change: right;
    transition: right .3s ease-out; }
  .DesktopNavbar_iO8Yo .rightWrapper_OXW8B {
    position: fixed;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    height: 46px;
    box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.2);
    z-index: 950; }
  .DesktopNavbar_iO8Yo .systemButton_Pnt1U,
  .DesktopNavbar_iO8Yo .logoButton_WOfco,
  .DesktopNavbar_iO8Yo .loginButton_UsIiE,
  .DesktopNavbar_iO8Yo .sidebarButton_hWHgR {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 47px;
    cursor: pointer; }
  .DesktopNavbar_iO8Yo .popupMenu_PTlqe {
    position: absolute;
    left: 10px;
    top: 52px;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.3); }
    .DesktopNavbar_iO8Yo .popupMenu_PTlqe:before {
      left: 10px;
      right: auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 0 0 16px;
      border-color: transparent transparent transparent white; }
    .DesktopNavbar_iO8Yo .popupMenu_PTlqe ul {
      flex-direction: column; }
    .DesktopNavbar_iO8Yo .popupMenu_PTlqe 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_iO8Yo .popupMenu_PTlqe li:first-child {
        margin: 4px 0 0 0;
        border-top: 0; }
      .DesktopNavbar_iO8Yo .popupMenu_PTlqe li:last-child {
        margin: 0 0 4px 0;
        border-bottom: 0; }
    .DesktopNavbar_iO8Yo .popupMenu_PTlqe span {
      display: block;
      height: 1px;
      margin: 4px 0 3px 0;
      border-bottom: 1px solid #e0e0e0; }
    .DesktopNavbar_iO8Yo .popupMenu_PTlqe a, .DesktopNavbar_iO8Yo .popupMenu_PTlqe p {
      display: block;
      min-width: 194px;
      margin: 0;
      border: 0;
      border-left: 2px solid white;
      padding: 12px 30px 12px 44px;
      text-align: left;
      color: #363636; }
      .DesktopNavbar_iO8Yo .popupMenu_PTlqe a:hover, .DesktopNavbar_iO8Yo .popupMenu_PTlqe p:hover {
        border-left-color: #d01406;
        background-image: linear-gradient(#f0f0f0, #f0f0f0); }
      .DesktopNavbar_iO8Yo .popupMenu_PTlqe a:active, .DesktopNavbar_iO8Yo .popupMenu_PTlqe p:active {
        border-left-color: #d01406;
        background-image: linear-gradient(#e6e6e6, #e6e6e6); }
      .DesktopNavbar_iO8Yo .popupMenu_PTlqe a svg, .DesktopNavbar_iO8Yo .popupMenu_PTlqe p svg {
        fill: #5c5c5c; }
    .DesktopNavbar_iO8Yo .popupMenu_PTlqe .popupIcon_N2P1m {
      position: absolute;
      top: 9px;
      left: 16px;
      width: 20px;
      height: 20px; }
  .DesktopNavbar_iO8Yo .systemButton_Pnt1U {
    width: 46px;
    border-right: 1px solid #e0e0e0;
    background-color: white;
    background-image: linear-gradient(white, #fafafa); }
    .DesktopNavbar_iO8Yo .systemButton_Pnt1U .icon_JmNjF {
      width: 22px;
      height: 22px; }
    .DesktopNavbar_iO8Yo .systemButton_Pnt1U:hover {
      background-image: linear-gradient(#fcfcfc, whitesmoke); }
      .DesktopNavbar_iO8Yo .systemButton_Pnt1U:hover .icon_JmNjF {
        fill: #d01406; }
  .DesktopNavbar_iO8Yo .systemMenuWrapper_Eq5Hq {
    position: relative; }
  .DesktopNavbar_iO8Yo .logoButton_WOfco {
    padding-left: 8px;
    height: 47px; }
    .DesktopNavbar_iO8Yo .logoButton_WOfco.isActive_OxL_b {
      box-shadow: 0 14px 26px -20px #999999; }
    .DesktopNavbar_iO8Yo .logoButton_WOfco:hover {
      box-shadow: 0 14px 20px -18px #999999; }
    .DesktopNavbar_iO8Yo .logoButton_WOfco .logoIcon_kZPK3 {
      display: inline-block;
      width: 35px;
      height: 35px;
      margin-left: 8px; }
    .DesktopNavbar_iO8Yo .logoButton_WOfco .logoWrapper_Ir5GX {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 160px;
      height: 47px;
      margin-left: 2px; }
    .DesktopNavbar_iO8Yo .logoButton_WOfco .logoText_SvBHp {
      width: 128px;
      height: 40px; }
    .DesktopNavbar_iO8Yo .logoButton_WOfco .accountTypeName__A2Kr {
      position: absolute;
      left: 117px;
      top: 9px;
      font-size: 6px;
      font-weight: bold;
      text-transform: uppercase;
      color: #d01406; }
  .DesktopNavbar_iO8Yo .tabsWrapper_Jg5V1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%; }
    .DesktopNavbar_iO8Yo .tabsWrapper_Jg5V1 ul {
      display: flex;
      height: 100%; }
    .DesktopNavbar_iO8Yo .tabsWrapper_Jg5V1 li {
      height: 100%;
      width: 100%;
      margin-right: 1px; }
    .DesktopNavbar_iO8Yo .tabsWrapper_Jg5V1 .pricingTab_ag3b3 {
      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_iO8Yo .tabsWrapper_Jg5V1 .pricingTab_ag3b3 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_iO8Yo .tabsWrapper_Jg5V1 .pricingTab_ag3b3.isActive_OxL_b {
        background-color: #f2fff0;
        box-shadow: 0 2px 0 0 #d01406; }
      .DesktopNavbar_iO8Yo .tabsWrapper_Jg5V1 .pricingTab_ag3b3:hover {
        background-color: #eaffe6;
        box-shadow: 0 2px 0 0 #d01406; }
  .DesktopNavbar_iO8Yo .myTab_mxaRn,
  .DesktopNavbar_iO8Yo .iconTab_dPUov {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 48px;
    border-bottom: 2px solid rgba(0, 0, 0, 0); }
    .DesktopNavbar_iO8Yo .myTab_mxaRn:hover,
    .DesktopNavbar_iO8Yo .iconTab_dPUov:hover {
      border-bottom: 2px solid #d01406;
      background-color: whitesmoke; }
      .DesktopNavbar_iO8Yo .myTab_mxaRn:hover .icon_JmNjF,
      .DesktopNavbar_iO8Yo .iconTab_dPUov:hover .icon_JmNjF {
        fill: #d01406; }
    .DesktopNavbar_iO8Yo .myTab_mxaRn.isActive_OxL_b,
    .DesktopNavbar_iO8Yo .iconTab_dPUov.isActive_OxL_b {
      border-bottom-color: #d01406;
      background-color: #f7f7f7; }
    .DesktopNavbar_iO8Yo .myTab_mxaRn .badgeText_Y7h_Z,
    .DesktopNavbar_iO8Yo .iconTab_dPUov .badgeText_Y7h_Z {
      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_iO8Yo .myTab_mxaRn .icon_JmNjF,
    .DesktopNavbar_iO8Yo .iconTab_dPUov .icon_JmNjF {
      width: 24px;
      height: 24px; }
  .DesktopNavbar_iO8Yo .myAvatar_cTuNF {
    border-radius: 0;
    width: 34px;
    height: 34px; }
    .DesktopNavbar_iO8Yo .myAvatar_cTuNF img {
      width: 34px;
      height: 34px; }
  .DesktopNavbar_iO8Yo .addMenuWrapper_Qfpxl {
    position: relative; }
    .DesktopNavbar_iO8Yo .addMenuWrapper_Qfpxl .popupMenu_PTlqe {
      left: -150px; }
      .DesktopNavbar_iO8Yo .addMenuWrapper_Qfpxl .popupMenu_PTlqe:before {
        left: auto;
        left: initial;
        right: 10px; }
  .DesktopNavbar_iO8Yo .addButton_IBH64 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    cursor: pointer; }
    .DesktopNavbar_iO8Yo .addButton_IBH64 .icon_JmNjF {
      width: 24px;
      height: 24px; }
    .DesktopNavbar_iO8Yo .addButton_IBH64:hover {
      border-bottom: 2px solid #d01406;
      background-color: whitesmoke; }
      .DesktopNavbar_iO8Yo .addButton_IBH64:hover .icon_JmNjF {
        fill: #d01406; }
    .DesktopNavbar_iO8Yo .addButton_IBH64.isButtonActive_rOrX4 {
      border-bottom: 2px solid #d01406; }
  .DesktopNavbar_iO8Yo .pricingButton_Fs6sF {
    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_iO8Yo .pricingButton_Fs6sF .icon_JmNjF {
      width: 22px;
      height: 22px;
      fill: #5c9dd6;
      margin-right: 4px; }
    .DesktopNavbar_iO8Yo .pricingButton_Fs6sF span {
      line-height: 15px;
      font-size: 14px;
      font-weight: 700; }
    .DesktopNavbar_iO8Yo .pricingButton_Fs6sF.isActive_OxL_b {
      height: 46px;
      box-shadow: 0 2px 0 0 #a0c4ee; }
    .DesktopNavbar_iO8Yo .pricingButton_Fs6sF:hover {
      background-image: linear-gradient(0deg, #c2e7ff, 10%, white); }
  .DesktopNavbar_iO8Yo .loginButton_UsIiE {
    height: 49px;
    padding: 0 34px 0 16px;
    border-radius: 8px 0 0 8px;
    border-left: 1px solid #add2eb;
    background-color: #ccebff;
    background-image: linear-gradient(15deg, #a3d9ff, #ccf0ff); }
    .DesktopNavbar_iO8Yo .loginButton_UsIiE .icon_JmNjF {
      width: 24px;
      height: 24px;
      fill: #43a1d0; }
    .DesktopNavbar_iO8Yo .loginButton_UsIiE span {
      padding-left: 6px;
      line-height: 15px;
      font-size: 14px;
      font-weight: 700; }
    .DesktopNavbar_iO8Yo .loginButton_UsIiE:hover {
      background-color: #b3e0ff;
      background-image: linear-gradient(15deg, #8fd2ff, #e0fbff); }
  .DesktopNavbar_iO8Yo .sidebarButton_hWHgR {
    width: 46px;
    height: 48px;
    border-left: 1px solid #e0e0e0;
    background-color: white;
    box-shadow: 0 1px 0 0 #e0e0e0;
    background-image: linear-gradient(white, #fafafa); }
    .DesktopNavbar_iO8Yo .sidebarButton_hWHgR .icon_JmNjF {
      width: 28px;
      height: 28px; }
    .DesktopNavbar_iO8Yo .sidebarButton_hWHgR:hover {
      background-image: linear-gradient(#fcfcfc, whitesmoke); }
      .DesktopNavbar_iO8Yo .sidebarButton_hWHgR:hover .icon_JmNjF {
        fill: #d01406; }

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

@media print {
  #app > header {
    right: 0 !important; }
  #app > header.isSidebarOpen_ydXd_ {
    right: 0 !important; }
  .loginButton_UsIiE {
    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_ZupHI {
  height: 100%;
  z-index: 300; }
  .SubmodalLayer_ZupHI.entering_m1B3i {
    opacity: 0; }
  .SubmodalLayer_ZupHI.entered_sxVw3 {
    transition: 60ms ease-out;
    opacity: 1; }
  .SubmodalLayer_ZupHI.leaving_xKBV4 {
    opacity: 1; }
  .SubmodalLayer_ZupHI.leaved_WBdgE {
    transition: 60ms ease-out;
    opacity: 0; }
  .SubmodalLayer_ZupHI .submodalWrapper_J864U {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: rgba(179, 179, 179, 0.3);
    z-index: 300; }
  .SubmodalLayer_ZupHI .closeButton_EsA3u {
    position: absolute;
    top: 0;
    padding: 8px 8px;
    background: 0;
    cursor: pointer;
    right: 1px;
    border-radius: 0 0 0 6px; }
    .SubmodalLayer_ZupHI .closeButton_EsA3u .icon_qK3vg {
      width: 28px;
      height: 28px;
      fill: #5c5c5c; }
    .SubmodalLayer_ZupHI .closeButton_EsA3u:hover {
      box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .SubmodalLayer_ZupHI .closeButton_EsA3u:hover .icon_qK3vg {
        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_lKEu0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
  .Grade_lKEu0 .title__t6Ny {
    margin-right: 4px;
    font-size: 15px;
    color: #a36e29; }
  .Grade_lKEu0 .icon_NoM8G {
    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_MY48Z {
  -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_cAHRE {
  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_cAHRE 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_cAHRE .gradeWrapper_XOTIq {
    max-height: calc(95vh - 140px);
    overflow: scroll; }
  .CreateGradeMessage_cAHRE .gradeList_KFLFL {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px 90px 24px;
    overflow: scroll; }
    .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo {
      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_cAHRE .gradeList_KFLFL .gradeItem_H9CVo:hover {
        background-color: whitesmoke; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .title_e_Z5P {
        position: absolute;
        left: 40px;
        width: 50px;
        text-align: left;
        font-size: 14px;
        line-height: 14px;
        color: #292929; }
        .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .title_e_Z5P span {
          position: absolute;
          right: 20px; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .grade_rn6PU {
        display: block;
        margin-left: 80px; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo.isSelected_Nq611 {
        background-color: #ffecb8; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo:nth-child(3), .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo:nth-child(6), .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo:nth-child(9) {
        border-bottom: 1px dashed #dbdbdb; }
  .CreateGradeMessage_cAHRE 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_cAHRE p a {
      color: #0078e0; }
  .CreateGradeMessage_cAHRE .controlPanel_ykmDQ {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    align-self: stretch; }
    .CreateGradeMessage_cAHRE .controlPanel_ykmDQ .editorWrapper_sGpP8 {
      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_cAHRE .controlPanel_ykmDQ .editor_rUCb2 {
      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_cAHRE .controlPanel_ykmDQ .editor_rUCb2:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .CreateGradeMessage_cAHRE .controlPanel_ykmDQ .editor_rUCb2:focus {
        border-color: #49ab9b; }
    .CreateGradeMessage_cAHRE .controlPanel_ykmDQ .sendButton_U8d6y {
      position: absolute;
      bottom: 26px;
      right: 27px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .CreateGradeMessage_cAHRE .controlPanel_ykmDQ .sendButton_U8d6y .icon_YrHg2 {
        width: 20px;
        height: 20px;
        fill: white; }
      .CreateGradeMessage_cAHRE .controlPanel_ykmDQ .sendButton_U8d6y:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateGradeMessage_cAHRE .controlPanel_ykmDQ .sendButton_U8d6y:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
  .CreateGradeMessage_cAHRE .formErrorsSection_UndzI {
    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_cAHRE {
      max-width: 380px; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .title_e_Z5P {
        left: 20px; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .grade_rn6PU {
        margin-left: 60px; } }
  @media screen and (max-width: 400px) {
    .CreateGradeMessage_cAHRE {
      max-width: 340px; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .title_e_Z5P {
        left: 10px; }
        .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .title_e_Z5P span {
          right: 26px; }
      .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .grade_rn6PU {
        margin-left: 30px; }
        .CreateGradeMessage_cAHRE .gradeList_KFLFL .gradeItem_H9CVo .grade_rn6PU 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_pfG42 {
  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_pfG42.entering_h3NjV {
    opacity: 0;
    background-color: transparent; }
  .SelectAction_pfG42.entered_fOM48 {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6); }
  .SelectAction_pfG42.leaving_IRbbp {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6); }
  .SelectAction_pfG42.leaved_Qs0T_ {
    opacity: 0;
    background-color: transparent; }
  .SelectAction_pfG42 .container_XOSvZ {
    display: flex;
    flex-direction: column;
    transition: 240ms ease-out; }
  .SelectAction_pfG42 .actions_yirsy {
    display: flex;
    flex-direction: column; }
  .SelectAction_pfG42 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_pfG42 button svg {
      width: 21px;
      height: 21px;
      fill: #525252; }
    .SelectAction_pfG42 button .title_epY1T {
      color: #0d0d0d;
      margin-right: 8px; }
    .SelectAction_pfG42 button .title_epY1T * + p {
      margin-left: 10px; }
    .SelectAction_pfG42 button .description_pVUJ6 {
      font-size: 12px;
      color: #0d0d0d; }
  .SelectAction_pfG42 .actions_yirsy button + button {
    border-top: thin solid #adadad; }
  .SelectAction_pfG42 .actions_yirsy button:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .SelectAction_pfG42 .actions_yirsy button:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .SelectAction_pfG42 .cancelButton_ceWk8 {
    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_pfG42 {
      padding: 15px 24vw; } }
  @media screen and (max-width: 767px) {
    .SelectAction_pfG42 {
      padding: 15px 19vw; } }
  @media screen and (max-width: 620px) {
    .SelectAction_pfG42 {
      padding: 15px 15px; }
      .SelectAction_pfG42 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_cWg5G {
  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_cWg5G: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_cTdt8 {
  -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_E2D2_ {
  position: relative;
  width: 100%;
  max-width: 400px;
  min-height: 120px;
  max-height: 95%;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .CreateMediaMessage_E2D2_ 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_E2D2_ 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_E2D2_ p a {
      color: #0078e0; }
  .CreateMediaMessage_E2D2_ .pictureHolder_H9J7y {
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
    padding: 4px 12px 6px 12px;
    border-radius: 12px 12px 0 0; }
    .CreateMediaMessage_E2D2_ .pictureHolder_H9J7y img {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      border-style: none;
      height: 140px;
      background-color: #d6d6d6; }
  .CreateMediaMessage_E2D2_ .controlPanel_HEvJI {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 50px;
    overflow-x: hidden; }
    .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .editorWrapper_VMY1V {
      padding: 2px 12px 22px 58px; }
    .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .deleteButton_b31gA,
    .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .mediaPicker_OuNpX {
      position: absolute;
      left: 13px;
      bottom: 22px;
      width: 40px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #cccccc;
      background-image: linear-gradient(white, #fafafa); }
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .deleteButton_b31gA .icon_YKKYF,
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .mediaPicker_OuNpX .icon_YKKYF {
        width: 20px;
        height: 20px;
        fill: #8a8a8a; }
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .deleteButton_b31gA:focus,
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .mediaPicker_OuNpX:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .deleteButton_b31gA:hover,
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .mediaPicker_OuNpX:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
        background-image: linear-gradient(#fcfcfc, whitesmoke); }
        .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .deleteButton_b31gA:hover .icon_YKKYF,
        .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .mediaPicker_OuNpX:hover .icon_YKKYF {
          fill: #5c5c5c; }
    .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .editor_m227h {
      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_E2D2_ .controlPanel_HEvJI .editor_m227h:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .editor_m227h:focus {
        border-color: #49ab9b; }
    .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .sendButton_DzS7c {
      position: absolute;
      bottom: 26px;
      right: 17px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .sendButton_DzS7c .icon_YKKYF {
        width: 20px;
        height: 20px;
        fill: white; }
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .sendButton_DzS7c:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .CreateMediaMessage_E2D2_ .controlPanel_HEvJI .sendButton_DzS7c:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
  .CreateMediaMessage_E2D2_ .formErrorsSection_c8ubr {
    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_E2D2_ {
      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_wSius {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px; }
  .Spinner_wSius div {
    width: 8px;
    height: 8px;
    background-color: #0078e0;
    border-radius: 100%;
    transform: scale(1); }
    .Spinner_wSius div + div {
      margin-left: 8px; }
    .Spinner_wSius div:nth-child(1) {
      animation: loader-dot-zooming-in_P_E4d .75s linear infinite alternate; }
    .Spinner_wSius div:nth-child(2) {
      animation: loader-dot-zooming-middle_sZCcN 1.5s linear infinite; }
    .Spinner_wSius div:nth-child(3) {
      animation: loader-dot-zooming-out_ZFPQN .75s linear infinite alternate; }

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

@keyframes loader-dot-zooming-middle_sZCcN {
  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_P_E4d {
  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_wcyUj {
  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_wcyUj header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 24px; }
    .StatusMessage_wcyUj header span {
      font-size: 12px;
      margin-right: 12px;
      margin-left: -8px;
      font-style: italic;
      color: #999999; }
  .StatusMessage_wcyUj .dateTime_fPPzt {
    margin-top: 4px;
    margin-right: 8px;
    font-size: 9px;
    color: #b8b8b8; }
  .StatusMessage_wcyUj .readIcon_D0_oj {
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 11px;
    width: 11px;
    fill: #b8b8b8; }
  .StatusMessage_wcyUj:hover .dateTime_fPPzt {
    color: #999999; }
  .StatusMessage_wcyUj + .StatusMessage_wcyUj {
    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_MtLge {
  -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_MtLge .typeIcon_Kzang {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 40px;
    height: 40px;
    fill: #b8b8b8; }
  .MediaViewer_MtLge .imageHolder_VK646 {
    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_MtLge .imageHolder_VK646 .spinner_bWea7 {
      position: absolute; }
    .MediaViewer_MtLge .imageHolder_VK646 .dragWrapper_ssLyq {
      width: 100%;
      height: 100%;
      cursor: grab; }
    .MediaViewer_MtLge .imageHolder_VK646 .isDrugging_WBW4Z {
      cursor: grabbing; }
    .MediaViewer_MtLge .imageHolder_VK646 .picture_DbLiK {
      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_MtLge .imageHolder_VK646 .picture_DbLiK.isLoaded_M_03w {
        opacity: 1; }
    .MediaViewer_MtLge .imageHolder_VK646 .setDraggableButton_pADRE,
    .MediaViewer_MtLge .imageHolder_VK646 .resetButton_O3DpO {
      fill: #999999;
      position: absolute;
      right: 21px;
      bottom: 200px;
      cursor: pointer; }
      .MediaViewer_MtLge .imageHolder_VK646 .setDraggableButton_pADRE:hover .icon_KM72C,
      .MediaViewer_MtLge .imageHolder_VK646 .resetButton_O3DpO:hover .icon_KM72C {
        fill: #d01406; }
    .MediaViewer_MtLge .imageHolder_VK646 .slider_um7zp {
      position: absolute;
      width: 20px;
      height: 150px;
      bottom: 40px;
      right: 20px; }
  .MediaViewer_MtLge .closeButton_mg4p8 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    background: 0; }
    .MediaViewer_MtLge .closeButton_mg4p8 .icon_KM72C {
      width: 32px;
      height: 32px;
      fill: #d01406; }
    .MediaViewer_MtLge .closeButton_mg4p8:hover {
      border-bottom-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
      .MediaViewer_MtLge .closeButton_mg4p8:hover .icon_KM72C {
        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_Fhxi8 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px; }
  .MessageCommands_Fhxi8 .moreButton_fYyBp {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%; }
    .MessageCommands_Fhxi8 .moreButton_fYyBp:focus {
      background-color: rgba(0, 0, 0, 0.03);
      box-shadow: none; }
    .MessageCommands_Fhxi8 .moreButton_fYyBp .icon_Zwgy7 {
      width: 20px;
      height: 20px;
      fill: rgba(112, 112, 112, 0.4); }
    .MessageCommands_Fhxi8 .moreButton_fYyBp:hover {
      background-color: rgba(153, 153, 153, 0.12);
      -webkit-backdrop-filter: blur(2px);
              backdrop-filter: blur(2px); }
      .MessageCommands_Fhxi8 .moreButton_fYyBp:hover .icon_Zwgy7 {
        fill: #d01406; }
  .MessageCommands_Fhxi8 .popupMenu_aRP0e {
    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_Fhxi8 .popupMenu_aRP0e: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_Fhxi8 .popupMenu_aRP0e ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
    .MessageCommands_Fhxi8 .popupMenu_aRP0e li {
      width: 100%;
      margin-right: 4px; }
      .MessageCommands_Fhxi8 .popupMenu_aRP0e li:last-child {
        margin-right: 0; }
    .MessageCommands_Fhxi8 .popupMenu_aRP0e a, .MessageCommands_Fhxi8 .popupMenu_aRP0e 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_Fhxi8 .popupMenu_aRP0e a .coinIcon_hUx2L, .MessageCommands_Fhxi8 .popupMenu_aRP0e p .coinIcon_hUx2L {
        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_Fhxi8 .popupMenu_aRP0e a .icon_Zwgy7, .MessageCommands_Fhxi8 .popupMenu_aRP0e p .icon_Zwgy7 {
        width: 20px;
        height: 20px;
        fill: #5c5c5c; }
      .MessageCommands_Fhxi8 .popupMenu_aRP0e a:active .coinIcon_hUx2L, .MessageCommands_Fhxi8 .popupMenu_aRP0e a:hover .coinIcon_hUx2L, .MessageCommands_Fhxi8 .popupMenu_aRP0e p:active .coinIcon_hUx2L, .MessageCommands_Fhxi8 .popupMenu_aRP0e p:hover .coinIcon_hUx2L {
        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_Fhxi8 .popupMenu_aRP0e a:active .icon_Zwgy7, .MessageCommands_Fhxi8 .popupMenu_aRP0e a:hover .icon_Zwgy7, .MessageCommands_Fhxi8 .popupMenu_aRP0e p:active .icon_Zwgy7, .MessageCommands_Fhxi8 .popupMenu_aRP0e p:hover .icon_Zwgy7 {
        fill: #d01406; }
  @media print {
    .MessageCommands_Fhxi8 {
      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_hg01w {
  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_hg01w.isUctxChat_IH3Wi {
    min-width: 140px;
    background-color: whitesmoke;
    box-shadow: 0 1px 0 0 #cccccc; }
    .Message_hg01w.isUctxChat_IH3Wi ::-moz-selection {
      background-color: #d6d6d6; }
    .Message_hg01w.isUctxChat_IH3Wi ::selection {
      background-color: #d6d6d6; }
  .Message_hg01w.isSctxChat_YT3os {
    min-width: 140px;
    background-color: whitesmoke;
    box-shadow: 0 1px 0 0 #cccccc; }
    .Message_hg01w.isSctxChat_YT3os ::-moz-selection {
      background-color: #d6d6d6; }
    .Message_hg01w.isSctxChat_YT3os ::selection {
      background-color: #d6d6d6; }
  .Message_hg01w.gradeType_phTf9 {
    color: #6b552e;
    background-color: #fff1b8;
    background: linear-gradient(45deg, #fff7cc, #ffdd8f);
    box-shadow: 0 1px 0 0 #d9cc8c; }
    .Message_hg01w.gradeType_phTf9 ::-moz-selection {
      background-color: #e7d89d; }
    .Message_hg01w.gradeType_phTf9 ::selection {
      background-color: #e7d89d; }
  .Message_hg01w.wipedType_HKJvF {
    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_hg01w.systemType_dX033 {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .Message_hg01w.missedCallType_GFK7L {
    background-color: #ffebeb;
    box-shadow: 0 1px 0 0 #e7c6c6; }
    .Message_hg01w.missedCallType_GFK7L .missedCallIcon_HjB_o {
      fill: #b03b3b; }
  .Message_hg01w.finishedCallType_CozPe {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .Message_hg01w .avatarIcon_xaZeQ {
    position: absolute;
    top: 0;
    left: -36px;
    width: 30px;
    height: 30px; }
  .Message_hg01w .grade_OV8dt {
    min-width: 140px;
    margin: 11px 12px -2px 14px; }
    .Message_hg01w .grade_OV8dt .icon_QAvev:nth-child(3), .Message_hg01w .grade_OV8dt .icon_QAvev:nth-child(6), .Message_hg01w .grade_OV8dt .icon_QAvev:nth-child(9) {
      margin-right: 8px; }
  .Message_hg01w .pictureHolder_YLHPB {
    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_hg01w .pictureHolder_YLHPB .typeIcon_qkjZg {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 28px;
      height: 28px;
      fill: #c7c7c7;
      opacity: 0.5; }
    .Message_hg01w .pictureHolder_YLHPB .spinner_QUgKx {
      position: absolute; }
    .Message_hg01w .pictureHolder_YLHPB img {
      max-height: 380px;
      overflow: hidden;
      cursor: pointer; }
    .Message_hg01w .pictureHolder_YLHPB.hasBody_b7ZkH {
      border-radius: 12px 12px 0 0; }
  .Message_hg01w .missedCallIcon_HjB_o {
    width: 20px;
    height: 20px;
    margin: 6px 0 14px 11px;
    transform: scale(-1, 1); }
  .Message_hg01w .wipedIcon_fi19q {
    width: 18px;
    height: 18px;
    fill: #adadad; }
  .Message_hg01w .wipedText_tZVNd {
    margin-left: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #a8a8a8; }
  .Message_hg01w .bodyText_WCzYo {
    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_hg01w .pictureHolder_YLHPB + .bodyText_WCzYo {
    max-width: 256px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .Message_hg01w .dateTime_Huecv {
    position: absolute;
    bottom: 2px;
    right: 14px;
    font-size: 9px;
    color: #bdbdbd; }
  .Message_hg01w .messageCommandsButton_TkB0Z {
    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_hg01w:hover .dateTime_Huecv {
    color: #999999; }

.Message_hg01w + .Message_hg01w {
  margin-top: 6px;
  border-radius: 12px; }
  .Message_hg01w + .Message_hg01w .bodyText_WCzYo {
    border-top-left-radius: 12px; }
  .Message_hg01w + .Message_hg01w .pictureHolder_YLHPB + .bodyText_WCzYo {
    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_c9dsp {
  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_c9dsp.isUctxChat_HAnpJ {
    min-width: 140px;
    color: #2b5043;
    background-color: #daf1e6;
    box-shadow: 0 1px 1px 0 #a3c2b4; }
    .MyMessage_c9dsp.isUctxChat_HAnpJ ::-moz-selection {
      background-color: #aed5c6; }
    .MyMessage_c9dsp.isUctxChat_HAnpJ ::selection {
      background-color: #aed5c6; }
  .MyMessage_c9dsp.isSctxChat_EV6dR {
    min-width: 140px;
    color: #2b504b;
    background-color: #f0fddd;
    box-shadow: 0 1px 1px 0 #bdd49b; }
    .MyMessage_c9dsp.isSctxChat_EV6dR ::-moz-selection {
      background-color: #bee0b8; }
    .MyMessage_c9dsp.isSctxChat_EV6dR ::selection {
      background-color: #bee0b8; }
  .MyMessage_c9dsp.gradeType_fzgPs {
    color: #6b552e;
    background-color: #fff1b8;
    background: linear-gradient(45deg, #fff7cc, #ffdd8f);
    box-shadow: 0 1px 0 0 #f7d964; }
    .MyMessage_c9dsp.gradeType_fzgPs ::-moz-selection {
      background-color: #e7d89d; }
    .MyMessage_c9dsp.gradeType_fzgPs ::selection {
      background-color: #e7d89d; }
  .MyMessage_c9dsp.wipedType_W8E_x {
    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_c9dsp.systemType_BHnvZ {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .MyMessage_c9dsp.missedCallType_jfgAA {
    background-color: #ffebeb;
    box-shadow: 0 1px 0 0 #e7c6c6; }
    .MyMessage_c9dsp.missedCallType_jfgAA .missedCallIcon_ziV77 {
      fill: #b03b3b; }
  .MyMessage_c9dsp.finishedCallType_fEY1X {
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 0 #cccccc; }
  .MyMessage_c9dsp .grade_kzemD {
    min-width: 160px;
    margin: 12px 20px 12px 14px; }
    .MyMessage_c9dsp .grade_kzemD .icon_QfTrb:nth-child(3), .MyMessage_c9dsp .grade_kzemD .icon_QfTrb:nth-child(6), .MyMessage_c9dsp .grade_kzemD .icon_QfTrb:nth-child(9) {
      margin-right: 8px; }
  .MyMessage_c9dsp .pictureHolder_qQ8dV {
    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_c9dsp .pictureHolder_qQ8dV .typeIcon_k0gDC {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 28px;
      height: 28px;
      fill: #c7c7c7;
      opacity: 0.5; }
    .MyMessage_c9dsp .pictureHolder_qQ8dV .spinner_AoWnB {
      position: absolute; }
    .MyMessage_c9dsp .pictureHolder_qQ8dV img {
      max-width: 256px;
      max-height: 380px;
      overflow: hidden;
      cursor: pointer; }
    .MyMessage_c9dsp .pictureHolder_qQ8dV.hasBody_JU2cS {
      width: 256px;
      border-radius: 12px 12px 0 0; }
      .MyMessage_c9dsp .pictureHolder_qQ8dV.hasBody_JU2cS img {
        width: 256px;
        max-width: 256px; }
  .MyMessage_c9dsp .missedCallIcon_ziV77 {
    width: 20px;
    height: 20px;
    margin: 6px 0 14px 11px;
    transform: scale(-1, 1); }
  .MyMessage_c9dsp .wipedIcon_K_eV5 {
    width: 18px;
    height: 18px;
    fill: #adadad; }
  .MyMessage_c9dsp .wipedText_eUTLW {
    margin-left: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #a8a8a8; }
  .MyMessage_c9dsp .bodyText_Q7NMA {
    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_c9dsp .grade_kzemD + .bodyText_Q7NMA {
    margin-top: -16px; }
  .MyMessage_c9dsp .pictureHolder_qQ8dV + .bodyText_Q7NMA {
    width: 256px;
    max-width: 256px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .MyMessage_c9dsp .statusPanel_EIcxE {
    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_c9dsp .dateTime_eFHtW {
    font-size: 9px;
    color: #bdbdbd; }
  .MyMessage_c9dsp .readIcon_EYof1 {
    width: 12px;
    height: 12px;
    margin-left: 3px;
    fill: #bdbdbd; }
  .MyMessage_c9dsp .messageCommandsButton_xCuc9 {
    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_c9dsp:hover .dateTime_eFHtW {
    color: #969696; }
  .MyMessage_c9dsp:hover .readIcon_EYof1 {
    fill: #969696; }

.MyMessage_c9dsp + .MyMessage_c9dsp {
  margin-top: 6px;
  border-top-right-radius: 12px; }
  .MyMessage_c9dsp + .MyMessage_c9dsp .bodyText_Q7NMA {
    border-top-right-radius: 12px; }
  .MyMessage_c9dsp + .MyMessage_c9dsp .pictureHolder_qQ8dV + .bodyText_Q7NMA {
    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_ssPJc {
  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_ssPJc.isCalling_oSEnW {
    top: 312px; }
  @media screen and (max-width: 1228px) {
    .OneChat_ssPJc {
      margin-top: 44px;
      margin-bottom: 44px; } }
  .OneChat_ssPJc .spinner_RmCH_ {
    height: 20px; }
  .OneChat_ssPJc .scrollWrapper_k2GY4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.3rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .OneChat_ssPJc .scrollWrapper_k2GY4 .messageList_htjV6 {
      display: flex;
      flex-direction: column;
      margin-bottom: 78px;
      padding: 44px 16px 0 16px; }
      @media screen and (max-width: 1228px) {
        .OneChat_ssPJc .scrollWrapper_k2GY4 .messageList_htjV6 {
          max-width: 820px; } }
      .OneChat_ssPJc .scrollWrapper_k2GY4 .messageList_htjV6 .noResult_S1RJu {
        color: #292929;
        padding: 20px 10px; }
  .OneChat_ssPJc .upperPanel_FpWaM {
    position: absolute;
    top: 0;
    left: 0;
    width: 416px;
    padding: 14px 16px 14px 24px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #292929;
    background-color: rgba(250, 250, 250, 0.6);
    box-shadow: 0 1px 0 0 #e6e6e6;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px); }
  .OneChat_ssPJc .lowerPanel_a1fnG {
    position: absolute;
    left: 0;
    right: 12px;
    bottom: 0;
    min-height: 50px;
    z-index: 312; }
    .OneChat_ssPJc .lowerPanel_a1fnG .mediaMessageButton_U1low {
      position: absolute;
      bottom: 20px;
      left: 11px;
      width: 38px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #cccccc;
      background-image: linear-gradient(white, #fafafa); }
      .OneChat_ssPJc .lowerPanel_a1fnG .mediaMessageButton_U1low.hasPicture_IlpZU {
        top: 164px; }
      .OneChat_ssPJc .lowerPanel_a1fnG .mediaMessageButton_U1low .icon_WKEOe {
        width: 18px;
        height: 18px;
        fill: #999999; }
      .OneChat_ssPJc .lowerPanel_a1fnG .mediaMessageButton_U1low:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .OneChat_ssPJc .lowerPanel_a1fnG .mediaMessageButton_U1low:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
        background-image: linear-gradient(#fcfcfc, whitesmoke); }
        .OneChat_ssPJc .lowerPanel_a1fnG .mediaMessageButton_U1low:hover .icon_WKEOe {
          fill: #5c5c5c; }
    .OneChat_ssPJc .lowerPanel_a1fnG .editorWrapper_Ccgdl {
      padding: 2px 0px 20px 54px;
      background-color: #fafafa;
      box-shadow: -12px 0 12px 12px #fafafa; }
    .OneChat_ssPJc .lowerPanel_a1fnG .editor_Inr4y {
      min-height: 38px;
      max-height: calc(100vh - 150px);
      padding: 9px 50px 8px 12px;
      border-radius: 16px;
      border-color: #cccccc;
      font-size: 13px; }
      .OneChat_ssPJc .lowerPanel_a1fnG .editor_Inr4y:hover {
        box-shadow: 0 0 3px rgba(128, 128, 128, 0.3); }
      .OneChat_ssPJc .lowerPanel_a1fnG .editor_Inr4y:focus {
        border-color: #49ab9b; }
    .OneChat_ssPJc .lowerPanel_a1fnG .sendMessageButton_UR4Na {
      position: absolute;
      bottom: 24px;
      right: 4px;
      width: 46px;
      height: 30px;
      border-radius: 14px;
      background-image: linear-gradient(#e43225, #d01406); }
      .OneChat_ssPJc .lowerPanel_a1fnG .sendMessageButton_UR4Na .icon_WKEOe {
        width: 20px;
        height: 20px;
        fill: white; }
      .OneChat_ssPJc .lowerPanel_a1fnG .sendMessageButton_UR4Na:focus {
        box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
      .OneChat_ssPJc .lowerPanel_a1fnG .sendMessageButton_UR4Na:hover {
        background-image: linear-gradient(#fa3e05, #f04b19); }
    .OneChat_ssPJc .lowerPanel_a1fnG .chatStatus_HyWDp {
      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_ssPJc .closeButton_exgEK {
    position: absolute;
    top: 8px;
    right: 6px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border-radius: 50%; }
    .OneChat_ssPJc .closeButton_exgEK:focus {
      background-color: rgba(0, 0, 0, 0.03);
      box-shadow: none; }
    .OneChat_ssPJc .closeButton_exgEK .icon_WKEOe {
      width: 20px;
      height: 20px;
      fill: #707070; }
    .OneChat_ssPJc .closeButton_exgEK:hover {
      background-color: rgba(153, 153, 153, 0.12); }
      .OneChat_ssPJc .closeButton_exgEK:hover .icon_WKEOe {
        fill: #d01406; }
  .OneChat_ssPJc .myCommand_kKijD {
    position: relative;
    margin-left: 6px; }
  .OneChat_ssPJc .userCommand_mcJeX {
    position: absolute;
    top: 7px;
    right: 46px; }
  .OneChat_ssPJc .myCommand_kKijD,
  .OneChat_ssPJc .userCommand_mcJeX {
    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_ssPJc .myCommand_kKijD .disputeIcon_YrLPT,
    .OneChat_ssPJc .myCommand_kKijD .icon_WKEOe,
    .OneChat_ssPJc .userCommand_mcJeX .disputeIcon_YrLPT,
    .OneChat_ssPJc .userCommand_mcJeX .icon_WKEOe {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      margin-bottom: 2px;
      fill: #5c5c5c; }
    .OneChat_ssPJc .myCommand_kKijD .disputeIcon_YrLPT,
    .OneChat_ssPJc .userCommand_mcJeX .disputeIcon_YrLPT {
      width: 18px;
      height: 18px;
      margin-bottom: 1px;
      fill: #5c5c5c; }
    .OneChat_ssPJc .myCommand_kKijD:hover,
    .OneChat_ssPJc .userCommand_mcJeX:hover {
      box-shadow: 0 0 6px 2px #e0e0e0; }
      .OneChat_ssPJc .myCommand_kKijD:hover .icon_WKEOe,
      .OneChat_ssPJc .userCommand_mcJeX:hover .icon_WKEOe {
        fill: #d01406; }
  .OneChat_ssPJc .statusCommands_XpW1D {
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: flex-end;
    margin-right: 46px; }
    .OneChat_ssPJc .statusCommands_XpW1D .statusButton_YkMeI {
      width: 34px;
      height: 34px;
      padding: 8px;
      margin-left: 6px;
      border-radius: 50%;
      background-color: white;
      box-shadow: 0 0 0 1px #e6e6e6; }
      .OneChat_ssPJc .statusCommands_XpW1D .statusButton_YkMeI: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_vZv8b {
  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_z7_o3 {
  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_z7_o3 .textingWrapper_k06Ul {
    position: relative;
    width: 100%;
    max-width: 820px; }
  .TextingPanel_z7_o3 .editorWrapper_Dtzhk {
    padding: 12px 20px 60px 20px;
    word-break: break-all; }
  .TextingPanel_z7_o3 .editor_qIEAy {
    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_z7_o3 .editor_qIEAy:hover {
      box-shadow: 0 10px 20px 0 rgba(224, 224, 224, 0.8); }
    .TextingPanel_z7_o3 .editor_qIEAy:focus {
      border-color: #49ab9b; }
  .TextingPanel_z7_o3 .error_Pz43F {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .TextingPanel_z7_o3 .actionButton_Gyg13 {
    position: absolute;
    bottom: 65px;
    right: 26px;
    width: 46px;
    height: 32px;
    border-radius: 10px;
    background-image: linear-gradient(#e43225, #d01406); }
    .TextingPanel_z7_o3 .actionButton_Gyg13 .icon_yCXOB {
      width: 20px;
      height: 20px;
      fill: white; }
    .TextingPanel_z7_o3 .actionButton_Gyg13:focus {
      box-shadow: 0 0 5px rgba(128, 128, 128, 0.4); }
    .TextingPanel_z7_o3 .actionButton_Gyg13:hover {
      background-image: linear-gradient(#fa3e05, #f04b19); }
    .TextingPanel_z7_o3 .actionButton_Gyg13.hasError_JcA2V {
      bottom: 87px; }
    .TextingPanel_z7_o3 .actionButton_Gyg13.isProcessing_ystbQ {
      cursor: not-allowed;
      background-image: linear-gradient(#cccccc, #cccccc); }
      .TextingPanel_z7_o3 .actionButton_Gyg13.isProcessing_ystbQ .icon_yCXOB {
        fill: white !important; }
  @media print {
    .TextingPanel_z7_o3 {
      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_DT2vQ,
.goPreviousButton2_O7iI3,
.goNextButton__ukwv {
  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_DT2vQ .icon_GFb9U,
  .goPreviousButton2_O7iI3 .icon_GFb9U,
  .goNextButton__ukwv .icon_GFb9U {
    fill: #5c5c5c;
    width: 30px;
    height: 30px; }
  .goPreviousButton_DT2vQ:hover,
  .goPreviousButton2_O7iI3:hover,
  .goNextButton__ukwv:hover {
    background-color: rgba(204, 204, 204, 0.7);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px); }
    .goPreviousButton_DT2vQ:hover .icon_GFb9U,
    .goPreviousButton2_O7iI3:hover .icon_GFb9U,
    .goNextButton__ukwv:hover .icon_GFb9U {
      fill: #d01406; }

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

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

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

.elementQtyText_kGhFY {
  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_DT2vQ {
    width: 56px;
    border-radius: 0 20px 20px 0;
    padding-left: 10px; }
  .goPreviousButton2_O7iI3 {
    display: none; }
  .goNextButton__ukwv {
    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_EqaiH {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .RootSidebar_EqaiH .FirstSidebarHolder_pCzOJ {
    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_EqaiH .Overlay_lfW_5 {
    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_EqaiH .Workspace_ixYif {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    margin-bottom: 0;
    overflow: hidden;
    left: 0;
    right: 0; }
  .RootSidebar_EqaiH .dragHandle_rMLN3 {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1; }
  @media screen and (max-width: 1228px) {
    .RootSidebar_EqaiH .FirstSidebarHolder_pCzOJ {
      width: 100%;
      max-width: 416px; }
    .RootSidebar_EqaiH .Workspace_ixYif {
      margin-top: 44px;
      margin-bottom: 42px; } }

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

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

@media print {
  .RootSidebar_EqaiH {
    position: absolute;
    overflow: visible; }
    .RootSidebar_EqaiH .Workspace_ixYif {
      overflow: visible; }
    .RootSidebar_EqaiH .FirstSidebarHolder_pCzOJ,
    .RootSidebar_EqaiH .Overlay_lfW_5 {
      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_Nlnst {
  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_Nlnst ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto; }
  .Tabbar_Nlnst li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: 120px; }
    .Tabbar_Nlnst li:hover .icon_Hj1iz {
      fill: #d01406; }
  .Tabbar_Nlnst a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-left: 1px solid white;
    border-right: 1px solid white; }
    .Tabbar_Nlnst a.isActive_IydbW {
      border-left-color: #dbdbdb;
      border-right-color: #dbdbdb;
      background-color: #f0f0f0; }
  .Tabbar_Nlnst .tabText_vUltF {
    font-size: 13px;
    font-weight: bold; }
  .Tabbar_Nlnst .badgeText_DgPwV {
    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_Nlnst .icon_Hj1iz {
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    cursor: pointer; }
  @media print {
    .Tabbar_Nlnst {
      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_lmeq7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 24px; }
  .BitmaskField_lmeq7 span {
    position: absolute;
    right: -10px;
    top: 0;
    width: 60px;
    height: 8px;
    display: flex;
    justify-content: center;
    font-size: 9px;
    color: #5c5c5c; }
  .BitmaskField_lmeq7 section {
    display: flex;
    flex-direction: row-reverse; }
  .BitmaskField_lmeq7 .bitItem_AYaQu {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    cursor: pointer; }
  .BitmaskField_lmeq7 .bit01_Ne5b0 {
    fill: #5c5c5c; }
  .BitmaskField_lmeq7 .bit02_mzCar {
    fill: #ff3333; }
  .BitmaskField_lmeq7 .bit03_aIYi2 {
    fill: #684545; }
  .BitmaskField_lmeq7 .bit04_JP4kw {
    fill: #00991a; }
  .BitmaskField_lmeq7 .bit05_avScZ {
    fill: #99d65c; }
  .BitmaskField_lmeq7 .bit06_XblDr {
    fill: #99c5ff; }
  .BitmaskField_lmeq7 .bit07_poojy {
    fill: #006dcc; }
  .BitmaskField_lmeq7 .bit08_p4mhV {
    fill: #b533cc; }
  .BitmaskField_lmeq7 .bit09_Zlms_ {
    fill: #e0b8e0; }
  .BitmaskField_lmeq7 .bit10_FKL6K {
    fill: #4cae4f; }
  .BitmaskField_lmeq7 .bit11_kyFjX {
    fill: #33a0ff; }
  .BitmaskField_lmeq7 .bit12_of8Iz {
    fill: #003ea8; }
  .BitmaskField_lmeq7 .bit13_C0GAa {
    fill: #607c8a; }
  .BitmaskField_lmeq7 .bit14_XSiWx {
    fill: #707070; }
  .BitmaskField_lmeq7 .bit15_e0JPa {
    fill: #795649; }
  @media print {
    .BitmaskField_lmeq7 {
      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_BloP4 {
  -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_dFkTa {
  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_dFkTa h1 {
    margin-top: 38px;
    padding: 0 24px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
  .ColorTagsEditor_dFkTa .bitmaskField_JNMu9 {
    flex-direction: row;
    margin-top: 20px;
    margin-right: 18px; }
    .ColorTagsEditor_dFkTa .bitmaskField_JNMu9 > 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_dFkTa .bitmaskField_JNMu9 > div > svg:hover {
        fill: #d01406; }
    .ColorTagsEditor_dFkTa .bitmaskField_JNMu9 section > svg {
      width: 16px;
      height: 16px; }
  .ColorTagsEditor_dFkTa .controlPanel__xZuy {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .ColorTagsEditor_dFkTa .controlPanel__xZuy button + button {
      border-left: thin solid #cccccc; }
    .ColorTagsEditor_dFkTa .controlPanel__xZuy button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .ColorTagsEditor_dFkTa .controlPanel__xZuy button:hover {
        background-color: #f7f7f7; }
      .ColorTagsEditor_dFkTa .controlPanel__xZuy button:active {
        background-color: #f2f2f2; }
      .ColorTagsEditor_dFkTa .controlPanel__xZuy button.isAccented_HPWx2 {
        color: #d01406; }
      .ColorTagsEditor_dFkTa .controlPanel__xZuy button.isDisabled_gmpkI {
        color: #b3b3b3; }
      .ColorTagsEditor_dFkTa .controlPanel__xZuy button:first-child {
        border-bottom-left-radius: 12px; }
      .ColorTagsEditor_dFkTa .controlPanel__xZuy 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_bhkww {
  -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_rEdL8 {
  width: 100%;
  max-width: 440px;
  margin: 15px;
  border-radius: 12px;
  background-color: #fcfcfc; }
  .SelectObjects_rEdL8 h1 {
    margin-top: 38px;
    padding: 0 40px;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    color: #292929; }
    .SelectObjects_rEdL8 h1 .icon_hszcL {
      width: 28px;
      height: 28px;
      margin-right: 12px;
      margin-left: -12px;
      fill: #0078e0;
      vertical-align: text-bottom; }
  .SelectObjects_rEdL8 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_rEdL8 p a {
      color: #0078e0; }
    .SelectObjects_rEdL8 p span {
      text-decoration: underline; }
  .SelectObjects_rEdL8 .selectHolder_Da2lP {
    padding: 0 36px; }
  .SelectObjects_rEdL8 ul {
    display: flex;
    height: 48px;
    margin-top: 34px;
    border-top: thin solid #cccccc;
    border-radius: 0 0 12px 12px; }
    .SelectObjects_rEdL8 ul button + button {
      border-left: thin solid #cccccc; }
    .SelectObjects_rEdL8 ul button {
      flex: 1;
      height: 100%;
      background: none;
      font-size: 15px;
      color: #0588fa;
      text-transform: uppercase; }
      .SelectObjects_rEdL8 ul button:hover {
        background-color: #f7f7f7; }
      .SelectObjects_rEdL8 ul button:active {
        background-color: #f2f2f2; }
      .SelectObjects_rEdL8 ul button.isAccented_Zz1Ts {
        font-weight: bold; }
      .SelectObjects_rEdL8 ul button.isDisabled_CaGOD {
        color: #b3b3b3;
        cursor: not-allowed; }
      .SelectObjects_rEdL8 ul button:first-child {
        border-bottom-left-radius: 12px; }
      .SelectObjects_rEdL8 ul button:last-child {
        border-bottom-right-radius: 12px; }
  @media screen and (max-width: 580px) {
    .SelectObjects_rEdL8 {
      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_xkAOw {
  -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_xkAOw {
      justify-content: space-between; }
      .backgroundWrapper_xkAOw:before, .backgroundWrapper_xkAOw:after {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        height: 1px;
        content: ''; } }

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