body {
  overflow-y: hidden;
  line-height: unset !important;
  position: fixed;
  width: 100%;
  height: 100%;
}
#root {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}

.Navigation {
  width: 64px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: all;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  display: grid;
  grid-row-gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  padding-top: 16px;
  padding-bottom: 60px;
  position: relative;
}
.Navigation--Mobile {
  height: 15.555555555555555vmin;
  width: 100%;
  grid-template-rows: 100%;
  grid-template-columns: unset;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-row-gap: 0;
  padding: 2.222222222222222vmin 4.444444444444445vmin;
  background-color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Navigation__button {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.Navigation--Mobile .Navigation__button {
  width: 11.11111111111111vmin;
  height: 11.11111111111111vmin;
}
.Navigation__button__attention {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ee4b19;
  position: absolute;
  top: 0;
  right: 0;
}
.Navigation__button__background.SvgIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  color: #12152a;
}
.Navigation--Mobile .Navigation__button__background.SvgIcon {
  color: #fff;
}
.Navigation__button--active .Navigation__button__background.SvgIcon {
  color: #fff;
}
.Navigation--Mobile .Navigation__button--active .Navigation__button__background.SvgIcon {
  color: #12152a;
}
.Navigation__button__icon {
  position: absolute;
  width: 18px;
  height: 18px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  color: #fff;
}
.Navigation--Mobile .Navigation__button__icon {
  width: 5vmin;
  height: 5vmin;
  color: #71737f;
}
.Navigation__button--active .Navigation__button__icon {
  color: #12152a;
}
.Navigation--Mobile .Navigation__button--active .Navigation__button__icon {
  color: #fff;
}
.Navigation__version {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  color: #8c7fa7;
  font-size: 13px;
  letter-spacing: 4px;
}
.Navigation--Mobile .Navigation__version {
  display: none;
}

.SvgIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.SvgIcon--Mobile {
  width: 5vw;
  height: 5vw;
}
.SvgIcon--inline {
  max-width: 1em;
  height: 1em;
  display: inline;
  width: unset;
}
.SvgIcon--monospace {
  width: 1em;
  min-width: 1em;
}

.Settings__descriptionText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.Settings__settingName {
  color: #71737f;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
.Settings__settingName--active {
  color: #12152a;
}
.Settings__settingIcon {
  width: 18px;
  height: 18px;
  color: #71737f;
  justify-self: center;
}
.Settings__grid {
  display: grid;
  grid-auto-rows: minmax(34px, -webkit-max-content);
  grid-auto-rows: minmax(34px, max-content);
  grid-column-gap: 20px;
  grid-row-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Settings__grid--maxMaxAuto {
  grid-template-columns: [ start ] -webkit-max-content [ title ] -webkit-max-content [ content ] auto [ end ];
  grid-template-columns: [ start ] max-content [ title ] max-content [ content ] auto [ end ];
}
.Settings__grid--maxMax1fr {
  grid-template-columns: [ start ] -webkit-max-content [ title ] -webkit-max-content [ content ] 1fr [ end ];
  grid-template-columns: [ start ] max-content [ title ] max-content [ content ] 1fr [ end ];
}
.Settings__grid--1column {
  grid-template-columns: [ start ] 100% [ end ];
}
.Settings__grid--maxAuto {
  grid-template-columns: [ start ] -webkit-max-content [ contentStart ] 1fr [ end ];
  grid-template-columns: [ start ] max-content [ contentStart ] 1fr [ end ];
}
.Settings__grid--max1fr1fr {
  grid-template-columns: [ start ] -webkit-max-content [ contentStart ] 1fr 1fr [ end ];
  grid-template-columns: [ start ] max-content [ contentStart ] 1fr 1fr [ end ];
}
.Settings__grid__titleFillAvailable {
  grid-column: title/end;
}
.Settings__grid__contentFillAvailable {
  grid-column: contentStart/end;
}
.Settings__grid__fullRowElement {
  grid-column: start/end;
}
.Settings__grid__firstColumn.IconWithText {
  grid-column-gap: 14px;
  grid-template-columns: 32px auto;
}
.Settings__grid__firstColumn.IconWithText .IconWithText__icon {
  justify-self: center;
}
.Settings__grid__firstColumn.ToggleButton {
  grid-column-gap: 14px;
}
.Settings__grid__centeredElement {
  justify-self: center;
}
.Settings .Settings__fullWidthElement {
  width: 100%;
}

.EmailSettings {
  display: grid;
  grid-template-columns: 1fr 4fr;
  height: 100%;
}
.EmailSettings__leftColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}
.EmailSettings__leftColumn__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e8e8ea;
  margin-bottom: 16px;
}
.EmailSettings__leftColumn__headerTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 0;
  width: 50%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #71737f;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.EmailSettings__leftColumn__headerTab--active {
  color: #12152a;
  border-bottom: 2px solid #00a455;
}
.EmailSettings__leftColumn__body {
  padding: 16px;
  overflow-y: auto;
}
.EmailSettings__leftColumn__folder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  border-radius: 8px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #71737f;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.EmailSettings__leftColumn__folder__countWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 34px;
}
.EmailSettings__leftColumn__folder__count {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  padding: 2px 4px;
  font-weight: 700;
  border-radius: 8px;
}
.EmailSettings__leftColumn__folder__count--active {
  color: #00a455;
  background-color: rgba(0,164,85,0.2);
}
.EmailSettings__leftColumn__folder__count--inActive {
  margin-left: 9px;
  color: #a7a9ac;
  background-color: #d1d3d4;
}
.EmailSettings__leftColumn__folder--active {
  background-color: #f2f4f6;
  color: #12152a;
}
.EmailSettings__leftColumn__footerWrapper {
  border-top: 1px solid #e8e8ea;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0 16px;
}
.EmailSettings__leftColumn__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 9px 0;
}
.EmailSettings__leftColumn__footer .Button {
  width: 100%;
  margin: 9px 0;
}
.EmailSettings__leftColumn__footer .Button__container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.EmailSettings__rightColumn {
  background-color: #f2f4f6;
  overflow-y: auto;
}
.EmailSettings__rightColumn__templateBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 16px;
  margin-bottom: 9px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.EmailSettings__rightColumn__templateBlock__dragIcon {
  min-width: 18px;
  margin-right: 16px;
  padding: 4px;
}
.EmailSettings__rightColumn__templateBlock__automationIcon {
  min-width: 44px;
  height: 44px;
  margin-right: 16px;
  background-color: #f2f4f6;
  border-radius: 50%;
  padding: 9px;
}
.EmailSettings__rightColumn__templateBlock__automationIcon .SvgIcon {
  width: unset;
  height: unset;
}
.EmailSettings__rightColumn__templateBlock__automationIcon--active {
  color: #00a455;
}
.EmailSettings__rightColumn__templateBlock__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.EmailSettings__rightColumn__templateBlock__controls .Button {
  margin-left: 16px;
}
.EmailSettings__rightColumn__newTemplateButton {
  margin: 14px 0;
  margin-left: auto;
}
.EmailSettings__rightColumn__foldersTab {
  padding: 0 25px 16px;
}
.EmailSettings__rightColumn__automationsTab {
  padding: 25px;
}
.EmailSettings__rightColumn__titleBlock {
  width: 100%;
}
.EmailSettings__rightColumn__titleBlock__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.EmailSettings__rightColumn__titleBlock__subTitle {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.EmailSettings__rightColumn__dropdownPanel {
  margin-bottom: 9px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.EmailSettings__rightColumn__dropdownPanel__newTemplateButton {
  margin-top: 16px;
}
.EmailSettings__rightColumn__dropdownPanel__content {
  padding: 18px 0 34px;
}
.EmailSettings__rightColumn__dropdownPanel__controls {
  display: grid;
  grid-column-gap: 16px;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
.EmailSettings__rightColumn__dropdownPanel__gridBlock {
  display: grid;
  grid-template-columns: 1fr 13fr 1fr;
  margin-bottom: 9px;
}
.EmailSettings__rightColumn__dropdownPanel__gridBlock__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  padding: 16px;
  border: 1px solid #e8e8ea;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-property: border, -webkit-box-shadow;
  transition-property: border, -webkit-box-shadow;
  transition-property: border, box-shadow;
  transition-property: border, box-shadow, -webkit-box-shadow;
}
.EmailSettings__rightColumn__dropdownPanel__gridBlock__title:hover {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  border: 1px solid #fff;
}
.EmailSettings__rightColumn__dropdownPanel__gridBlock__title:hover .SvgIcon {
  opacity: 1;
}
.EmailSettings__rightColumn__dropdownPanel__gridBlock__title .SvgIcon {
  width: 14px;
  margin-left: 25px;
  color: #00a455;
  opacity: 0;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  cursor: pointer;
}
.EmailSettings__rightColumn__dropdownPanel .DropdownPanel__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  height: auto;
  display: grid;
  grid-template-columns: 14fr 1fr;
  padding: 16px 0;
}
.EmailSettings__rightColumn__dropdownPanel .DropdownPanel__header__button {
  border: 1px solid #71737f;
  color: #12152a;
  border-radius: 50%;
  padding: 4px;
  max-width: 18px;
  height: 18px;
  margin: 0 auto;
}
.EmailSettings__rightColumn__dropdownPanel .DropdownPanel__header__title {
  display: grid;
  grid-template-columns: 1fr 13fr;
}
.EmailSettings__rightColumn__dropdownPanel .DropdownPanel__header__title .ToggleButton {
  margin: auto;
}
.EmailSettings__rightColumn__dropdownPanel .DropdownPanel__header__subTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EmailSettings__previewModal .ModalInstance__body {
  overflow-y: auto;
}
.EmailSettings__modal.ModalInstance {
  width: 100%;
  height: 100%;
  grid-template-rows: auto;
  margin: auto;
  overflow: hidden;
}
.EmailSettings__modal.ModalInstance .ModalInstance__header {
  display: none;
}
.EmailSettings__modal.ModalInstance .ModalInstance__body {
  height: 100%;
}
.TemplateEditor {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.TemplateEditor .TemplateEditor__EmailInput {
  padding: 0;
  padding-bottom: 16px;
}
.TemplateEditor .TemplateEditor__EmailInputElement {
  border: 1px solid #e8e8ea;
  border-radius: 8px;
}
.TemplateEditor__leftColumn {
  height: 100%;
  overflow-y: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.TemplateEditor__leftColumn__header,
.TemplateEditor__leftColumn__body {
  padding: 16px;
  padding-bottom: 9px;
}
.TemplateEditor__leftColumn__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.TemplateEditor__leftColumn__header__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.TemplateEditor__leftColumn__header .Button {
  margin-right: 16px;
}
.TemplateEditor__leftColumn__body--faded,
.TemplateEditor__leftColumn__footer--faded {
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.TemplateEditor__leftColumn__body--faded:before,
.TemplateEditor__leftColumn__footer--faded:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.8);
  z-index: 1;
}
.TemplateEditor__leftColumn__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.TemplateEditor__leftColumn__footer__controls {
  border-top: 1px solid #e8e8ea;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  width: 100%;
  padding: 16px;
}
.TemplateEditor__leftColumn__footer .IconWithText {
  padding: 16px;
  width: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.TemplateEditor__leftColumn__footer .IconWithText:hover {
  color: #00a455;
}
.TemplateEditor__leftColumn__inputBlock {
  padding-bottom: 16px;
}
.TemplateEditor__leftColumn__inputBlock__title {
  padding-bottom: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.TemplateEditor__leftColumn__inputBlock__destination {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 25px;
  padding: 4px 0;
}
.TemplateEditor__leftColumn__inputBlock__destination__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.TemplateEditor__leftColumn__inputBlock__destination__column--active {
  color: #12152a;
}
.TemplateEditor__leftColumn__inputBlock__destination__column .CheckBox {
  padding-right: 16px;
}
.TemplateEditor__leftColumn__inputBlock .SelectList,
.TemplateEditor__leftColumn__inputBlock .Input {
  width: 100%;
}
.TemplateEditor__leftColumn__inputBlock__eventInput__options {
  width: 360px !important;
}
.TemplateEditor__leftColumn__buttonBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.TemplateEditor__leftColumn__2ColumnsBlock {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  width: 100%;
}
.TemplateEditor__rightColumn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}
.TemplateEditor__rightColumn__centerColumn {
  max-width: 1000px;
  margin: auto;
}
.TemplateEditorHeader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f2f4f6;
  padding: 16px 25px;
}
.TemplateEditorHeader__inputBlock {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.TemplateEditorHeader__inputBlock .SvgIcon {
  max-width: 18px;
  margin-right: 16px;
}
.TemplateEditorHeader__inputBlock .IconWithText {
  margin-right: 25px;
}
.TemplateEditorHeader__inputBlock .IconWithText__text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.TemplateEditorHeader__inputBlock .Input {
  margin-left: 9px;
}
.TemplateEditorHeader__controlsBlock {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.TemplateEditorHeader__controlsBlock .Button {
  width: 50%;
}
.TemplateEditorHeader__controlsBlock .Button:first-child {
  margin: 0 16px;
}

.Input {
  height: 34px;
  width: 150px;
  position: relative;
  text-align: left;
  cursor: text;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.Input--Mobile {
  height: 9.444444444444445vw;
  width: 41.666666666666664vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.Input--disabled {
  color: #71737f !important;
  pointer-events: none;
}
.Input--sizeBig {
  height: 44px;
}
.Input--Mobile.Input--sizeBig {
  height: 12.222222222222221vw;
}
.Input--fullWidth {
  width: 100%;
}
.Input--Mobile.Input--fullWidth {
  width: 100%;
}
.Input__field {
  overflow: hidden;
  padding: 0 7px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.Input__field--withPrefix {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.Input--readonly .Input__field {
  background-color: #fff;
}
.Input--focused .Input__field {
  border-color: #00a455;
}
.Input--invalid .Input__field {
  border-color: #ee4b19;
}
.Input--Mobile .Input__field {
  padding: 1.222222222222222vw;
  border-radius: 2.222222222222222vw;
  border-width: 0.277777777777778vw;
}
.Input__tag {
  height: 100%;
  width: 100%;
  font-weight: inherit;
  border: none;
  outline: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  background-color: inherit;
  top: 0;
  left: 0;
  text-align: inherit;
  text-transform: inherit;
  cursor: inherit;
  padding: 0;
}
.Input__tag::-webkit-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.Input__tag::-moz-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.Input__tag::-ms-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.Input__tag::placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.Input--Mobile .Input__tag::-webkit-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.Input--Mobile .Input__tag::-moz-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.Input--Mobile .Input__tag::-ms-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.Input--Mobile .Input__tag::placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.Input input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.Input input[type="number"]::-webkit-outer-spin-button,
.Input input[type="number"]::-webkit-inner-spin-button {
  display: none;
}
.Input__hidden {
  pointer-events: none;
  width: 0;
  height: 0;
  padding: 0;
}
.Input__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  margin: auto;
  width: 16px;
  height: 16px;
  color: #00a455;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.Input--Mobile .Input__check {
  right: 2.5vw;
  width: 4.444444444444445vw;
  height: 4.444444444444445vw;
}
.Input--valid .Input__check {
  opacity: 1;
}
.Input__errorMessage {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #ee4b19;
  position: absolute;
  top: calc(4px + 100%);
}
.Input--Mobile .Input__errorMessage {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  color: #ee4b19;
  top: calc(1.111111111111111vw + 100%);
}

.CheckBox {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 18px;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  grid-auto-columns: auto;
  grid-gap: 9px;
  grid-auto-flow: column;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.CheckBox--Mobile {
  height: 5vw;
  grid-gap: 2.5vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
}
.CheckBox--true {
  color: #12152a;
}
.CheckBox__title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.CheckBox__box {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
  tab-index: 1;
}
.CheckBox--Mobile .CheckBox__box {
  width: 5vw;
  height: 5vw;
}
.CheckBox__box--checkbox {
  border: 1px solid #e8e8ea;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.CheckBox--Mobile .CheckBox__box--checkbox {
  border-width: 0.277777777777778vw;
  border-radius: 0.833333333333333vw;
}
.CheckBox--true .CheckBox__box--checkbox {
  border-color: #00a455;
}
.CheckBox--disabled .CheckBox__box--checkbox {
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.CheckBox--invalid .CheckBox__box--checkbox {
  border-color: #ee4b19;
}
.CheckBox__box--radiobutton {
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  border: 1px solid #ebebeb;
  border-radius: 9px;
}
.CheckBox--Mobile .CheckBox__box--radiobutton {
  border-width: 0.277777777777778vw;
  border-radius: 2.5vw;
}
.CheckBox--true .CheckBox__box--radiobutton {
  border-width: 6px;
  border-color: #00a455;
}
.CheckBox--Mobile.CheckBox--true .CheckBox__box--radiobutton {
  border-width: 1.666666666666667vw;
}
.CheckBox--disabled .CheckBox__box--radiobutton {
  border-color: #ebebeb;
}
.CheckBox__box__svg {
  width: 100%;
  height: 100%;
  padding: 2px;
  color: transparent;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.CheckBox--Mobile .CheckBox__box__svg {
  padding: 0.555555555555556vw;
}
.CheckBox--true .CheckBox__box__svg {
  color: #00a455;
}

.SelectList {
  height: 34px;
  width: 100px;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  position: relative;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  background-color: #fff;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.SelectList--openOnArrow {
  cursor: unset;
}
.SelectList--Mobile {
  height: 9.444444444444445vw;
  width: 27.77777777777778vw;
  border-radius: 2.222222222222222vw;
  border-width: 0.277777777777778vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  background-color: #fff;
}
.SelectList--valid {
  border-color: #00a455;
}
.SelectList--invalid {
  border-color: #ee4b19;
}
.SelectList--disabled {
  pointer-events: none;
  color: #71737f;
}
.SelectList__tooltipTrigger {
  width: 100%;
  height: 100%;
}
.SelectList__selectedValue {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: grid;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  padding: 0 9px;
}
.SelectList--Mobile .SelectList__selectedValue {
  padding: 0 2.5vw;
  grid-gap: 4.444444444444445vw;
}
.SelectList__selectedValue--empty {
  color: #a0a1aa;
}
.SelectList__selectedValue__text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SelectList__button {
  width: 10px;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
  z-index: 1;
}
.SelectList--Mobile .SelectList__button {
  width: 2.777777777777778vw;
}
.SelectList__button--rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.SelectList__emptySpace {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
}
.SelectList__icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.SelectList--Mobile .SelectList__icon {
  width: 4.444444444444445vw;
  height: 4.444444444444445vw;
}
.SelectList__icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.SelectListOptions {
  pointer-events: all;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
  border-radius: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-rows: 100%;
  background-color: #fff;
}
.SelectListOptions--Mobile {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  -webkit-transform: translateX(0.277777777777778vw);
          transform: translateX(0.277777777777778vw);
  border-radius: 2.222222222222222vw;
}
.SelectListOptions__rows {
  width: 100%;
  height: 100%;
}
.SelectListOptions__row {
  pointer-events: all;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.SelectListOptions--Mobile .SelectListOptions__row {
  height: 12.222222222222221vw;
  padding-left: 4.166666666666667vw;
  font-size: 3.888888888888889vw;
  line-height: 5vw;
}
.SelectListOptions__row:hover {
  background-color: #f2f4f6;
  color: #12152a;
}
.SelectListOptions__row--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  color: #71737f;
  pointer-events: none;
}
.SelectListOptions__row--measurer {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.SelectListOptions__row__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.TooltipModal__positionDiv {
  z-index: 100506;
  position: fixed;
  width: 0;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.TooltipModal__positionDiv--shadow {
  pointer-events: none;
  opacity: 0;
}
.TooltipModal__positionDiv--shadow * {
  pointer-events: none !important;
}
.TooltipModal__bodyHolder {
  position: absolute;
}
.TooltipModal__bodyHolder--Mobile {
  font-size: 5vmin;
}
.TooltipModal__fade {
  width: 100vw;
  height: 100vh;
  height: var(--screen-height);
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(18,21,42,0.6);
}

.ToastContent {
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ToastContent--Mobile {
  gap: 4.444444444444445vw;
}
.ToastContent__texts {
  display: grid;
  gap: 3px;
}
.ToastContent--Mobile .ToastContent__texts {
  gap: 0.833333333333333vw;
}
.ToastContent__description {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.ToastContent--Mobile .ToastContent__description {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
}
.ToastContent__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
}
.ToastContent--Mobile .ToastContent__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.277777777777778vmin;
  font-weight: 600;
}
.ToastContainer {
  padding: 0px;
}
.ToastContainer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 3px solid #fff;
  padding: 7px 10px;
}
.ToastContainer--Mobile .ToastContainer__body {
  border-left: 0.833333333333333vw solid #fff;
  padding: 1.944444444444444vw 2.777777777777778vw;
}
.ToastContainer .Toastify__toast {
  padding: 0px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  background: #fff;
  border-radius: 3px;
  padding-right: 15px;
}
.ToastContainer--Mobile.ToastContainer .Toastify__toast {
  min-height: auto;
  border-radius: 0px;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  padding-right: 4.166666666666667vw;
  margin-bottom: 1.388888888888889vw;
}
.ToastContainer .Toastify__close-button {
  -ms-flex-item-align: center;
      align-self: center;
  color: #a0a1aa;
  align-self: center;
  width: 14px;
}
.ToastContainer--Mobile.ToastContainer .Toastify__close-button {
  width: 3.888888888888889vw;
}

.ModalManager {
  z-index: 10;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.ModalInstance {
  pointer-events: all;
  width: 1280px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  max-height: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
          box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  overflow: hidden;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ModalInstance--themeAccountFullScreen {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: rgba(18,21,42,0.6);
}
.ModalInstance--Mobile.ModalInstance--themeAccountFullScreen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.ModalInstance--themeDashboardFullScreen {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: rgba(18,21,42,0.6);
}
.ModalInstance--Mobile.ModalInstance--themeDashboardFullScreen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.ModalInstance--dragging {
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ModalInstance--headless {
  grid-template-rows: 1fr;
}
.ModalInstance--fullScreen {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.ModalInstance--fullBodyVisible {
  max-height: unset;
}
.ModalInstance--shaking {
  -webkit-animation: shaking 100ms infinite steps(6);
          animation: shaking 100ms infinite steps(6);
}
.ModalInstance--Mobile {
  margin: 0;
  width: calc(100vw - 5.555555555555555vmin);
  height: unset;
  max-height: calc(100% - 12.222222222222221vmin);
  max-width: calc(100vw - 5.555555555555555vmin);
  -webkit-box-shadow: 0 0 2.777777777777778vmin 0 #000;
          box-shadow: 0 0 2.777777777777778vmin 0 #000;
  border-radius: 2.222222222222222vmin;
}
.ModalInstance__header {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  width: 100%;
  height: 36px;
  padding: 0 16px;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e8e8ea;
  cursor: move;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  background-color: #f2f4f6;
  color: #12152a;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.ModalInstance__header--noDrag {
  cursor: default;
}
.ModalInstance--themeDark .ModalInstance__header {
  background-color: #12152a;
  color: #fff;
  border-bottom-color: #12152a;
}
.ModalInstance--Mobile.ModalInstance--themeDark .ModalInstance__header {
  background-color: #12152a;
  color: #fff;
  border-bottom-color: #12152a;
}
.ModalInstance--themeAccountFullScreen .ModalInstance__header {
  background-color: transparent;
  color: #fff;
  border-bottom: none;
  height: 48px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ModalInstance--Mobile.ModalInstance--themeAccountFullScreen .ModalInstance__header {
  height: 24.166666666666668vmin;
  color: #fff;
  font-size: 5.555555555555555vmin;
}
.ModalInstance--themeDashboardFullScreen .ModalInstance__header {
  background-color: transparent;
  color: #fff;
  border-bottom: none;
  height: 48px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  backdrop-filter: blur(4px);
}
.ModalInstance--Mobile.ModalInstance--themeDashboardFullScreen .ModalInstance__header {
  height: 12.777777777777779vmin;
  color: #fff;
  font-size: 5.555555555555555vmin;
  backdrop-filter: blur(1.111111111111111vmin);
}
.ModalInstance--Mobile .ModalInstance__header {
  height: 10vmin;
  padding: 0 0;
  padding-left: 5vmin;
  border-bottom-width: 0.277777777777778vmin;
  border-top-right-radius: 2.222222222222222vmin;
  border-top-left-radius: 2.222222222222222vmin;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.ModalInstance--headless .ModalInstance__header {
  display: none;
}
.ModalInstance__header__controls {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.ModalInstance__header__controlsButton {
  width: 36px;
  height: 100%;
  color: #71737f;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ModalInstance__header__controlsButton .SvgIcon {
  width: 10px;
  height: 10px;
}
.ModalInstance--themeAccountFullScreen .ModalInstance__header__controlsButton .SvgIcon {
  width: 16px;
  height: 16px;
}
.ModalInstance--Mobile.ModalInstance--themeAccountFullScreen .ModalInstance__header__controlsButton .SvgIcon {
  width: 4.444444444444445vmin;
  height: 4.444444444444445vmin;
}
.ModalInstance--themeDashboardFullScreen .ModalInstance__header__controlsButton .SvgIcon {
  width: 16px;
  height: 16px;
}
.ModalInstance--Mobile.ModalInstance--themeDashboardFullScreen .ModalInstance__header__controlsButton .SvgIcon {
  width: 4.444444444444445vmin;
  height: 4.444444444444445vmin;
}
.ModalInstance--Mobile .ModalInstance__header__controlsButton {
  width: 10vmin;
}
.ModalInstance__header__controlsButton:hover {
  color: #12152a;
}
.ModalInstance--themeAccountFullScreen .ModalInstance__header__controlsButton {
  width: 48px;
  color: #fff;
}
.ModalInstance--Mobile.ModalInstance--themeAccountFullScreen .ModalInstance__header__controlsButton {
  width: 13.333333333333334vmin;
}
.ModalInstance--themeAccountFullScreen .ModalInstance__header__controlsButton:hover {
  color: #fff;
}
.ModalInstance--themeDashboardFullScreen .ModalInstance__header__controlsButton {
  width: 48px;
  color: #fff;
}
.ModalInstance--Mobile.ModalInstance--themeDashboardFullScreen .ModalInstance__header__controlsButton {
  width: 13.333333333333334vmin;
}
.ModalInstance--themeDashboardFullScreen .ModalInstance__header__controlsButton:hover {
  color: #fff;
}
.ModalInstance--themeDark .ModalInstance__header__controlsButton {
  color: #d0d0d4;
}
.ModalInstance--themeDark .ModalInstance__header__controlsButton:hover {
  color: #fff;
}
.ModalInstance__header__controlsButton__icon {
  height: 10px;
  width: 10px;
  text-align: center;
}
.ModalInstance--Mobile .ModalInstance__header__controlsButton__icon {
  height: 2.777777777777778vmin;
  width: 2.777777777777778vmin;
}
.ModalInstance__body {
  overflow: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  background-color: #fff;
}
.ModalInstance--themeAccountFullScreen .ModalInstance__body {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding: 50px;
  overflow-y: auto;
}
.ModalInstance--Desktop.ModalInstance--themeAccountFullScreen .ModalInstance__body {
  display: grid;
  grid-template-columns: 630px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.ModalInstance--Mobile.ModalInstance--themeAccountFullScreen .ModalInstance__body {
  padding: 2.777777777777778vmin;
  border-top-right-radius: 4.166666666666667vmin;
  border-top-left-radius: 4.166666666666667vmin;
}
.ModalInstance--themeDashboardFullScreen .ModalInstance__body {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  overflow-y: auto;
}
.ModalInstance--Mobile.ModalInstance--themeDashboardFullScreen .ModalInstance__body {
  border-top-right-radius: 4.166666666666667vmin;
  border-top-left-radius: 4.166666666666667vmin;
}
.ModalInstance__holder {
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-y: hidden;
  overflow-x: hidden;
  background-color: transparent;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.ModalInstance__holder--themeAccountFullScreen {
  backdrop-filter: blur(10px);
}
.ModalInstance--Mobile.ModalInstance__holder--themeAccountFullScreen {
  backdrop-filter: blur(2.777777777777778vmin);
}
.ModalInstance__holder--closing {
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.ModalInstance__holder--themeAccountFullScreen.ModalInstance__holder--closing {
  backdrop-filter: blur(0);
}
.ModalInstance--Mobile.ModalInstance__holder--themeAccountFullScreen.ModalInstance__holder--closing {
  backdrop-filter: blur(0);
}
.ModalInstance__holder--opening {
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.ModalInstance__holder--themeAccountFullScreen.ModalInstance__holder--opening {
  backdrop-filter: blur(0);
}
.ModalInstance--Mobile.ModalInstance__holder--themeAccountFullScreen.ModalInstance__holder--opening {
  backdrop-filter: blur(0);
}
.ModalInstance__holder--faded {
  background-color: rgba(255,255,255,0.3);
  pointer-events: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ModalInstance__holder--dragging {
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ModalInstance__holder--fullBodyVisible {
  overflow-y: scroll;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ModalInstance__holder--Mobile .ModalInstance__holder--faded {
  background-color: rgba(255,255,255,0.5);
}
.ModalInstance__positioner {
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}
.ModalInstance__positioner--centered {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ModalInstance__positioner--fullBodyVisible {
  padding: 16px 0;
  height: unset;
}
@-webkit-keyframes shaking {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(2px, 0);
            transform: translate(2px, 0);
  }
  40% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  60% {
    -webkit-transform: translate(2px, 0);
            transform: translate(2px, 0);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  100% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
}
@keyframes shaking {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(2px, 0);
            transform: translate(2px, 0);
  }
  40% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  60% {
    -webkit-transform: translate(2px, 0);
            transform: translate(2px, 0);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  100% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px);
  }
}

.ModalInstance.WaitingModal {
  font-family: 'Rubik';
  width: 400px;
  height: 250px;
  background-color: rgba(255,255,255,0);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ModalInstance.WaitingModal .ModalInstance__header {
  height: 0;
  display: none;
}
.ModalInstance.WaitingModal .WaitingModal__body {
  text-align: center;
  background-color: rgba(245,247,252,0);
  overflow-y: hidden;
}
.ModalInstance.WaitingModal .WaitingModal__body__title {
  width: 100%;
  font-size: 1.5em;
  font-weight: 500;
  margin-bottom: 42px;
  margin-top: 50px;
}
.ModalInstance.WaitingModal .WaitingModal__body__text {
  width: 100%;
  margin-bottom: 40px;
}
.ModalInstance.InfoModal {
  min-width: 430px;
  max-width: 600px;
  width: unset;
  height: 370px;
}
.ModalInstance.InfoModal.ModalInstance--Mobile {
  min-width: unset;
  height: 100vw;
}
.ModalInstance.InfoModal .ModalInstance__header {
  height: 0;
}
.ModalInstance.InfoModal .InfoModal__body {
  display: grid;
  grid-template-rows: 2fr 0.5fr 1fr 1fr;
  padding: 25px;
  height: 100%;
}
.ModalInstance--Mobile.ModalInstance.InfoModal .InfoModal__body {
  font-size: 5vw;
  grid-template-rows: 2fr 0.5fr 1fr 1fr;
  padding: 5vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ModalInstance.InfoModal .InfoModal__body__iconBackground {
  padding: 25px;
  width: 100%;
  height: 100%;
  color: #fd9909;
  background-position: center;
  background-size: contain;
}
.ModalInstance--Mobile.ModalInstance.InfoModal .InfoModal__body__iconBackground {
  padding: 4.444444444444445vw;
}
.ModalInstance.InfoModal .InfoModal__body__icon {
  padding: 25px;
  width: 100%;
  height: 100%;
  color: #4d6eff;
}
.ModalInstance--Mobile.ModalInstance.InfoModal .InfoModal__body__icon {
  padding: 4.444444444444445vw;
}
.ModalInstance.InfoModal .InfoModal__body__title {
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  margin: auto;
}
.ModalInstance--Mobile.ModalInstance.InfoModal .InfoModal__body__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  margin-bottom: 0;
  margin-top: 0;
  white-space: pre-line;
  font-size: 1.2em;
}
.ModalInstance.InfoModal .InfoModal__body__text {
  width: 80%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
  text-align: center;
  margin: auto;
}
.ModalInstance--Mobile.ModalInstance.InfoModal .InfoModal__body__text {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  margin-bottom: 0;
  margin-top: 0;
  white-space: pre-line;
}
.ModalInstance.InfoModal .InfoModal__body__controls {
  width: 100%;
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
}
.ModalInstance--Mobile.ModalInstance.InfoModal .InfoModal__body__controls {
  grid-gap: 4.444444444444445vw;
}
.ModalInstance.InfoModal .InfoModal__body__controls .Button {
  width: 100%;
}
.ModalInstance.SuccessModal {
  width: 400px;
  height: 300px;
  font-family: 'Rubik';
}
.ModalInstance.SuccessModal .ModalInstance__header {
  height: 0;
  display: none;
}
.ModalInstance.SuccessModal .SuccessModal__body {
  text-align: center;
}
.ModalInstance.SuccessModal .SuccessModal__body__title {
  width: 100%;
  font-size: 1em;
  padding: 20px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
}
.ModalInstance.SuccessModal .SuccessModal__body__text {
  width: 100%;
  margin-bottom: -20px;
  min-height: 200px;
  margin-top: -45px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCA0MjYuNjY3IDQyNi42NjciCiAgIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyNi42NjcgNDI2LjY2NzsiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIHdpZHRoPSI1MTJweCIKICAgaGVpZ2h0PSI1MTJweCIKICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2tlZC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMyAoMjQwNTU0NiwgMjAxOC0wMy0xMSkiPjxtZXRhZGF0YQogICBpZD0ibWV0YWRhdGExMSI+PHJkZjpSREY+PGNjOldvcmsKICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICBpZD0iZGVmczkiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxIgogICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICBncmlkdG9sZXJhbmNlPSIxMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IgogICBpZD0ibmFtZWR2aWV3NyIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpbmtzY2FwZTp6b29tPSIwLjQ2MDkzNzUiCiAgIGlua3NjYXBlOmN4PSItMTc2LjgxMzU2IgogICBpbmtzY2FwZTpjeT0iMjU2IgogICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgaW5rc2NhcGU6d2luZG93LXk9IjI4IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPgoJPGNpcmNsZQogICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoyLjA5NTE3NDc5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6bm9ybWFsIgogICBpZD0icGF0aDgxOCIKICAgY3g9IjIxMy4zMzM0OCIKICAgY3k9IjIwOS43MTc2NyIKICAgcj0iMTg0LjQwNjkyIiAvPgoJPGcKICAgaWQ9Imc0Ij48cGF0aAogICAgIGQ9Ik0gMjEzLjMzMywwIEMgOTUuNTE4LDAgMCw5NS41MTQgMCwyMTMuMzMzIGMgMCwxMTcuODE5IDk1LjUxOCwyMTMuMzMzIDIxMy4zMzMsMjEzLjMzMyAxMTcuODI4LDAgMjEzLjMzMywtOTUuNTE0IDIxMy4zMzMsLTIxMy4zMzMgQyA0MjYuNjY2LDk1LjUxNCAzMzEuMTU3LDAgMjEzLjMzMywwIFoiCiAgICAgZGF0YS1vcmlnaW5hbD0iIzZBQzI1OSIKICAgICBjbGFzcz0iYWN0aXZlLXBhdGgiCiAgICAgZGF0YS1vbGRfY29sb3I9IiM2QUMyNTkiCiAgICAgaWQ9InBhdGgyIgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgc3R5bGU9ImZpbGw6IzZBQzI1OSIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9InNzc3NzIiAvPjwvZz4gPHBhdGgKICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MjQuMzMwOTA1OTE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgZD0ibSAxMTkuMDk3NDMsMjE2LjU1MTg2IDYyLjYzOTg0LDYwLjU0NDYxIDEzMS4yNDUzOCwtMTI1LjQxMzgzIgogICBpZD0icGF0aDgzMSIKICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2MiIC8+PC9zdmc+);
  background-size: 60px;
  background-position: center;
}
.ModalInstance.SuccessModal .SuccessModal__body__controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ModalInstance.AlertModal {
  min-width: 430px;
  max-width: 600px;
  width: unset;
  height: 370px;
}
.ModalInstance.AlertModal.ModalInstance--Mobile {
  min-width: unset;
  height: 100vw;
}
.ModalInstance.AlertModal .ModalInstance__header {
  height: 0;
}
.ModalInstance.AlertModal .AlertModal__body {
  display: grid;
  grid-template-rows: 2fr 0.5fr 1fr 1fr;
  padding: 25px;
  height: 100%;
}
.ModalInstance--Mobile.ModalInstance.AlertModal .AlertModal__body {
  font-size: 5vw;
  grid-template-rows: 2fr 0.5fr 1fr 1fr;
  padding: 5vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ModalInstance.AlertModal .AlertModal__body__icon {
  padding: 25px;
  width: 100%;
  height: 100%;
  color: #ee4b19;
}
.ModalInstance--Mobile.ModalInstance.AlertModal .AlertModal__body__icon {
  padding: 4.444444444444445vw;
}
.ModalInstance.AlertModal .AlertModal__body__title {
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  margin: auto;
}
.ModalInstance--Mobile.ModalInstance.AlertModal .AlertModal__body__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  margin-bottom: 0;
  margin-top: 0;
  white-space: pre-line;
  font-size: 1.2em;
}
.ModalInstance.AlertModal .AlertModal__body__text {
  width: 80%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
  text-align: center;
  margin: auto;
}
.ModalInstance--Mobile.ModalInstance.AlertModal .AlertModal__body__text {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  margin-bottom: 0;
  margin-top: 0;
  white-space: pre-line;
}
.ModalInstance.AlertModal .AlertModal__body__controls {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(128px, -webkit-max-content);
  grid-template-columns: minmax(128px, max-content);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ModalInstance--Mobile.ModalInstance.AlertModal .AlertModal__body__controls {
  grid-template-columns: minmax(35.55555555555556vw, -webkit-max-content);
  grid-template-columns: minmax(35.55555555555556vw, max-content);
}
.ModalInstance.AlertModal .AlertModal__body__controls .Button {
  width: 100%;
}
.ModalInstance.WarningModal {
  min-width: 430px;
  max-width: 600px;
  width: unset;
  height: 370px;
}
.ModalInstance.WarningModal.ModalInstance--Mobile {
  min-width: unset;
  height: 100vw;
}
.ModalInstance.WarningModal .ModalInstance__header {
  height: 0;
}
.ModalInstance.WarningModal .WarningModal__body {
  display: grid;
  grid-template-rows: 2fr 0.5fr 1fr 1fr;
  padding: 25px;
  height: 100%;
}
.ModalInstance--Mobile.ModalInstance.WarningModal .WarningModal__body {
  font-size: 5vw;
  grid-template-rows: 2fr 0.5fr 1fr 1fr;
  padding: 5vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ModalInstance.WarningModal .WarningModal__body__iconBackground {
  padding: 25px;
  width: 100%;
  height: 100%;
  color: #fd9909;
  background-position: center;
  background-size: contain;
}
.ModalInstance--Mobile.ModalInstance.WarningModal .WarningModal__body__iconBackground {
  padding: 4.444444444444445vw;
}
.ModalInstance.WarningModal .WarningModal__body__icon {
  padding: 25px;
  width: 100%;
  height: 100%;
  color: #fd9909;
}
.ModalInstance--Mobile.ModalInstance.WarningModal .WarningModal__body__icon {
  padding: 4.444444444444445vw;
}
.ModalInstance.WarningModal .WarningModal__body__title {
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  margin: auto;
}
.ModalInstance--Mobile.ModalInstance.WarningModal .WarningModal__body__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  margin-bottom: 0;
  margin-top: 0;
  white-space: pre-line;
  font-size: 1.2em;
}
.ModalInstance.WarningModal .WarningModal__body__text {
  width: 80%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
  text-align: center;
  margin: auto;
}
.ModalInstance--Mobile.ModalInstance.WarningModal .WarningModal__body__text {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  margin-bottom: 0;
  margin-top: 0;
  white-space: pre-line;
}
.ModalInstance.WarningModal .WarningModal__body__controls {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
  grid-auto-flow: column;
}
.ModalInstance--Mobile.ModalInstance.WarningModal .WarningModal__body__controls {
  grid-gap: 4.444444444444445vw;
}
.ModalInstance.WarningModal .WarningModal__body__controls--custom {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-template-columns: unset;
  grid-auto-flow: column;
}
.ModalInstance.WarningModal .WarningModal__body__controls .Button {
  width: 100%;
}

.Button {
  height: 44px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: intrinsic;
  padding: 0 16px;
  overflow: hidden;
  cursor: pointer;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  border-radius: 8px;
  border: none;
}
.Button:focus {
  outline: none;
}
.Button--Mobile {
  height: 12.222222222222221vmin;
  padding: 0 4.444444444444445vmin;
  border-radius: 2.222222222222222vmin;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  color: #fff;
}
.Button__container {
  pointer-events: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Button--Mobile .Button__container {
  grid-column-gap: 3.333333333333333vmin;
}
.Button--big {
  height: 48px;
  padding: 0 20px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  color: #fff;
}
.Button--Mobile.Button--big {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
  color: #fff;
  height: 13.333333333333334vmin;
  padding: 0 5.555555555555555vmin;
}
.Button--small {
  height: 34px;
  padding: 0 12px;
}
.Button--Mobile.Button--small {
  height: 9.444444444444445vmin;
  padding: 0 3.333333333333333vmin;
}
.Button--smallRounded {
  height: 34px;
  padding: 0 12px;
  border-radius: 17px;
}
.Button--Mobile.Button--smallRounded {
  height: 9.444444444444445vmin;
  padding: 0 3.333333333333333vmin;
  border-radius: 4.722222222222222vmin;
}
.Button--smallText {
  height: 34px;
  padding: 0 0;
  font-weight: 500;
}
.Button--Mobile.Button--smallText {
  height: 9.444444444444445vmin;
}
.Button--smallNoPadding {
  height: 34px;
  padding: 0 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.Button--Mobile.Button--smallNoPadding {
  height: 9.444444444444445vmin;
  padding: 0 2.5vmin;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  color: #fff;
}
.Button--icon {
  height: 34px;
  width: 34px;
  padding: 0;
  border-radius: 8px;
}
.Button--icon .Button__container {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.Button--Mobile.Button--icon {
  height: 9.444444444444445vmin;
  width: 9.444444444444445vmin;
  border-radius: 2.222222222222222vmin;
}
.Button--smallIcon {
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 5px;
}
.Button--Mobile.Button--smallIcon {
  width: 5.555555555555555vmin;
  height: 5.555555555555555vmin;
  border-radius: 5px;
}
.Button--smallIcon .Button__container {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.Button--mediumIcon {
  height: 16px;
  height: intrinsic;
  padding: 0;
  border-radius: 5px;
}
.Button--Mobile.Button--mediumIcon {
  width: 4.444444444444445vmin;
  height: 4.444444444444445vmin;
}
.Button--mediumIcon .Button__container {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.Button--floatingMedium {
  height: 40px;
  width: 40px;
  padding: 0;
  border-radius: 50%;
}
.Button--floatingMedium .Button__container {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.Button--Mobile.Button--floatingMedium {
  height: 11.11111111111111vmin;
  width: 11.11111111111111vmin;
}
.Button--colorMain {
  background-color: #00a455;
  color: #fff;
}
.Button--colorMain:hover {
  background-color: #008d49;
}
.Button--colorInfo {
  background-color: #4d6eff;
  color: #fff;
}
.Button--colorInfo:hover {
  background-color: #4d6eff;
}
.Button--colorSecondary {
  background-color: #fff;
  color: #00a455;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.Button--Mobile.Button--colorSecondary {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  color: #00a455;
}
.Button--colorSecondary:hover {
  background-color: #008d49;
  color: #fff;
}
.Button--colorSecondary2 {
  background-color: #fff;
  color: #71737f;
  border: 1px dashed #dcdcdf;
}
.Button--Mobile.Button--colorSecondary2 {
  color: #71737f;
}
.Button--colorSecondary2:hover {
  color: #12152a;
  border: 1px dashed #c3c4c9;
}
.Button--colorNegative {
  background-color: #ee4b19;
  color: #fff;
}
.Button--Mobile.Button--colorNegative {
  color: #fff;
}
.Button--colorNegative:hover {
  color: #fff;
  background-color: #e1400f;
}
.Button--colorTextPrimary {
  background-color: transparent;
  color: #00a455;
}
.Button--colorTextPrimary:hover {
  background-color: transparent;
  color: #00a455;
}
.Button--colorTextPrimary:active {
  color: #00a455;
}
.Button--colorText {
  background-color: transparent;
  color: #71737f;
}
.Button--colorText:hover {
  background-color: transparent;
  color: #12152a;
}
.Button--colorText:active {
  color: #12152a;
}
.Button--colorTextPanel {
  background-color: transparent;
  color: #d0d0d4;
}
.Button--colorTextPanel:hover {
  background-color: transparent;
  color: #fff;
}
.Button--colorTextPanel:active {
  color: #fff;
}
.Button--colorTextCancel {
  background-color: transparent;
  color: #71737f;
}
.Button--disabled.Button--colorTextCancel {
  background-color: transparent;
}
.Button--colorTextCancel:hover {
  background-color: transparent;
  color: #ee4b19;
}
.Button--disabled.Button--colorTextCancel:hover {
  background-color: transparent;
}
.Button--colorTextCancel:active {
  color: #ee4b19;
}
.Button--colorTextNegative {
  background-color: transparent;
  color: #ee4b19;
}
.Button--disabled.Button--colorTextNegative {
  background-color: transparent;
}
.Button--colorTextNegative:hover {
  background-color: transparent;
  color: #ee4b19;
}
.Button--disabled.Button--colorTextNegative:hover {
  background-color: transparent;
}
.Button--colorTextNegative:active {
  color: #ee4b19;
}
.Button--colorUsual {
  background-color: #f2f4f6;
  color: #71737f;
}
.Button--colorUsual:hover {
  background-color: #f2f4f6;
  color: #12152a;
}
.Button--colorCancel {
  background-color: #fff;
  color: #71737f;
  border: 1px solid #e8e8ea;
}
.Button--colorCancel:hover {
  background-color: #e8e8ea;
  color: #ee4b19;
}
.Button--colorPanel {
  background-color: #404554;
  color: #d9dadd;
  border: none;
}
.Button--colorPanel:hover {
  background-color: #585b68;
  color: #fff;
}
.Button--disabled {
  background-color: #ebebeb;
  color: #a0a1aa;
  pointer-events: none;
}
.Button--disabled:hover {
  background-color: #ebebeb;
  color: #a0a1aa;
}
.Button:hover {
  cursor: pointer;
}
.Button__icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.Button--Mobile .Button__icon {
  width: 4.444444444444445vmin;
  height: 4.444444444444445vmin;
}
.Button--big .Button__icon {
  width: 20px;
  height: 20px;
}
.Button--Mobile.Button--big .Button__icon {
  width: 5.555555555555555vmin;
  height: 5.555555555555555vmin;
}
.Button--icon .Button__icon {
  height: 18px;
  width: 18px;
}
.Button--Mobile.Button--icon .Button__icon {
  height: 5vmin;
  width: 5vmin;
}
.Button--smallIcon .Button__icon {
  height: 8px;
  width: 8px;
}
.Button--Mobile.Button--smallIcon .Button__icon {
  height: 2.222222222222222vmin;
  width: 2.222222222222222vmin;
}
.Button--mediumIcon .Button__icon {
  height: 10px;
  width: 10px;
}
.Button--Mobile.Button--mediumIcon .Button__icon {
  height: 2.777777777777778vmin;
  width: 2.777777777777778vmin;
}
.Button--floatingMedium .Button__icon {
  height: 18px;
  width: 18px;
}
.Button--Mobile.Button--floatingMedium .Button__icon {
  height: 5vmin;
  width: 5vmin;
}
.Button__icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.Button__title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.IconWithText {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-column-gap: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.IconWithText--Mobile {
  grid-column-gap: 4.444444444444445vmin;
}
.IconWithText--noIcon {
  grid-template-columns: auto;
}
.IconWithText--colorPale {
  color: #71737f;
}
.IconWithText--colorNegative {
  color: #ee4b19;
}
.IconWithText--colorPrimary {
  color: #00a455;
}
.IconWithText__text {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 10px;
  overflow: hidden;
  line-height: 1.2em;
}
.IconWithText--Mobile .IconWithText__text {
  line-height: 1.2em;
  grid-column-gap: 2.777777777777778vmin;
}
.IconWithText__text--selectable {
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}
.IconWithText--disabled .IconWithText__text {
  color: #71737f;
}
.IconWithText__icon {
  width: 18px;
  height: 18px;
  -ms-flex-item-align: center;
      align-self: center;
}
.IconWithText--Mobile .IconWithText__icon {
  width: 5vmin;
  height: 5vmin;
}
.IconWithText--disabled .IconWithText__icon {
  color: #71737f;
}

.ToggleButton {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 18px;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  grid-auto-columns: auto;
  grid-gap: 9px;
  grid-auto-flow: column;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ToggleButton--titleFromLeft {
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
}
.ToggleButton--true {
  color: #12152a;
}
.ToggleButton--Mobile {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
  height: 5vw;
  grid-gap: 2.5vw;
}
.ToggleButton__box {
  width: 32px;
  height: 18px;
  border-radius: 9px;
  border: 0 solid transparent;
  cursor: pointer;
  position: relative;
  padding: 4px 4px;
}
.ToggleButton--Mobile .ToggleButton__box {
  width: 8.88888888888889vw;
  height: 5vw;
  border-radius: 2.5vw;
  border: 0vw solid transparent;
  padding: 1.111111111111111vw 1.111111111111111vw;
}
.ToggleButton__backgroundColor {
  width: 100%;
  height: 100%;
  background-color: #f2f4f6;
  border-radius: 5px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.ToggleButton--Mobile .ToggleButton__backgroundColor {
  border-radius: 1.388888888888889vw;
}
.ToggleButton--true .ToggleButton__backgroundColor {
  background-color: #c2e9d6;
}
.ToggleButton--disabled .ToggleButton__backgroundColor {
  background-color: #f2f4f6;
}
.ToggleButton__textLayer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: center;
  grid-template-columns: 1fr 1fr;
}
.ToggleButton__circle {
  background-color: #71737f;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: absolute;
  left: 0;
  top: 0;
}
.ToggleButton--true .ToggleButton__circle {
  -webkit-transform: translateX(14px);
          transform: translateX(14px);
  background-color: #00a455;
}
.ToggleButton--Mobile.ToggleButton--true .ToggleButton__circle {
  -webkit-transform: translateX(3.888888888888889vw);
          transform: translateX(3.888888888888889vw);
}
.ToggleButton--disabled .ToggleButton__circle {
  background-color: #71737f;
}
.ToggleButton--Mobile .ToggleButton__circle {
  width: 5vw;
  left: 0vw;
  top: 0vw;
  height: 5vw;
}
.ToggleButton__text {
  overflow: hidden;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.ToggleButton__text--left {
  color: #f2f4f6;
}
.ToggleButton__text--right {
  color: #00a455;
}

.FilePreLoader__input {
  display: none;
}

.InventoryItemPreviewCard {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: 'image' 'desc' 'buttons';
  grid-template-rows: 9.3fr -webkit-min-content 2fr;
  grid-template-rows: 9.3fr min-content 2fr;
  grid-template-columns: 100%;
  grid-row-gap: 4px;
  border-radius: 15px;
  text-align: center;
  background-color: #e8e8ea;
  -webkit-transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  overflow: hidden;
  -webkit-box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--Mobile {
  grid-row-gap: 1.111111111111111vw;
  border-radius: 2.222222222222222vw;
  -webkit-box-shadow: inset 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: inset 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--Tablet {
  grid-row-gap: 0.1in;
  border-radius: 0.2in;
  -webkit-box-shadow: inset 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
          box-shadow: inset 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--viewModeGridSmall {
  grid-template-areas: 'image desc' 'buttons buttons';
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 10px;
  padding-bottom: 6px;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard--viewModeGridSmall {
  grid-column-gap: 4.444444444444445vw;
  padding: 4.444444444444445vw 2.777777777777778vw;
  padding-bottom: 1.666666666666667vw;
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard--viewModeGridSmall {
  grid-column-gap: 0.1in;
  padding: 0.2in 0.1in;
}
.InventoryItemPreviewCard--viewModeTable {
  grid-template-areas: 'image desc buttons';
  grid-template-columns: -webkit-min-content auto -webkit-max-content;
  grid-template-columns: min-content auto max-content;
  grid-template-rows: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: left;
  grid-column-gap: 25px;
  padding: 12px 16px;
  padding-right: 112px;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard--viewModeTable {
  grid-column-gap: 5vw;
  padding: 3.333333333333333vw 4.444444444444445vw;
  grid-template-columns: -webkit-min-content auto -webkit-max-content;
  grid-template-columns: min-content auto max-content;
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard--viewModeTable {
  grid-column-gap: 0.6in;
  padding: 0.4in 0.5in;
  grid-template-columns: -webkit-min-content auto -webkit-max-content;
  grid-template-columns: min-content auto max-content;
}
.InventoryItemPreviewCard:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard:hover {
  background-color: #e8e8ea;
  -webkit-box-shadow: inset 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: inset 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--up.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard:hover {
  background-color: #e8e8ea;
  -webkit-box-shadow: inset 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
          box-shadow: inset 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--up.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--up {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  background-color: #fff;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard--up {
  background-color: #fff;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard--up {
  background-color: #fff;
  -webkit-box-shadow: 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.1in 0.2in 0 rgba(0,0,0,0.15);
}
.InventoryItemPreviewCard__image {
  grid-area: image;
  width: 75%;
  height: 75%;
  margin: auto;
  background-size: contain;
  background-position: center;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__image {
  width: 10vw;
  height: 100%;
}
.InventoryItemPreviewCard--viewModeTable .InventoryItemPreviewCard__image {
  width: 36px;
  height: 36px;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard--viewModeTable .InventoryItemPreviewCard__image {
  width: 10vw;
  height: 100%;
}
.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__image {
  width: 50px;
  height: 50px;
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__image {
  width: 1in;
  height: 1in;
}
.InventoryItemPreviewCard__sizeInNameAndDesc {
  display: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__sizeInNameAndDesc {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #a0a1aa;
  display: block;
}
.InventoryItemPreviewCard__nameAndDesc {
  display: grid;
  grid-area: desc;
  text-align: center;
  overflow: hidden;
}
.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__nameAndDesc {
  text-align: left;
}
.InventoryItemPreviewCard--viewModeTable .InventoryItemPreviewCard__nameAndDesc {
  text-align: left;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__nameAndDesc {
  grid-row-gap: 0.1in;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 100%;
}
.InventoryItemPreviewCard__controls {
  grid-area: buttons;
  height: 100%;
  width: 100%;
}
.InventoryItemPreviewCard--viewModeTable .InventoryItemPreviewCard__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.InventoryItemPreviewCard__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__name {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.277777777777778vmin;
  font-weight: 600;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__name {
  font-size: 0.2in;
  line-height: 1em;
}
.InventoryItemPreviewCard__desc {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__desc {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #a0a1aa;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__desc {
  font-size: 0.18in;
  line-height: 1em;
  white-space: unset;
}
.InventoryItemPreviewCard__size {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  position: absolute;
  top: 9px;
  left: 16px;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__size {
  display: none;
}
.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__size {
  top: unset;
  bottom: 8px;
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__size {
  bottom: 0.1in;
}
.InventoryItemPreviewCard--viewModeTable .InventoryItemPreviewCard__size {
  top: unset;
  left: unset;
  right: 64px;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__size {
  font-size: 0.17in;
  line-height: 1em;
}
.InventoryItemPreviewCard__bigAddBtn {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__bigAddBtn {
  border-bottom-left-radius: 4.166666666666667vw;
  border-bottom-right-radius: 4.166666666666667vw;
  background-color: #00a455;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__bigAddBtn {
  border-radius: 0.2in;
  border-radius: 0.2in;
  background-color: #00a455;
}
.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__bigAddBtn {
  padding: 10px 0;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__bigAddBtn {
  padding: 2.777777777777778vw 0;
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__bigAddBtn {
  padding: 0.2in 0;
}
.InventoryItemPreviewCard--viewModeTable .InventoryItemPreviewCard__bigAddBtn {
  width: auto;
  height: auto;
  margin: auto;
  border-radius: 8px;
  padding: 9px 16px;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard--viewModeTable .InventoryItemPreviewCard__bigAddBtn {
  border-radius: 2.222222222222222vw;
  padding: 2.5vw 4.444444444444445vw;
}
.InventoryItemPreviewCard__bigAddBtn:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -100%;
  z-index: 0;
  background-color: #e8e8ea;
  -webkit-transition: bottom 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__bigAddBtn:after {
  display: none;
}
.InventoryItemPreviewCard:hover .InventoryItemPreviewCard__bigAddBtn:after {
  -webkit-transition: bottom 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out, background-color 0.3s ease-in-out;
  background-color: #00a455;
  bottom: 0;
}
.InventoryItemPreviewCard__bigAddBtn .IconWithText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  color: #fff;
  color: #00a455;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  z-index: 1;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__bigAddBtn .IconWithText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
  color: #fff;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__bigAddBtn .IconWithText {
  font-size: 0.25in;
  line-height: 1em;
  color: #fff;
}
.InventoryItemPreviewCard:hover .InventoryItemPreviewCard__bigAddBtn .IconWithText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard:hover .InventoryItemPreviewCard__bigAddBtn .IconWithText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
  color: #fff;
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard:hover .InventoryItemPreviewCard__bigAddBtn .IconWithText {
  font-size: 0.25in;
  line-height: 1em;
  color: #fff;
}
.InventoryItemPreviewCard__smallButtons {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 44px auto 44px;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-items: center;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__smallButtons {
  grid-template-columns: 12.222222222222221vw minmax(6.666666666666667vw, -webkit-max-content) 12.222222222222221vw;
  grid-template-columns: 12.222222222222221vw minmax(6.666666666666667vw, max-content) 12.222222222222221vw;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__smallButtons {
  grid-template-columns: 0.8in auto 0.8in;
}
.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__smallButtons {
  padding: 2px 0;
}
.InventoryItemPreviewCard--Mobile.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__smallButtons {
  padding: 0.555555555555556vw 0;
}
.InventoryItemPreviewCard--Tablet.InventoryItemPreviewCard--viewModeGridSmall .InventoryItemPreviewCard__smallButtons {
  padding: 0.1in 0;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__smallButtons__button {
  height: 0.4in;
  width: 0.4in;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__smallButtons__button__icon {
  width: 0.4in;
  height: 0.4in;
}
.InventoryItemPreviewCard__count {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  text-align: center;
  padding: 0 25px;
}
.InventoryItemPreviewCard--Mobile .InventoryItemPreviewCard__count {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  text-align: center;
  padding: 0 0;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__count {
  font-size: 0.35in;
  line-height: 1em;
  text-align: center;
  padding: 0 0;
}
.InventoryItemPreviewCard__star {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #00a455;
}
.InventoryItemPreviewCard--Tablet .InventoryItemPreviewCard__star {
  width: 0.3in;
  height: 0.3in;
  top: 0.2in;
  right: 0.2in;
}

.SettingsBlock {
  border-radius: 8px;
  background-color: #fff;
  width: 850px;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
          box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.SettingsBlock--styleModal {
  width: 100%;
  height: 100%;
}
.SettingsBlock--Mobile.SettingsBlock--styleModal {
  border-radius: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.SettingsBlock__title {
  width: 100%;
  height: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: bold;
  padding: 0 30px;
  overflow: hidden;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
.SettingsBlock--Mobile.SettingsBlock--styleModal .SettingsBlock__title {
  height: 17.77777777777778vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: bold;
  padding: 0 8.333333333333334vw;
}
.SettingsBlock__title__controls {
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.SettingsBlock__body {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 30px;
  overflow-y: auto;
  border-bottom: solid #f2f2f2 1px;
}
.SettingsBlock--noControls .SettingsBlock__body {
  border-bottom: none;
}
.SettingsBlock--styleNoBodyPadding .SettingsBlock__body {
  padding: 0;
}
.SettingsBlock--Mobile.SettingsBlock--styleModal .SettingsBlock__body {
  padding: 5vw 5.555555555555555vw;
  border-bottom-width: 0.277777777777778vw;
}
.SettingsBlock__body--noPadding {
  padding: 0;
}
.SettingsBlock--Mobile .SettingsBlock__body--noPadding {
  padding: 0;
}
.SettingsBlock__controls {
  width: 100%;
  height: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.SettingsBlock--styleModal .SettingsBlock__controls {
  height: 56px;
}
.SettingsBlock--Mobile.SettingsBlock--styleModal .SettingsBlock__controls {
  height: 12.222222222222221vw;
  border-top-width: 0vw;
}
.SettingsBlock__controls--sticky {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.SettingsBlock__controls__customBlockLeft {
  justify-self: left;
}
.SettingsBlock--Mobile.SettingsBlock--styleModal .SettingsBlock__controls__customBlockLeft {
  display: none;
}
.SettingsBlock__controls__flier {
  width: 100%;
  height: 100%;
  padding: 0 30px;
  overflow-y: hidden;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-template-columns: 1fr;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 20px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  pointer-events: none;
}
.SettingsBlock--styleModal .SettingsBlock__controls__flier {
  padding: 0 15px;
  grid-column-gap: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.SettingsBlock--Mobile.SettingsBlock--styleModal .SettingsBlock__controls__flier {
  padding: 0 0;
  grid-column-gap: 0;
  grid-template-rows: 100%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}
.SettingsBlock__controls__flier--visible {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: all;
}
.SettingsBlock__controls__flier--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}
.SettingsBlock--Mobile.SettingsBlock--styleModal .SettingsBlock__controls__flier .Button {
  height: 100%;
  width: 100%;
  border-radius: 0;
}
.SettingsBlock__controls--sticky .SettingsBlock__controls__flier .Button {
  -webkit-box-shadow: 0 0 10px 10px #fff;
          box-shadow: 0 0 10px 10px #fff;
}

.TabPane--themeBordered > .TabPane__tabs {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 30px;
  border-bottom: 1px solid #e8e8ea;
  height: 56px;
  background-color: #fff;
  padding: 0 30px;
  grid-auto-flow: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.TabPane--Mobile.TabPane--themeBordered > .TabPane__tabs {
  grid-column-gap: 8.333333333333334vw;
  border-bottom-width: 0.277777777777778vw;
  height: 13.333333333333334vw;
  padding: 0 8.333333333333334vw;
}
.TabPane--themeBordered > .TabPane__tabs .TabButton {
  background-color: unset;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  position: relative;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  padding: 0;
}
.TabPane--themeBordered > .TabPane__tabs .TabButton:hover {
  color: #12152a;
}
.TabPane--themeBordered > .TabPane__tabs .TabButton:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #00a455;
  opacity: 0;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  border-radius: 0;
}
.TabPane--Mobile.TabPane--themeBordered > .TabPane__tabs .TabButton:after {
  bottom: -0.277777777777778vw;
  height: 0.833333333333333vw;
}
.TabPane--themeBordered > .TabPane__tabs .TabButton.TabButton--active:after {
  opacity: 1;
}

.TabButton {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  border-radius: 8px;
  background-color: transparent;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  cursor: pointer;
  padding: 0 9px;
  text-decoration: none;
  -webkit-transition: color, background-color, padding-right 0.2s ease-in-out;
  transition: color, background-color, padding-right 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.TabButton--Mobile {
  height: 9.444444444444445vmin;
  border-radius: 2.222222222222222vmin;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
  padding: 0 2.5vmin;
  text-decoration: none;
}
.TabButton--changed {
  padding-right: 22px;
}
.TabButton--Mobile.TabButton--changed {
  padding-right: 6.111111111111111vmin;
}
.TabButton:after {
  content: '';
  display: block;
  right: 12px;
  position: absolute;
  width: 8px;
  height: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  border-radius: 50%;
  background-color: #ee4b19;
}
.TabButton--Mobile.TabButton:after {
  right: 3.333333333333333vmin;
  width: 2.222222222222222vmin;
  height: 2.222222222222222vmin;
}
.TabButton--changed.TabButton:after {
  opacity: 1;
}
.TabButton--sizeBig {
  padding: 0 15px;
  height: 42px;
  font-weight: 600;
  border-radius: 10px;
}
.TabButton--Mobile.TabButton--sizeBig {
  padding: 0 4.166666666666667vmin;
  height: 11.666666666666666vmin;
  border-radius: 2.777777777777778vmin;
}
.TabButton--active {
  color: #12152a;
  background-color: #f2f4f6;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}
.TabButton--Mobile.TabButton--active {
  -webkit-box-shadow: 0 0.277777777777778vmin 0.555555555555556vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.277777777777778vmin 0.555555555555556vmin 0 rgba(0,0,0,0.15);
}
.TabButton__icon {
  position: relative;
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
.TabButton--Mobile .TabButton__icon {
  font-size: 5vmin;
  width: 5vmin;
  height: 5vmin;
  margin-right: 4.444444444444445vmin;
}
.TabButton__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.AccountCustomBlocksSettings__body {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  padding: 16px 0;
}
.AccountCustomBlocksSettings__row {
  height: 62px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
  padding: 0 30px;
}
.AccountCustomBlocksSettings__row__borderedPart {
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content 1fr -webkit-max-content -webkit-max-content;
  grid-template-columns: min-content 1fr max-content max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-bottom: 1px solid #e8e8ea;
}
.AccountCustomBlocksSettings__row:last-child .AccountCustomBlocksSettings__row__borderedPart {
  border-bottom: 1px solid #fff;
}
.AccountCustomBlocksSettings__row__dragIcon {
  width: 16px;
  height: 16px;
  border-bottom: 1px solid #fff;
}
.AccountCustomBlocksSettings__row__icon {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: contain;
}
.AccountCustomBlocksSettings__row__description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 15px;
  font-weight: 500;
}
.AccountCustomBlocksSettings__row__description__desc {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  margin-top: 2px;
}

.BlockWithTitle {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  grid-row-gap: 9px;
}
.BlockWithTitle--Mobile {
  grid-row-gap: 2.5vw;
}
.BlockWithTitle__inputRow {
  padding-left: calc(16px + 1.2em);
}
.BlockWithTitle__inputRow--noPadding {
  padding-left: unset;
}
.BlockWithTitle--Mobile .BlockWithTitle__inputRow {
  padding-left: calc(4.444444444444445vw + 1.2em);
}
.BlockWithTitle--Mobile .BlockWithTitle__inputRow--noPadding {
  padding-left: unset;
}
.BlockWithTitle .Input,
.BlockWithTitle .SelectList {
  width: 100%;
}

.ImagePreLoader {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #71737f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ImagePreLoader--normal {
  padding: 0 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding-bottom: 75px;
}
.ImagePreLoader--Mobile.ImagePreLoader--normal {
  padding: 6.944444444444445vw;
}
.ImagePreLoader--wide {
  padding-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ImagePreLoader--Mobile.ImagePreLoader--wide {
  padding-left: 6.944444444444445vw;
}
.ImagePreLoader--Mobile {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  padding: 6.944444444444445vw;
}
.ImagePreLoader--isLoaded.ImagePreLoader--Mobile {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ImagePreLoader.FilePreLoader {
  border-radius: 8px;
}
.ImagePreLoader--Mobile.ImagePreLoader.FilePreLoader {
  border-radius: 2.222222222222222vw;
}
.ImagePreLoader--normal {
  width: 256px;
  height: 256px;
  border: 1px #e8e8ea dashed;
}
.ImagePreLoader--Mobile.ImagePreLoader--normal {
  width: 71.11111111111111vw;
  height: 71.11111111111111vw;
  border-width: 0.277777777777778vw;
}
.ImagePreLoader--wide {
  width: 395px;
  height: 180px;
  border: 2px #e8e8ea dashed;
}
.ImagePreLoader--Mobile.ImagePreLoader--wide {
  width: 109.72222222222223vw;
  height: 50vw;
  border: 0.555555555555556vw #e8e8ea dashed;
}
.ImagePreLoader.FilePreLoader--dragOver {
  border-color: #00a455;
}
.ImagePreLoader.FilePreLoader--dragOver * {
  pointer-events: none;
}
.ImagePreLoader__text {
  text-align: center;
}
.ImagePreLoader--wide .ImagePreLoader__text {
  padding: 0 25px;
}
.ImagePreLoader--Mobile.ImagePreLoader--wide .ImagePreLoader__text {
  padding: 0 6.944444444444445vw;
}
.ImagePreLoader--normal .ImagePreLoader__text {
  margin-top: 16px;
}
.ImagePreLoader--Mobile.ImagePreLoader--normal .ImagePreLoader__text {
  margin-top: 4.444444444444445vw;
}
.ImagePreLoader--Mobile.ImagePreLoader--isLoaded .ImagePreLoader__text {
  display: none;
}
.ImagePreLoader__link {
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
  pointer-events: all;
}
.ImagePreLoader__image {
  background-size: contain;
  background-position: center;
}
.ImagePreLoader--wide .ImagePreLoader__image {
  width: 158px;
  min-width: 158px;
  height: 138px;
  border: 1px solid #e8e8ea;
  color: #00a455;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
}
.ImagePreLoader--Mobile.ImagePreLoader--wide .ImagePreLoader__image {
  width: 43.888888888888886vw;
  min-width: 43.888888888888886vw;
  height: 38.333333333333336vw;
  border: 0.277777777777778vw solid #e8e8ea;
  border-radius: 2.222222222222222vw;
}
.ImagePreLoader--wide .ImagePreLoader__image .SvgIcon {
  font-size: 44px;
  margin: auto;
  text-align: center;
  line-height: 138px;
}
.ImagePreLoader--Mobile.ImagePreLoader--wide .ImagePreLoader__image .SvgIcon {
  line-height: 38.333333333333336vw;
}
.ImagePreLoader--normal .ImagePreLoader__image {
  width: 104px;
  height: 104px;
  font-size: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #71737f;
}
.ImagePreLoader--Mobile.ImagePreLoader--normal .ImagePreLoader__image {
  width: 28.88888888888889vw;
  height: 28.88888888888889vw;
  font-size: 17.77777777777778vw;
}
.ImagePreLoader--isLoaded.ImagePreLoader--Mobile .ImagePreLoader__image {
  width: 100%;
  min-width: 100%;
  height: 100%;
}
.ImagePreLoader__updatingIcon {
  -webkit-animation: loadingAnimation 3s infinite linear;
          animation: loadingAnimation 3s infinite linear;
}
@-webkit-keyframes loadingAnimation {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingAnimation {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.CustomBlocksRowEditor {
  display: grid;
  grid-row-gap: 26px;
  grid-template-columns: 100%;
}
.CustomBlocksRowEditor__modal.ModalInstance {
  width: 480px;
}
.CustomBlocksRowEditor__row {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  grid-column-gap: 16px;
}
.CustomBlocksRowEditor .ImagePreLoader {
  width: 100%;
}
.CustomBlocksRowEditor .TrumbowygWrapper .trumbowyg-box {
  min-height: 234px;
}
.CustomBlocksRowEditor .TrumbowygWrapper .trumbowyg-editor {
  min-height: 158px;
}

body .trumbowyg-modal-box label input {
  line-height: 19px;
}
.TrumbowygWrapper--disabled {
  pointer-events: none;
  -webkit-filter: brightness(1) contrast(0.7);
          filter: brightness(1) contrast(0.7);
}
.TrumbowygWrapper .trumbowyg-box {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content -webkit-max-content 1fr;
  grid-template-rows: max-content max-content 1fr;
}
.TrumbowygWrapper .trumbowyg-box.trumbowyg-editor-hidden {
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
}
.TrumbowygWrapper .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none !important;
}
.TrumbowygWrapper .trumbowyg-editor,
.TrumbowygWrapper .trumbowyg-textarea {
  min-height: unset;
  height: unset !important;
  word-break: break-word;
}
.TrumbowygWrapper--Mobile.TrumbowygWrapper .trumbowyg-editor,
.TrumbowygWrapper--Mobile.TrumbowygWrapper .trumbowyg-textarea {
  padding: 5.555555555555555vw;
}
.TrumbowygWrapper .trumbowyg-button-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.TrumbowygWrapper--Mobile.TrumbowygWrapper .trumbowyg-button-pane {
  display: none;
}
.TrumbowygWrapper .trumbowyg-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.TrumbowygWrapper .trumbowyg-button-group:before {
  margin: 0 !important;
}
.TrumbowygWrapper .trumbowyg-button-group:after {
  margin: 0 !important;
}
.TrumbowygWrapper__svgs {
  display: none;
}
.TrumbowygWrapper .trumbowyg-clearStyles-button {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KPHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTguMSAxNGw2LjQtNy4yYzAuNi0wLjcgMC42LTEuOC0wLjEtMi41bC0yLjctMi43Yy0wLjMtMC40LTAuOC0wLjYtMS4zLTAuNmgtMS44Yy0wLjUgMC0xIDAuMi0xLjQgMC42bC02LjcgNy42Yy0wLjYgMC43LTAuNiAxLjkgMC4xIDIuNWwyLjcgMi43YzAuMyAwLjQgMC44IDAuNiAxLjMgMC42aDExLjR2LTFoLTcuOXpNNi44IDEzLjljMCAwIDAtMC4xIDAgMGwtMi43LTIuN2MtMC40LTAuNC0wLjQtMC45IDAtMS4zbDMuNC0zLjloLTFsLTMgMy4zYy0wLjYgMC43LTAuNiAxLjcgMC4xIDIuNGwyLjMgMi4zaC0xLjNjLTAuMiAwLTAuNC0wLjEtMC42LTAuMmwtMi44LTIuOGMtMC4zLTAuMy0wLjMtMC44IDAtMS4xbDMuNS0zLjloMS44bDMuNS00aDFsLTMuNSA0IDMuMSAzLjctMy41IDRjLTAuMSAwLjEtMC4yIDAuMS0wLjMgMC4yeiI+PC9wYXRoPgo8L3N2Zz4K);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.ServiceTypeName--withBackground {
  padding: 3px 6px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
}
.ServiceTypeName--Mobile.ServiceTypeName--withBackground {
  padding: 0.833333333333333vw 1.666666666666667vw;
  border-radius: 1.388888888888889vw;
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}

.ConfirmationAdditionalDetails {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Mark;
  display: grid;
  font-size: 12px;
  line-height: 1.583333333333333em;
  font-weight: 400;
  grid-row-gap: 12px;
  grid-column-gap: 16px;
  overflow-x: hidden;
}
.ConfirmationAdditionalDetails--Mobile {
  font-size: 3.333333333333333vw;
  grid-row-gap: 3.333333333333333vw;
  grid-column-gap: 4.444444444444445vw;
}
.ConfirmationAdditionalDetails__boldestText {
  font-size: 15px;
  font-weight: 500;
}
.ConfirmationAdditionalDetails--Mobile .ConfirmationAdditionalDetails__boldestText {
  font-size: 4.166666666666667vw;
}
.ConfirmationAdditionalDetails__boldText {
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
}
.ConfirmationAdditionalDetails--Mobile .ConfirmationAdditionalDetails__boldText {
  font-size: 3.611111111111111vw;
}
.ConfirmationAdditionalDetails__row {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  white-space: pre-line;
  word-break: break-word;
}
.ConfirmationAdditionalDetails--Mobile .ConfirmationAdditionalDetails__row {
  grid-column-gap: 4.444444444444445vw;
  grid-row-gap: 1.666666666666667vw;
}
.ConfirmationAdditionalDetails__row--title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
}
.ConfirmationAdditionalDetails__row--minAuto {
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.ConfirmationAdditionalDetails__grid {
  display: grid;
  grid-template-columns: minmax(auto, 30%) auto;
  grid-column-gap: 24px;
  grid-row-gap: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ConfirmationAdditionalDetails--Mobile .ConfirmationAdditionalDetails__grid {
  grid-column-gap: 6.666666666666667vw;
  grid-row-gap: 0.555555555555556vw;
}
.ConfirmationAdditionalDetails__grid--1col {
  grid-template-columns: 100%;
}
.ConfirmationAdditionalDetails__grid--textPaper60 {
  grid-template-columns: 100%;
  color: #71737f;
}
.ConfirmationAdditionalDetails__grid--flexEnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ConfirmationAdditionalDetails__icon {
  width: 18px;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.ConfirmationAdditionalDetails--Mobile .ConfirmationAdditionalDetails__icon {
  width: 5vw;
}
.ConfirmationAdditionalDetails__washerIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS42MDMxIDBIMi40MjM1N0MxLjU2Mjg5IDAgMC44NjI3OTMgMC42OTg3MyAwLjg2Mjc5MyAxLjU1NzcyVjE2LjQ0MjNDMC44NjI3OTMgMTcuMzAxMyAxLjU2Mjg5IDE4IDIuNDIzNTcgMThIMTUuNjAzMUMxNi40NjM4IDE4IDE3LjE2MzkgMTcuMzAxMyAxNy4xNjM5IDE2LjQ0MjNWMS41NTc3MkMxNy4xNjM5IDAuNjk4NzMgMTYuNDYzOCAwIDE1LjYwMzEgMFYwWk0xLjkwMzMxIDEuNTU3NzJDMS45MDMzMSAxLjI3MTM5IDIuMTM2NjcgMS4wMzg0OCAyLjQyMzU3IDEuMDM4NDhIMTUuNjAzMUMxNS44OSAxLjAzODQ4IDE2LjEyMzQgMS4yNzEzOSAxNi4xMjM0IDEuNTU3NzJWMy42MzQ1NUgxLjkwMzMxVjEuNTU3NzJaTTE2LjEyMzQgMTYuNDQyM0MxNi4xMjM0IDE2LjcyODYgMTUuODkgMTYuOTYxNSAxNS42MDMxIDE2Ljk2MTVIMi40MjM1N0MyLjEzNjY3IDE2Ljk2MTUgMS45MDMzMSAxNi43Mjg2IDEuOTAzMzEgMTYuNDQyM1Y0LjY3MzAzSDE2LjEyMzRWMTYuNDQyM1oiCiAgICAgICAgICBmaWxsPSIjNzE3MzdGIi8+CiAgICA8cGF0aCBkPSJNMTIuNDgxNCAxLjgxNzI2SDExLjQ0MTJDMTEuMTUzOSAxLjgxNzI2IDEwLjkyMDkgMi4wNDk3NiAxMC45MjA5IDIuMzM2NUMxMC45MjA5IDIuNjIzMjUgMTEuMTUzOSAyLjg1NTc0IDExLjQ0MTIgMi44NTU3NEgxMi40ODE0QzEyLjc2ODcgMi44NTU3NCAxMy4wMDE3IDIuNjIzMjUgMTMuMDAxNyAyLjMzNjVDMTMuMDAxNyAyLjA0OTc2IDEyLjc2ODcgMS44MTcyNiAxMi40ODE0IDEuODE3MjZaIgogICAgICAgICAgZmlsbD0iIzcxNzM3RiIvPgogICAgPHBhdGggZD0iTTE1LjI1NyAxLjgxNzI2SDE0LjIxNjhDMTMuOTI5NSAxLjgxNzI2IDEzLjY5NjUgMi4wNDk3NiAxMy42OTY1IDIuMzM2NUMxMy42OTY1IDIuNjIzMjUgMTMuOTI5NSAyLjg1NTc0IDE0LjIxNjggMi44NTU3NEgxNS4yNTdDMTUuNTQ0MyAyLjg1NTc0IDE1Ljc3NzIgMi42MjMyNSAxNS43NzcyIDIuMzM2NUMxNS43NzcyIDIuMDQ5NzYgMTUuNTQ0MyAxLjgxNzI2IDE1LjI1NyAxLjgxNzI2WiIKICAgICAgICAgIGZpbGw9IiM3MTczN0YiLz4KICAgIDxwYXRoIGQ9Ik0zLjk4NDYyIDEwLjgxNzNDMy45ODQ2MiAxMy41ODQ5IDYuMjQwNTQgMTUuODM2NSA5LjAxMzU1IDE1LjgzNjVDMTEuNzg2NyAxNS44MzY1IDE0LjA0MjYgMTMuNTg0OSAxNC4wNDI2IDEwLjgxNzNDMTQuMDQyNiAxMC42ODI2IDE0LjAzNzEgMTAuNTQ5MSAxNC4wMjY2IDEwLjQxNzFDMTQuMDI2NiAxMC40MTY0IDE0LjAyNjUgMTAuNDE1NyAxNC4wMjY1IDEwLjQxNTJDMTMuODIwNSA3LjgzNDkgMTEuNjUxIDUuNzk4MDMgOS4wMTM1NSA1Ljc5ODAzQzYuMzc2MjEgNS43OTgwMyA0LjIwNjcgNy44MzQ5IDQuMDAwNzIgMTAuNDE1MkM0LjAwMDU4IDEwLjQxNTcgNC4wMDA1OCAxMC40MTY0IDQuMDAwNTggMTAuNDE3MUMzLjk5MDEyIDEwLjU0OTEgMy45ODQ2MiAxMC42ODI2IDMuOTg0NjIgMTAuODE3M1pNOS4wMTM1NSAxNC43OThDNi45MDM2MiAxNC43OTggNS4xNzE0IDEzLjE1NDMgNS4wMzQwOCAxMS4wODI3QzUuMTQ2MzYgMTEuMTI4OSA1LjI0NTg0IDExLjE4OTggNS4zNTkzNiAxMS4yNTk1QzUuNjY2MiAxMS40NDggNi4wNDgzMSAxMS42ODI3IDYuNzU5MTQgMTEuNjgyN0M3LjQ2OTk3IDExLjY4MjcgNy44NTE5NCAxMS40NDgyIDguMTU4OTMgMTEuMjU5NkM4LjQxMzM0IDExLjEwMzMgOC41OTcwNCAxMC45OTA0IDkuMDEzNDEgMTAuOTkwNEM5LjQyOTc4IDEwLjk5MDQgOS42MTM2MSAxMS4xMDMzIDkuODY4MDMgMTEuMjU5NkMxMC4xNzUgMTEuNDQ4IDEwLjU1NzEgMTEuNjgyNyAxMS4yNjc5IDExLjY4MjdDMTEuOTc4OCAxMS42ODI3IDEyLjM2MDkgMTEuNDQ4MiAxMi42Njc5IDExLjI1OTZDMTIuNzgxNCAxMS4xODk4IDEyLjg4MDkgMTEuMTI4OSAxMi45OTMgMTEuMDgyN0MxMi44NTU4IDEzLjE1NDMgMTEuMTIzNiAxNC43OTggOS4wMTM1NSAxNC43OThaTTkuMDEzNTUgNi44MzY1MkMxMC45Mzg1IDYuODM2NTIgMTIuNTQ5NCA4LjIwNDU5IDEyLjkyMTMgMTAuMDE3N0MxMi41Njk4IDEwLjEwMSAxMi4zMjg4IDEwLjI0ODUgMTIuMTIyNiAxMC4zNzUxQzExLjg2ODIgMTAuNTMxNCAxMS42ODQzIDEwLjY0NDIgMTEuMjY3OSAxMC42NDQyQzEwLjg1MTYgMTAuNjQ0MiAxMC42Njc3IDEwLjUzMTQgMTAuNDEzMyAxMC4zNzUxQzEwLjEwNjMgMTAuMTg2NSA5LjcyNDM4IDkuOTUxODMgOS4wMTM0MSA5Ljk1MTgzQzguMzAyNTggOS45NTE4MyA3LjkyMDYxIDEwLjE4NjUgNy42MTM2MyAxMC4zNzUxQzcuMzU5MjEgMTAuNTMxNCA3LjE3NTM4IDEwLjY0NDIgNi43NTkxNCAxMC42NDQyQzYuMzQyNzcgMTAuNjQ0MiA2LjE1ODk0IDEwLjUzMTQgNS45MDQ1MiAxMC4zNzUxQzUuNjk4MjYgMTAuMjQ4MyA1LjQ1NzQ3IDEwLjEwMDggNS4xMDU5IDEwLjAxNzdDNS40Nzc4MyA4LjIwNDU5IDcuMDg4NjkgNi44MzY1MiA5LjAxMzU1IDYuODM2NTJaIgogICAgICAgICAgZmlsbD0iIzcxNzM3RiIvPgo8L3N2Zz4K);
}
.ConfirmationAdditionalDetails__documentIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik05Ljc4NzE2IDExLjE2NzZINC4zNzIxNiIgc3Ryb2tlPSIjNzE3MzdGIi8+CiAgICA8cGF0aCBkPSJNOS43ODcxNiA4LjAyNzcxSDQuMzcyMTYiIHN0cm9rZT0iIzcxNzM3RiIvPgogICAgPHBhdGggZD0iTTYuNDM4NTMgNC44OTUxNEg0LjM3MjI4IiBzdHJva2U9IiM3MTczN0YiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTkuOTMxNDYgMS4wNjIzOEM5LjkzMTQ2IDEuMDYyMzggNC4xNzM3MSAxLjA2NTM4IDQuMTY0NzEgMS4wNjUzOEMyLjA5NDcxIDEuMDc4MTMgMC44MTI5NTggMi40NDAxMyAwLjgxMjk1OCA0LjUxNzYzVjExLjQxNDZDMC44MTI5NTggMTMuNTAyNiAyLjEwNDQ2IDE0Ljg2OTkgNC4xOTI0NiAxNC44Njk5QzQuMTkyNDYgMTQuODY5OSA5Ljk0OTQ2IDE0Ljg2NzYgOS45NTkyMSAxNC44Njc2QzEyLjAyOTIgMTQuODU0OSAxMy4zMTE3IDEzLjQ5MjEgMTMuMzExNyAxMS40MTQ2VjQuNTE3NjNDMTMuMzExNyAyLjQyOTYzIDEyLjAxOTUgMS4wNjIzOCA5LjkzMTQ2IDEuMDYyMzhaIgogICAgICAgICAgc3Ryb2tlPSIjNzE3MzdGIi8+Cjwvc3ZnPgo=);
}
.ConfirmationAdditionalDetails__toolsIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wLjA1Njg5MjggMS42NTExMkwxLjI1NzM1IDMuNzUxOEMxLjI5Nzg0IDMuODIyNzggMS4zNjU2MiAzLjg3NDE0IDEuNDQ0ODcgMy44OTQwMkwyLjU2NDg0IDQuMTc0MDFMNi40MDYwOCA4LjAxNTI1TDYuODMwNTEgNy41OTA5NEwyLjkyOTE1IDMuNjg5N0MyLjg5MDc1IDMuNjUxMTggMi44NDI2MSAzLjYyMzkgMi43ODk4OSAzLjYxMDY5TDEuNzEzNzUgMy4zNDA3TDAuNjkxNjg4IDEuNTUxMTNMMS41Njc5NiAwLjY3NDg1N0wzLjM1ODI3IDEuNjk3OTFMMy42MjgzOSAyLjc3NDA1QzMuNjQxNDcgMi44MjY4OSAzLjY2ODg4IDIuODc1MTYgMy43MDcyNyAyLjkxMzU1TDcuNjA4NjMgNi44MTQ5MUw4LjAzMjk0IDYuMzkwNDhMNC4xOTE3IDIuNTQ5MjRMMy45MTE3MSAxLjQyOTlDMy44OTE4MyAxLjM1MDUyIDMuODQwNDggMS4yODI2MiAzLjc2OTQ5IDEuMjQyTDEuNjY4NjkgMC4wNDE2NjY1QzEuNTUxNTQgLTAuMDI0OTk4MSAxLjQwNDEzIC0wLjAwNTI0NTU4IDEuMzA4NTggMC4wODk5MzY2TDAuMTA4MjQ5IDEuMjkwMzlDMC4wMTE3MDkgMS4zODUzMyAtMC4wMDkyNzc5OCAxLjUzMjk4IDAuMDU2ODkyOCAxLjY1MTEyWiIKICAgICAgICAgIGZpbGw9IiM3MTczN0YiLz4KICAgIDxwYXRoIGQ9Ik0xMi41MzM0IDUuOTE0NTRMNS45MzEyNyAxMi41MTY4TDUuNTA2ODQgMTIuMDkyNEwxMi4xMDkxIDUuNDkwMjNMMTIuNTMzNCA1LjkxNDU0WiIgZmlsbD0iIzcxNzM3RiIvPgogICAgPHBhdGggZD0iTTQuNzc2NzUgMTIuNzUwM0M0LjcyMjQ0IDEyLjY1OTkgNC42MjQ5MSAxMi42MDQ3IDQuNTE5NDggMTIuNjA0N0gyLjcxODkyQzIuNjEzNjEgMTIuNjA0NyAyLjUxNTk2IDEyLjY1OTkgMi40NjE3NyAxMi43NTAzTDEuNTYxNDIgMTQuMjUwN0MxLjUwNDI3IDE0LjM0NTggMS41MDQyNyAxNC40NjQ3IDEuNTYxNDIgMTQuNTU5OUwyLjQ2MTc3IDE2LjA2MDNDMi41MTU5NiAxNi4xNTA2IDIuNjEzNjEgMTYuMjA1OSAyLjcxODkyIDE2LjIwNTlINC41MTk0OEM0LjYyNDkxIDE2LjIwNTkgNC43MjI0NCAxNi4xNTA2IDQuNzc2NzUgMTYuMDYwM0w1LjY3Njk3IDE0LjU1OTlDNS43MzQxMyAxNC40NjQ3IDUuNzM0MTMgMTQuMzQ1OCA1LjY3Njk3IDE0LjI1MDdMNC43NzY3NSAxMi43NTAzWk00LjM0OTczIDE1LjYwNTZIMi44ODg3OUwyLjE2ODU3IDE0LjQwNTNMMi44ODg3OSAxMy4yMDQ4SDQuMzQ5NzNMNS4wNjk5NiAxNC40MDUzTDQuMzQ5NzMgMTUuNjA1NloiCiAgICAgICAgICBmaWxsPSIjNzE3MzdGIi8+CiAgICA8cGF0aCBkPSJNMTQuNDIzMyA3LjIwMjk4QzE2LjQwNTMgNy4yMDk2NSAxOC4wMTc2IDUuNjA4MjEgMTguMDI0MyAzLjYyNjE4QzE4LjAyNTMgMy4zMjQ0NiAxNy45ODgyIDMuMDIzOTcgMTcuOTE0IDIuNzMxNTFDMTcuODc0IDIuNTcwNjUgMTcuNzExMiAyLjQ3Mjc2IDE3LjU1MDQgMi41MTI3NUMxNy40OTc1IDIuNTI1OTYgMTcuNDQ5NCAyLjU1MzI1IDE3LjQxMDkgMi41OTE2NEwxNS41NDI4IDQuNDU4NUwxNC4wNjA2IDMuOTY0NTZMMTMuNTY2MyAyLjQ4Mjc2TDE1LjQzNDQgMC42MTQyOTVDMTUuNTUxNSAwLjQ5NzAxNSAxNS41NTE0IDAuMzA3MDIxIDE1LjQzNDEgMC4xODk4NjRDMTUuMzk1NSAwLjE1MTIyMyAxNS4zNDY4IDAuMTIzODE2IDE1LjI5MzYgMC4xMTA3M0MxMy4zNzE1IC0wLjM3NjA0NSAxMS40MTg4IDAuNzg3NDk5IDEwLjkzMiAyLjcwOTU0QzEwLjg1ODEgMy4wMDExMyAxMC44MjEyIDMuMzAwODggMTAuODIyMiAzLjYwMTczQzEwLjgyMjkgMy44MzgwMiAxMC44NDcyIDQuMDczNTcgMTAuODk1MSA0LjMwNDkyTDQuMzIyODYgMTAuODc3MUM0LjA5MTUxIDEwLjgyOTMgMy44NTU5NyAxMC44MDUgMy42MTk4IDEwLjgwNDFDMS42MzA4NSAxMC44MDQxIDAuMDE4NTU0NyAxMi40MTY0IDAuMDE4NTU0NyAxNC40MDUzQzAuMDE4NTU0NyAxNi4zOTQyIDEuNjMwODUgMTguMDA2NSAzLjYxOTggMTguMDA2NUM1LjYwODYzIDE4LjAwNjUgNy4yMjA5MiAxNi4zOTQyIDcuMjIwOTIgMTQuNDA1M0M3LjIyMDE4IDE0LjE2OTEgNy4xOTU3NCAxMy45MzM1IDcuMTQ3OTYgMTMuNzAyMkw4LjcyMTM3IDEyLjEyODhMOS40MDk1IDEyLjgxNjlDOS41MjY3OCAxMi45MzQgOS43MTY2NSAxMi45MzQgOS44MzM5MyAxMi44MTY5TDkuOTgzOTIgMTIuNjY2OEMxMC4xMTU1IDEyLjUzNiAxMC4zMjgyIDEyLjUzNiAxMC40NTk4IDEyLjY2NjhDMTAuNTkxMyAxMi43OTc5IDEwLjU5MTYgMTMuMDEwNyAxMC40NjA1IDEzLjE0MjJDMTAuNDYwMyAxMy4xNDIzIDEwLjQ2MDEgMTMuMTQyNSAxMC40NTk4IDEzLjE0MjhMMTAuMzA5OCAxMy4yOTI4QzEwLjE5MjcgMTMuNDA5OSAxMC4xOTI3IDEzLjU5OTkgMTAuMzA5OCAxMy43MTcxTDEzLjg4OTcgMTcuMjk3QzE0LjgzMTMgMTguMjQ3MiAxNi4zNjQ4IDE4LjI1NDEgMTcuMzE1MSAxNy4zMTI1QzE4LjI2NTEgMTYuMzcxIDE4LjI3MjEgMTQuODM3MyAxNy4zMzA1IDEzLjg4NzJDMTcuMzI1NCAxMy44ODIgMTcuMzIwMiAxMy44NzY4IDE3LjMxNTEgMTMuODcxN0wxMy43MzUyIDEwLjI5MTlDMTMuNjE4IDEwLjE3NDcgMTMuNDI4IDEwLjE3NDcgMTMuMzEwOSAxMC4yOTE5TDEzLjE2MDkgMTAuNDQxOUMxMy4wMjkxIDEwLjU3MjggMTIuODE2NiAxMC41NzI4IDEyLjY4NDggMTAuNDQxOUMxMi41NTM1IDEwLjMxMDggMTIuNTUzMSAxMC4wOTggMTIuNjg0MiA5Ljk2NjZDMTIuNjg0NSA5Ljk2NjM1IDEyLjY4NDcgOS45NjYyMyAxMi42ODQ4IDkuOTY1OThMMTIuODM0OSA5LjgxNTg2QzEyLjk1MjEgOS42OTg3IDEyLjk1MjEgOS41MDg3MSAxMi44MzQ5IDkuMzkxNTVMMTIuMTQ2OCA4LjcwMzQzTDEzLjcyMDIgNy4xMzAwMkMxMy45NTE2IDcuMTc3OCAxNC4xODcxIDcuMjAyMjQgMTQuNDIzMyA3LjIwMjk4Wk0xNS42MDI0IDE3LjQwNjRDMTUuMzg0NCAxNy40MDYgMTUuMTY4MiAxNy4zNjY2IDE0Ljk2NDEgMTcuMjg5OUwxNy4zMDc5IDE0Ljk0NjFDMTcuNjYxNiAxNS44ODY5IDE3LjE4NTcgMTYuOTM2MyAxNi4yNDQ4IDE3LjI4OTlDMTYuMDM5NSAxNy4zNjcxIDE1LjgyMTkgMTcuNDA2NiAxNS42MDI0IDE3LjQwNjRaTTEyLjIwMjYgOS42MDY3M0MxMS44NzAzIDEwLjAwMzEgMTEuOTIyNCAxMC41OTQgMTIuMzE4OCAxMC45MjYyQzEyLjY2NzIgMTEuMjE4MiAxMy4xNzQ5IDExLjIxNzkgMTMuNTIyOSAxMC45MjUzTDE2Ljg5MDcgMTQuMjk2MUMxNi45MjczIDE0LjMzMjggMTYuOTYxNSAxNC4zNzE0IDE2Ljk5NDYgMTQuNDEwN0wxNC40Mjg3IDE2Ljk3NjVDMTQuMzg5MyAxNi45NDM1IDE0LjM1MDcgMTYuOTA5MyAxNC4zMTQgMTYuODcyN0wxMC45NDM2IDEzLjUwMkMxMS4yNzYgMTMuMTA1NiAxMS4yMjM5IDEyLjUxNDggMTAuODI3NSAxMi4xODI2QzEwLjQ3OTEgMTEuODkwNSA5Ljk3MTIxIDExLjg5MDkgOS42MjMxOSAxMi4xODMzTDkuMTQzMDggMTEuNzAzMkwxMS43MjI0IDkuMTI3NzRMMTIuMjAyNiA5LjYwNjczWk0xMy40MTQ0IDYuNTg4NDNMNi42MDY2MiAxMy4zOTQ5QzYuNTMxOTMgMTMuNDY5NSA2LjUwMTkzIDEzLjU3NzcgNi41MjczNiAxMy42ODAxQzYuOTM5MDggMTUuMjk2OSA1Ljk2MjA3IDE2Ljk0MTQgNC4zNDUwOSAxNy4zNTNDMi43MjgyMiAxNy43NjQ3IDEuMDgzNzEgMTYuNzg3NyAwLjY3MTk5MSAxNS4xNzA4QzAuMjYwMzk5IDEzLjU1MzkgMS4yMzc0MSAxMS45MDk0IDIuODU0MzkgMTEuNDk3N0MzLjM0MzUxIDExLjM3MzIgMy44NTU5NyAxMS4zNzMyIDQuMzQ1MDkgMTEuNDk3N0M0LjQ0NzQzIDExLjUyMjcgNC41NTU0NSAxMS40OTI3IDQuNjMwMjYgMTEuNDE4NUwxMS40MzY1IDQuNjExOTVDMTEuNTExIDQuNTM3MzggMTEuNTQxIDQuNDI5MTIgMTEuNTE1NCA0LjMyNjlDMTEuMTA2NSAyLjcyODkyIDEyLjA3MDQgMS4xMDIwNiAxMy42Njg0IDAuNjkzMDU4QzEzLjk3MDMgMC42MTU5IDE0LjI4MjcgMC41ODYyNzEgMTQuNTkzOCAwLjYwNTY1M0wxMy4wMTA3IDIuMTg5MzFDMTIuOTMwNCAyLjI2OTU1IDEyLjkwMjIgMi4zODg0NCAxMi45MzgyIDIuNDk2MjFMMTMuNTM4MyA0LjI5NjlDMTMuNTY4MyA0LjM4NjQgMTMuNjM4NiA0LjQ1Njc3IDEzLjcyODIgNC40ODY1MkwxNS41Mjg5IDUuMDg2NzVDMTUuNjM2NiA1LjEyMjY3IDE1Ljc1NTUgNS4wOTQ2NSAxNS44MzU4IDUuMDE0NDFMMTcuNDE4OSAzLjQzMTM3QzE3LjQyMjUgMy40ODg2NSAxNy40MjQzIDMuNTQ1MzIgMTcuNDI0MyAzLjYwMTczQzE3LjQzMjcgNS4yNTA2OSAxNi4xMDI5IDYuNTk0MjMgMTQuNDUzOSA2LjYwMjc1QzE0LjE5OSA2LjYwMzk5IDEzLjk0NDkgNi41NzI2MyAxMy42OTggNi41MDk0MkMxMy41OTU3IDYuNDgzODcgMTMuNDg3NCA2LjUxMzc0IDEzLjQxMjggNi41ODgzMUgxMy40MTQ0VjYuNTg4NDNaIgogICAgICAgICAgZmlsbD0iIzcxNzM3RiIvPgogICAgPHBhdGggZD0iTTE1LjUzNDcgMTUuMDkzNEwxNS4xMTAzIDE1LjUxNzlMMTIuMTA5NCAxMi41MTdMMTIuNTMzNyAxMi4wOTI1TDE1LjUzNDcgMTUuMDkzNFoiIGZpbGw9IiM3MTczN0YiLz4KPC9zdmc+Cg==);
}
.ConfirmationAdditionalDetails__mirrorIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS43NSA4Ljk5NjE0QzE1Ljc1IDcuODI3NzkgMTUuNTg3OCA2Ljc4MTQ0IDE1LjMyMTUgNi4yMDE4NUMxNS4zNTcgNi4wMTIwOCAxNS4zNzUgNS44MTY3OSAxNS4zNzUgNS42MTk3QzE1LjM3NSA1LjQxNjAxIDE1LjM1NjcgNS4yMTYzMiAxNS4zMjA4IDUuMDI2NTRDMTUuMTU4NSA0LjE2ODEzIDE1IDMuMjUzNjggMTUgMi4zNDE0NVYxLjExNzc3QzE1IDAuOTEwNDE1IDE0LjgzMjIgMC43NDI2MTQgMTQuNjI1IDAuNzQyNjE0SDE0LjIwNzVDMTMuMjIyOCAwLjc0MjYxNCAxMi4xOTA3IDAuNTc4NDcgMTAuOTU5NiAwLjIyNjQxNUM5LjkwMzQxIC0wLjA3NTQ3MTcgOC4wOTYxNyAtMC4wNzU0NzE3IDcuMDQwNzQgMC4yMjY0MTVDNS44MDkxOCAwLjU3ODUwNSA0Ljc3NzIxIDAuNzQyNjE0IDMuNzkyNDUgMC43NDI2MTRIMy4zNzVDMy4xNjc3MiAwLjc0MjYxNCAyLjk5OTk5IDAuOTEwNDE1IDIuOTk5OTkgMS4xMTc3N1YyLjM0MTQ1QzIuOTk5OTkgMy4yNTM3MiAyLjg0MTQzIDQuMTY4MTcgMi42NzkxOSA1LjAyNjU0QzIuNjQzMjkgNS4yMTYzMiAyLjYyNDk4IDUuNDE2MDEgMi42MjQ5OCA1LjYxOTdDMi42MjQ5OCA1LjgxNjgyIDIuNjQyOTEgNi4wMTIwOCAyLjY3ODQ1IDYuMjAxODVDMi40MTIyNSA2Ljc4MTQ0IDIuMjUgNy44Mjc3OSAyLjI1IDguOTk2MTRDMi4yNSAxMC4xNjQ1IDIuNDEyMjUgMTEuMjEwOCAyLjY3ODQ4IDExLjc5MDRDMi42NDI5OCAxMS45ODAyIDIuNjI1MDEgMTIuMTc1NSAyLjYyNTAxIDEyLjM3MjZDMi42MjUwMSAxMi41NzYzIDIuNjQzMzMgMTIuNzc2IDIuNjc5MjIgMTIuOTY1N0MyLjg0MTQ3IDEzLjgyNDEgMy4wMDAwMiAxNC43Mzg2IDMuMDAwMDIgMTUuNjUwOFYxNi44NzQ1QzMuMDAwMDIgMTcuMDgxOSAzLjE2Nzc1IDE3LjI0OTcgMy4zNzUwNCAxNy4yNDk3SDMuNzkyNTJDNC43Nzc2MyAxNy4yNDk3IDUuODA5NjEgMTcuNDEzOCA3LjA0MDgxIDE3Ljc2NTlDNy41Njg4NiAxNy45MTY4IDguMjY0NjQgMTggOSAxOEM5LjczNTM2IDE4IDEwLjQzMTEgMTcuOTE2OCAxMC45NTkyIDE3Ljc2NTlDMTIuMTkwNCAxNy40MTM4IDEzLjIyMjQgMTcuMjQ5NyAxNC4yMDc1IDE3LjI0OTdIMTQuNjI1QzE0LjgzMjMgMTcuMjQ5NyAxNSAxNy4wODE5IDE1IDE2Ljg3NDVWMTUuNjUwOEMxNSAxNC43Mzg2IDE1LjE1ODYgMTMuODI0MSAxNS4zMjA4IDEyLjk2NTdDMTUuMzU2NyAxMi43NzYgMTUuMzc1IDEyLjU3NjMgMTUuMzc1IDEyLjM3MjZDMTUuMzc1IDEyLjE3NTUgMTUuMzU3MSAxMS45ODAyIDE1LjMyMTYgMTEuNzkwNEMxNS41ODc4IDExLjIxMDggMTUuNzUgMTAuMTY0NSAxNS43NSA4Ljk5NjE0Wk0xNC42MDEyIDExLjU1NjlDMTQuNTU0NyAxMS42Mzg5IDE0LjU0MDggMTEuNzM1NiAxNC41NjI0IDExLjgyNzVDMTQuNjA0MiAxMi4wMDM2IDE0LjYyNSAxMi4xODc4IDE0LjYyNSAxMi4zNzVDMTQuNjI1IDEyLjUzNSAxNC42MTA3IDEyLjY4NzcgMTQuNTg0IDEyLjgyODdDMTQuNDE0OCAxMy43MjE1IDE0LjI1IDE0LjY3NTEgMTQuMjUgMTUuNjUxOFYxNi41SDE0LjIwNzVDMTMuMTUwNiAxNi41IDEyLjA1MzEgMTYuNjczMiAxMC43NTM0IDE3LjA0NDVDOS44MjY5MSAxNy4zMDk3IDguMTczMDkgMTcuMzA5NyA3LjI0NjU4IDE3LjA0NDVDNS45NDY4OSAxNi42NzMyIDQuODQ5MzUgMTYuNSAzLjc5MjQ4IDE2LjVIMy43NTAwMVYxNS42NTE4QzMuNzUwMDEgMTQuNjc1MSAzLjU4NTIgMTMuNzIxNSAzLjQxNjAzIDEyLjgyODdDMy4zODkyNyAxMi42ODc3IDMuMzc1IDEyLjUzNSAzLjM3NSAxMi4zNzVDMy4zNzUgMTIuMTg3OCAzLjM5NTg4IDEyLjAwMzYgMy40Mzc2MSAxMS44Mjc1QzMuNDU5MjMgMTEuNzM1NiAzLjQ0NTMxIDExLjYzODkgMy4zOTg4IDExLjU1NjlDMy4yMDAzMSAxMS4yMDU2IDIuOTk5OTkgMTAuMjc4OCAyLjk5OTk5IDguOTk5OTdDMi45OTk5OSA3LjcyMTE3IDMuMjAwMzEgNi43OTQyNyAzLjM5ODggNi40NDMwOUMzLjQ0NTMxIDYuMzYxMDcgMy40NTkyMyA2LjI2NDQgMy40Mzc2MSA2LjE3MjQ2QzMuMzk1ODggNS45OTYzMyAzLjM3NSA1LjgxMjExIDMuMzc1IDUuNjI0OTdDMy4zNzUgNS40NjQ5NCAzLjM4OTI3IDUuMzEyMjIgMy40MTYwMyA1LjE3MTI1QzMuNTg1MjMgNC4yNzg0MiAzLjc1MDAxIDMuMzI0ODEgMy43NTAwMSAyLjM0ODEzVjEuNDk5OTlIMy43OTI0OEM0Ljg0OSAxLjQ5OTk5IDUuOTQ2NTQgMS4zMjY3NyA3LjI0NjkzIDAuOTU1NDE1QzguMTcyIDAuNjkwMjY3IDkuODI3NjEgMC42OTAyNjcgMTAuNzUzNCAwLjk1NTQxNUMxMi4wNTM1IDEuMzI2NzcgMTMuMTUxIDEuNDk5OTkgMTQuMjA3NSAxLjQ5OTk5SDE0LjI1VjIuMzQ4MTNDMTQuMjUgMy4zMjQ4MSAxNC40MTQ4IDQuMjc4NDIgMTQuNTg0IDUuMTcxMjVDMTQuNjEwNyA1LjMxMjIyIDE0LjYyNSA1LjQ2NDk0IDE0LjYyNSA1LjYyNDk3QzE0LjYyNSA1LjgxMjExIDE0LjYwNDEgNS45OTYzMyAxNC41NjI0IDYuMTcyNDZDMTQuNTQwOCA2LjI2NDQgMTQuNTU0NyA2LjM2MTA3IDE0LjYwMTIgNi40NDMwOUMxNC43OTk3IDYuNzk0MzEgMTUgNy43MjExNyAxNSA4Ljk5OTk3QzE1IDEwLjI3ODggMTQuNzk5NyAxMS4yMDU3IDE0LjYwMTIgMTEuNTU2OVoiCiAgICAgICAgICBmaWxsPSIjNzE3MzdGIi8+CiAgICA8cGF0aCBkPSJNMTMuMTI1IDIuMjVINC44NzUwMUM0LjY2NzczIDIuMjUgNC41IDIuNDE3NzMgNC41IDIuNjI1MDFWMTUuMzc1QzQuNSAxNS41ODIzIDQuNjY3NzMgMTUuNzUgNC44NzUwMSAxNS43NUgxMy4xMjVDMTMuMzMyMyAxNS43NSAxMy41IDE1LjU4MjMgMTMuNSAxNS4zNzVWMi42MjUwMUMxMy41IDIuNDE3NzMgMTMuMzMyMyAyLjI1IDEzLjEyNSAyLjI1Wk0xMi43NSAxNUg1LjI0OTk5VjIuOTk5OTlIMTIuNzVWMTVIMTIuNzVaIgogICAgICAgICAgZmlsbD0iIzcxNzM3RiIvPgogICAgPHBhdGggZD0iTTYuMzc1MDEgNS4yNDk5OUM2LjQ3MDk2IDUuMjQ5OTkgNi41NjY5IDUuMjEzMzUgNi42NDAxNiA1LjE0MDEyTDcuMzkwMTUgNC4zOTAxM0M3LjUzNjY0IDQuMjQzNjQgNy41MzY2NCA0LjAwNjMzIDcuMzkwMTUgMy44NTk4N0M3LjI0MzY1IDMuNzEzMzggNy4wMDYzNSAzLjcxMzM4IDYuODU5ODkgMy44NTk4N0w2LjEwOTkgNC42MDk4NkM1Ljk2MzQxIDQuNzU2MzYgNS45NjM0MSA0Ljk5MzY2IDYuMTA5OSA1LjE0MDEyQzYuMTgzMTMgNS4yMTMzOSA2LjI3OTA3IDUuMjQ5OTkgNi4zNzUwMSA1LjI0OTk5WiIKICAgICAgICAgIGZpbGw9IiM3MTczN0YiLz4KICAgIDxwYXRoIGQ9Ik02Ljg1OTc1IDYuNjQwMTNDNi45MzI5OCA2LjcxMzM2IDcuMDI4OTUgNi43NDk5OSA3LjEyNDkgNi43NDk5OUM3LjIyMDg0IDYuNzQ5OTkgNy4zMTY3OCA2LjcxMzM2IDcuMzkwMDQgNi42NDAxM0w4Ljg5MDA2IDUuMTQwMTJDOS4wMzY1NiA0Ljk5MzYyIDkuMDM2NTYgNC43NTYzMiA4Ljg5MDA2IDQuNjA5ODZDOC43NDM1NiA0LjQ2MzQgOC41MDYyNiA0LjQ2MzM2IDguMzU5OCA0LjYwOTg2TDYuODU5NzggNi4xMDk4N0M2LjcxMzI1IDYuMjU2MzMgNi43MTMyNSA2LjQ5MzYzIDYuODU5NzUgNi42NDAxM1oiCiAgICAgICAgICBmaWxsPSIjNzE3MzdGIi8+Cjwvc3ZnPgo=);
}

.QuoteExplanationBlock {
  width: 100%;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.15));
          filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.15));
  word-break: break-word;
  overflow: hidden;
}
.QuoteExplanationBlock--Mobile {
  -webkit-filter: drop-shadow(0px 0.833333333333333vw 1.666666666666667vw rgba(0,0,0,0.15));
          filter: drop-shadow(0px 0.833333333333333vw 1.666666666666667vw rgba(0,0,0,0.15));
}
.QuoteExplanationBlock .QuoteExplanationBlock__Scaler {
  background-color: #fff;
}
.QuoteExplanationBlock__table {
  width: 100%;
}
.QuoteExplanationBlock__table td {
  padding: 0;
  height: 1em;
  min-width: 3em;
}
.QuoteExplanationBlock__notesToken {
  white-space: pre-line;
}
.QuoteExplanationBlock__extraServicesToken {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
}
.QuoteExplanationBlock__extraServicesToken__header {
  font-weight: 600;
}
.QuoteExplanationBlock__extraServicesToken__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.QuoteExplanationBlock__fuelRowToken {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.QuoteExplanationBlock__discountRowToken {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.QuoteExplanationBlock__packingToken {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
}
.QuoteExplanationBlock__packingToken__header {
  font-weight: 600;
}
.QuoteExplanationBlock__packingToken__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.QuoteExplanationBlock__filterSvg {
  display: none;
}
.QuoteExplanationBlock__flatRateDetails {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
}
.QuoteExplanationBlock__flatRateDetails .Button {
  width: 100%;
}
.QuoteExplanationBlock__header {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  height: 44px;
  border-radius: 15px 15px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f4f6;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 25px;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__header {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  height: 12.222222222222221vw;
  border-radius: 4.166666666666667vw 4.166666666666667vw 0 0;
  padding-left: 6.944444444444445vw;
}
.QuoteExplanationBlock__header--withPrice {
  display: grid;
  grid-template-columns: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 550;
  line-height: 20px;
  height: 96px;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-row-gap: 12px;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__header--withPrice {
  height: 26.666666666666668vw;
  font-size: 3.888888888888889vw;
  line-height: 5.555555555555555vw;
  grid-row-gap: 3.333333333333333vw;
}
.QuoteExplanationBlock__header__price {
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__header__price {
  font-size: 6.666666666666667vw;
  line-height: 7.777777777777778vw;
}
.QuoteExplanationBlock__header__tooltipIcon {
  position: absolute;
  right: 28px;
  width: 16px;
  height: 16px;
  color: #71737f;
  cursor: pointer;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__header__tooltipIcon {
  right: 7.777777777777778vw;
  width: 4.444444444444445vw;
  height: 4.444444444444445vw;
}
.QuoteExplanationBlock__row {
  background-color: #fff;
  padding: 25px;
  padding-bottom: 0;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__row {
  padding: 6.944444444444445vw;
  padding-bottom: 4.444444444444445vw;
}
.QuoteExplanationBlock__row--smallPadding {
  padding: 9px 25px;
  padding-bottom: 0;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__row--smallPadding {
  padding: 2.5vw 6.944444444444445vw;
}
.QuoteExplanationBlock__row--noPadding {
  padding: 0;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__row--noPadding {
  padding: 0;
}
.QuoteExplanationBlock__row--noBackground {
  background-color: transparent;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__row__scalable {
  font-size: 13px;
  line-height: 16px;
  width: 284px;
}
.QuoteExplanationBlock__separator {
  width: 100%;
  height: 24px;
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__separator {
  height: 6.666666666666667vw;
}
.QuoteExplanationBlock__separator__inner {
  background-color: #fff;
}
.QuoteExplanationBlock__separator__inner__line {
  border-bottom: 1px dashed #e8e8ea;
  width: 100%;
  height: 50%;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__separator__inner__line {
  border-bottom: 0.277777777777778vw dashed #e8e8ea;
}
.QuoteExplanationBlock__separator__svg {
  width: 12px;
  height: 24px;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__separator__svg {
  width: 3.333333333333333vw;
  height: 6.666666666666667vw;
}
.QuoteExplanationBlock__separator__svg--left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.QuoteExplanationBlock__bottomImage {
  width: 100%;
  height: 100%;
}
.QuoteExplanationBlock__bottomImage__backgroundColor {
  fill: #fff;
}
.QuoteExplanationBlock__showMoreButton {
  font-weight: 400;
  padding: 0 22px;
}
.QuoteExplanationBlock--Mobile .QuoteExplanationBlock__showMoreButton {
  padding: 0 6.111111111111111vw;
}
.QuoteExplanationBlock__Tooltip__content {
  width: 576px;
}
.QuoteExplanationBlock__Tooltip__content img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 576px;
}
.QuoteExplanationBlock__Tooltip__content--Mobile {
  width: calc(100vw - 6.666666666666667vw);
}
.QuoteExplanationBlock__Tooltip__content--Mobile img {
  max-height: calc(80vw - 6.666666666666667vw);
}

.DetailsAutoBlock {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 4px;
}
.DetailsAutoBlock__row {
  width: 100%;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  text-align: right;
  grid-column-gap: 4px;
  white-space: normal;
}
.DetailsAutoBlock__row--withPadding {
  padding-left: 10px;
}
.DetailsAutoBlock__boldText {
  font-weight: 600;
}

.QuoteExplanationSettings__header {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  padding: 0 25px;
}
.QuoteExplanationSettings__serviceTypeSelector {
  width: 200px;
}
.QuoteExplanationSettings__additionalTabs {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 26px;
}
.QuoteExplanationSettings__additionalTabs__volumeButtons {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.VolumesEditor {
  display: grid;
  grid-row-gap: 9px;
  width: 100%;
  overflow-y: auto;
}
.VolumesEditor__row {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 16px;
}
.VolumesEditor__modal {
  width: 300px;
}

.QuoteExplanationSettingsBlockEditor {
  display: grid;
  grid-template-columns: auto 350px;
  grid-column-gap: 25px;
  padding: 25px;
}
.QuoteExplanationSettingsBlockEditor__titleWithToggle {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 10px;
}
.QuoteExplanationSettingsBlockEditor__titleWithToggle .ToggleButton__box {
  -webkit-transform: scale(0.888888888888889);
          transform: scale(0.888888888888889);
}
.QuoteExplanationSettingsBlockEditor__editors {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 25px;
  overflow: hidden;
}
.QuoteExplanationSettingsBlockEditor__editors .QuoteExplanationBlock__table {
  width: 100%;
}
.QuoteExplanationSettingsBlockEditor__editors .QuoteExplanationBlock__table td {
  padding: 0;
  height: 1em;
  min-width: 3em;
}

.ResizeHandler {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.ScalerByWidth {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  width: 100%;
}
.ScalerByWidth__container {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  position: relative;
}

.Sizer {
  position: relative;
}
.Sizer__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Sizer:before {
  display: block;
  content: "";
  width: 100%;
}

.AccountInventoryBlock__icon {
  background-image: url(./images/c076e28421bfe5e1e085b21e99c213a6.svg);
  background-size: contain;
  background-position: center;
}
.AccountInventoryBlock__icon--responsive {
  width: 100%;
  height: 100%;
}

.AdditionalInfoBlock {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #e2e2e5;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding: 22px 18px;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.AdditionalInfoBlock--Mobile {
  border-radius: 2.222222222222222vw;
  border: 0.277777777777778vw solid #e2e2e5;
  grid-row-gap: 5vw;
  padding: 5vw;
  font-size: 4.166666666666667vw;
  line-height: 6.111111111111111vw;
  -webkit-box-shadow: 0 0.833333333333333vw 1.666666666666667vw 0 rgba(0,0,0,0.051);
          box-shadow: 0 0.833333333333333vw 1.666666666666667vw 0 rgba(0,0,0,0.051);
}
.AdditionalInfoBlock--done {
  color: #fff;
  border: 3px solid #00a455;
  background-color: #00a455;
}
.AdditionalInfoBlock--Mobile .AdditionalInfoBlock--done {
  border-width: 0.833333333333333vw;
}
.AdditionalInfoBlock__text {
  display: grid;
  grid-template-columns: 100%;
  font-weight: 400;
}
.AdditionalInfoBlock__bigText {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #00a455;
}
.AdditionalInfoBlock--Mobile .AdditionalInfoBlock__bigText {
  font-size: 4.166666666666667vw;
  line-height: 6.111111111111111vw;
  font-weight: 500;
}
.AdditionalInfoBlock--done .AdditionalInfoBlock__bigText {
  color: #fff;
}
.AdditionalInfoBlock__column {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 1px;
}
.AdditionalInfoBlock--Mobile .AdditionalInfoBlock__column {
  grid-row-gap: 0.277777777777778vw;
}
.AdditionalInfoBlock__smallText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  line-height: 15px;
}
.AdditionalInfoBlock--Mobile .AdditionalInfoBlock__smallText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #71737f;
  line-height: 4.166666666666667vw;
}
.AdditionalInfoBlock--done .AdditionalInfoBlock__smallText {
  color: rgba(255,255,255,0.8);
}
.AdditionalInfoBlock--Mobile.AdditionalInfoBlock--done .AdditionalInfoBlock__smallText {
  color: rgba(255,255,255,0.8);
}
.AdditionalInfoBlock__icon {
  width: 56px;
  height: 56px;
}
.AdditionalInfoBlock--done .AdditionalInfoBlock__icon {
  color: #fff;
}
.AdditionalInfoBlock--Mobile .AdditionalInfoBlock__icon {
  width: 11.11111111111111vw;
  height: 11.11111111111111vw;
}

.AccountAdditionalDetailsBlock__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0zNi4wMzEyIDM4LjQyOTZMNi40ODc4NCAzNS4zODIxQzYuMDI5MDEgMzUuMzM0NyA1LjY5NTQxIDM0LjkyNDQgNS43NDI3NiAzNC40NjU2TDguNzkwMzQgNC45MjIxNkM4LjgzNzY4IDQuNDYzMzMgOS4yNDc5OSA0LjEyOTc0IDkuNzA2ODIgNC4xNzcwOEwzOS4yNTAzIDcuMjI0NjZDMzkuNzA5MSA3LjI3MjAxIDQwLjA0MjcgNy42ODIzMiAzOS45OTUzIDguMTQxMTVMMzYuOTQ3OCAzNy42ODQ2QzM2LjkwMDQgMzguMTQzMyAzNi40OTAxIDM4LjQ3NjkgMzYuMDMxMiAzOC40Mjk2WiIgZmlsbD0iIzAwQTQ1NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0zNS40MjMzIDYuODI5NTVWMzQuNDQxMkMzNS40MjMzIDM0LjkwMjIgMzUuMDQ5MiAzNS4yNzY0IDM0LjU4ODEgMzUuMjc2NEg2LjE1OTU4QzUuODgwNTkgMzUuMTE3NyA1LjcwNzcgMzQuODA0NSA1Ljc0Mjc4IDM0LjQ2NTRMOC43ODk2NiA0LjkyMTg5QzguODM3MjMgNC40NjMzNyA5LjI0NzM5IDQuMTI5MjMgOS43MDY3NyA0LjE3Njg5TDM1LjQyMzMgNi44Mjk1NVoiIGZpbGw9IiMwMEE0NTUiLz4KICAgICAgICA8cGF0aCBkPSJNMzkuOTk1MiA4LjE0MDc3TDM2Ljk0NzYgMzcuNjg0NUMzNi45MDAzIDM4LjE0MzEgMzYuNDg5OCAzOC40NzY5IDM2LjAzMTIgMzguNDI5NkwzMi43MTg4IDM4LjA4NzlDMzMuMTc3MyAzOC4xMzUyIDMzLjU4OCAzNy44MDE0IDMzLjYzNTIgMzcuMzQyOEwzNi42ODI4IDcuNzk5MDVDMzYuNzMwMSA3LjM0MDQ2IDM2LjM5NjMgNi45Mjk4MyAzNS45Mzc3IDYuODgyNTdMMzkuMjUwMSA3LjIyNDI5QzM5LjcwODcgNy4yNzE1NSA0MC4wNDI1IDcuNjgyMTggMzkuOTk1MiA4LjE0MDc3WiIgZmlsbD0iIzAwQTQ1NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0zNS40MjI5IDIuNDAxNTVWMzIuMTAxM0MzNS40MjI5IDMyLjU2MzMgMzUuMDQ5NCAzMi45MzY3IDM0LjU4ODMgMzIuOTM2N0g0Ljg4NzY0QzQuNDI2NDYgMzIuOTM2NyA0LjA1MjI1IDMyLjU2MzMgNC4wNTIyNSAzMi4xMDEzVjIuNDAxNTVDNC4wNTIyNSAxLjk0MDM4IDQuNDI2NDYgMS41NjYxNiA0Ljg4NzY0IDEuNTY2MTZIMzQuNTg4M0MzNS4wNDk0IDEuNTY2MDggMzUuNDIyOSAxLjk0MDM4IDM1LjQyMjkgMi40MDE1NVoiIGZpbGw9IiNGOEYzRjEiLz4KICAgICAgICA8cGF0aCBkPSJNMTUuNjAwNyAxMC42NTAzQzE1LjYwMDcgMTIuNzI4MyAxMy45MDk3IDE0LjQxODUgMTEuODMyNSAxNC40MTg1SDQuMDUyMjVWMTIuMzMwOEgxMS44MzI2QzEyLjc1ODkgMTIuMzMwOCAxMy41MTIyIDExLjU3NjYgMTMuNTEyMiAxMC42NTAzQzEzLjUxMjIgOS43MjM5NiAxMi43NTkgOC45NzA2IDExLjgzMjYgOC45NzA2SDcuNzg0OThDNy4yMDg3MyA4Ljk3MDYgNi43NDExNSA4LjUwMzAyIDYuNzQxMTUgNy45MjY3N0M2Ljc0MTE1IDcuMzQ5NzQgNy4yMDg3MyA2Ljg4MjA4IDcuNzg0OTggNi44ODIwOEgxMS44MzI1QzEzLjkwOTcgNi44ODIwOCAxNS42MDA3IDguNTczMDIgMTUuNjAwNyAxMC42NTAzWiIgZmlsbD0iI0U1RTFFNSIvPgogICAgICAgIDxwYXRoIGQ9Ik0zNS40MjM1IDIuNDAxMTVWMzIuMTAxN0MzNS40MjM1IDMyLjU2MjcgMzUuMDQ5NCAzMi45MzY5IDM0LjU4ODMgMzIuOTM2OUgzMS4yNTgzQzMxLjcxOTMgMzIuOTM2OSAzMi4wOTM1IDMyLjU2MjggMzIuMDkzNSAzMi4xMDE3VjIuNDAxMTVDMzIuMDkzNSAxLjk0MDE0IDMxLjcxOTMgMS41NjU5MiAzMS4yNTgzIDEuNTY1OTJIMzQuNTg4M0MzNS4wNDkzIDEuNTY1OTIgMzUuNDIzNSAxLjk0MDE0IDM1LjQyMzUgMi40MDExNVoiIGZpbGw9IiNFNUUxRTUiLz4KICAgICAgICA8cGF0aCBkPSJNMjEuMDk1NiAyMC40NzI2SDE4LjM3OUMxOC4wNDU2IDIwLjQ3MjYgMTcuNzc1NCAyMC4yMDIzIDE3Ljc3NTQgMTkuODY5QzE3Ljc3NTQgMTkuNTM1NiAxOC4wNDU2IDE5LjI2NTQgMTguMzc5IDE5LjI2NTRIMjEuMDk1NkMyMS40MjkxIDE5LjI2NTQgMjEuNjk5MiAxOS41MzU2IDIxLjY5OTIgMTkuODY5QzIxLjY5OTIgMjAuMjAyMyAyMS40MjkxIDIwLjQ3MjYgMjEuMDk1NiAyMC40NzI2WiIgZmlsbD0iIzAwQTQ1NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0yMy4wNTMgMTcuNDk3SDE2LjQyMTVDMTYuMDg4MSAxNy40OTcgMTUuODE3OSAxNy4yMjY3IDE1LjgxNzkgMTYuODkzNEMxNS44MTc5IDE2LjU2IDE2LjA4ODEgMTYuMjg5OCAxNi40MjE1IDE2LjI4OThIMjMuMDUzQzIzLjM4NjUgMTYuMjg5OCAyMy42NTY2IDE2LjU2IDIzLjY1NjYgMTYuODkzNEMyMy42NTY2IDE3LjIyNjcgMjMuMzg2NSAxNy40OTcgMjMuMDUzIDE3LjQ5N1oiIGZpbGw9IiMwMEE0NTUiLz4KICAgICAgICA8cGF0aCBkPSJNMjMuMDUzIDE1LjIzOEgxNi40MjE1QzE2LjA4ODEgMTUuMjM4IDE1LjgxNzkgMTQuOTY3NyAxNS44MTc5IDE0LjYzNDRDMTUuODE3OSAxNC4zMDEgMTYuMDg4MSAxNC4wMzA4IDE2LjQyMTUgMTQuMDMwOEgyMy4wNTNDMjMuMzg2NSAxNC4wMzA4IDIzLjY1NjYgMTQuMzAxIDIzLjY1NjYgMTQuNjM0NEMyMy42NTY2IDE0Ljk2NzcgMjMuMzg2NSAxNS4yMzggMjMuMDUzIDE1LjIzOFoiIGZpbGw9IiMwMEE0NTUiLz4KICAgICAgICA8cGF0aCBkPSJNNC4wNTI2NiA3LjMyMzE2SDMuNzY4MDVDMi44NDE2NCA3LjMyMzE2IDIuMDg4MDUgOC4wNzY4MyAyLjA4ODA1IDkuMDAzMjRDMi4wODgwNSA5LjkyOTY0IDIuODQxNzIgMTAuNjgzMiAzLjc2ODA1IDEwLjY4MzJIMTEuODMyNEMxMi43NTg4IDEwLjY4MzIgMTMuNTEyNSA5LjkyOTU2IDEzLjUxMjUgOS4wMDMyNEMxMy41MTI1IDguMDc2ODMgMTIuNzU4OCA3LjMyMzE2IDExLjgzMjQgNy4zMjMxNkg3Ljc4NTA4QzcuMjA4NDQgNy4zMjMxNiA2Ljc0MTAyIDYuODU1NzMgNi43NDEwMiA2LjI3OTA5QzYuNzQxMDIgNS43MDI0NSA3LjIwODQ0IDUuMjM1MTEgNy43ODUwOCA1LjIzNTExSDExLjgzMjRDMTMuOTEwMiA1LjIzNTExIDE1LjYwMDUgNi45MjU1IDE1LjYwMDUgOS4wMDMyNEMxNS42MDA1IDExLjA4MSAxMy45MTAyIDEyLjc3MTQgMTEuODMyNCAxMi43NzE0SDMuNzY4MTJDMS42OTAzMSAxMi43NzE0IDAgMTEuMDgxIDAgOS4wMDMyNEMwIDYuOTI1NSAxLjY5MDMxIDUuMjM1MTEgMy43NjgxMiA1LjIzNTExSDQuMDUyNzNWNy4zMjMxNkg0LjA1MjY2WiIgZmlsbD0iIzNBNjNEQiIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMCI+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0id2hpdGUiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgPC9kZWZzPgo8L3N2Zz4K);
  background-size: contain;
  background-position: center;
}
.AccountAdditionalDetailsBlock__icon--responsive {
  width: 100%;
  height: 100%;
}
.AccountAdditionalDetailsBlock__addressForm .RequestDetailsEditor__top,
.AccountAdditionalDetailsBlock__addressForm .RequestDetailsEditor__bottom,
.AccountAdditionalDetailsBlock__addressForm .RequestDetailsEditor__header {
  padding: 0;
}

.TextArea {
  height: 78px;
  width: 176px;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  background-color: #fff;
  text-align: left;
  cursor: text;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  padding: 9px;
  outline: none;
  resize: none;
}
.TextArea--Mobile {
  height: 21.666666666666668vw;
  width: 48.888888888888886vw;
  border-radius: 2.222222222222222vw;
  border-width: 0.277777777777778vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  font-weight: inherit;
  padding: 2.5vw;
}
.TextArea:focus {
  border-color: #00a455;
}
.TextArea--readonly {
  background-color: #fff;
}
.TextArea--readonly:focus {
  border-color: #e8e8ea;
}
.TextArea--fullWidth {
  width: 100%;
}
.TextArea--Mobile.TextArea--fullWidth {
  width: 100%;
}
.TextArea::-webkit-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.TextArea::-moz-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.TextArea::-ms-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.TextArea::placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.TextArea--Mobile.TextArea::-webkit-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.TextArea--Mobile.TextArea::-moz-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.TextArea--Mobile.TextArea::-ms-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.TextArea--Mobile.TextArea::placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.TextArea--invalid {
  border: 1px solid #ee4b19;
}
.TextArea--Mobile.TextArea--invalid {
  border-width: 0.277777777777778vw;
}
.TextArea--invalid:focus {
  border: 1px solid #ee4b19;
}
.TextArea--Mobile.TextArea--invalid:focus {
  border-width: 0.277777777777778vw;
}

.RequestDetailsEditor {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.RequestDetailsEditor--Mobile {
  gap: 8.333333333333334vw;
}
.RequestDetailsEditor__CheckBox__box {
  background: #fff;
}
.RequestDetailsEditor__modal.ModalInstance.ModalInstance--Desktop {
  width: 704px;
}
.RequestDetailsEditor__modal.ModalInstance.ModalInstance--Desktop .ModalInstance__body {
  overflow-y: auto;
}
.RequestDetailsEditor__modal.ModalInstance.ModalInstance--Desktop .SettingsBlock {
  border-radius: 0;
  height: 100%;
  width: 100%;
}
.RequestDetailsEditor__BlockWithTitle__text {
  display: inline;
}
.RequestDetailsEditor__header {
  padding-top: 30px;
  display: grid;
  gap: 16px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__header {
  padding-top: 8.333333333333334vw;
  gap: 4.444444444444445vw;
}
.RequestDetailsEditor__top {
  padding: 0 30px;
  display: grid;
  grid-template-columns: 1fr 80px 1fr;
  grid-template-rows: auto;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__top {
  padding: 0 8.333333333333334vw;
  grid-template-columns: 100%;
  grid-template-rows: 1fr 11.11111111111111vw 1fr;
}
.RequestDetailsEditor__top__separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.RequestDetailsEditor__top__separator:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  background: #e8e8ea;
  height: 100%;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__top__separator:after {
  width: auto;
  height: 0.277777777777778vw;
  top: 0;
  bottom: 0;
}
.RequestDetailsEditor__top__selectedBlock {
  display: grid;
  row-gap: 16px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__top__selectedBlock {
  row-gap: 4.444444444444445vw;
}
.RequestDetailsEditor__top__selectedBlock__inputs {
  display: grid;
  gap: 16px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__top__selectedBlock__inputs {
  gap: 4.444444444444445vw;
}
.RequestDetailsEditor__top__selectedBlock__addressValue {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  gap: 16px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__top__selectedBlock__addressValue {
  gap: 4.444444444444445vw;
}
.RequestDetailsEditor__top__selectedBlock__addressValue__params {
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.RequestDetailsEditor__top__selectedBlock__addressValue__params__address {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__top__selectedBlock__addressValue__params__address {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  text-align: right;
}
.RequestDetailsEditor__top__selectedBlock__addressValue__params__stairs {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__top__selectedBlock__addressValue__params__stairs {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #a0a1aa;
  text-align: right;
}
.RequestDetailsEditor__top__selectedBlock .SelectList,
.RequestDetailsEditor__top__selectedBlock .Input {
  width: 100%;
}
.RequestDetailsEditor__bottom {
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  padding: 0 30px;
  gap: 25px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__bottom {
  padding: 0 8.333333333333334vw 8.333333333333334vw;
  padding-top: 4.444444444444445vw;
  gap: 6.944444444444445vw;
}
.RequestDetailsEditor__bottom__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  font-size: 16px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__bottom__title {
  font-size: 4.444444444444445vw;
}
.RequestDetailsEditor__bottom__questions {
  display: grid;
  gap: 13px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__bottom__questions {
  gap: 6.944444444444445vw;
  padding-bottom: 6.944444444444445vw;
  border-bottom: 0.277777777777778vw solid #e8e8ea;
}
.RequestDetailsEditor__bottom__question {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__bottom__question {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #a0a1aa;
}
.RequestDetailsEditor__bottom__question .BlockWithTitle {
  grid-template-columns: 7fr 3fr;
  grid-template-rows: 100%;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__bottom__question .BlockWithTitle {
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 3.055555555555555vw;
}
.RequestDetailsEditor__bottom__question .BlockWithTitle .IconWithText {
  grid-template-rows: 100%;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__bottom__question .BlockWithTitle .IconWithText__icon {
  -ms-flex-item-align: start;
      align-self: start;
}
.RequestDetailsEditor__bottom__question__radioButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
}
.RequestDetailsEditor--Mobile .RequestDetailsEditor__bottom__question__radioButtons {
  gap: 4.444444444444445vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.RequestDetailsEditor__bottom__additionalComments {
  width: 100%;
  height: 128px;
  overflow-y: auto;
}

.ConfirmationPageSettings {
  display: grid;
  grid-row-gap: 25px;
  grid-template-columns: 100%;
}
.ConfirmationPageSettings__header {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  padding: 0 25px;
}
.ConfirmationPageSettings__serviceTypeSelector {
  width: 200px;
}
.ConfirmationPageSettings__titleWithToggle {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 10px;
}
.ConfirmationPageSettings__titleWithToggle .ToggleButton__box {
  -webkit-transform: scale(0.888888888888889);
          transform: scale(0.888888888888889);
}
.ConfirmationPageSettings__body {
  display: grid;
  grid-template-columns: auto 266px;
  grid-column-gap: 70px;
  padding: 28px 25px;
}
.ConfirmationPageSettings__editors {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 36px;
}
.ConfirmationPageSettings .ConfirmationPageHeader__table {
  width: 100% !important;
  border-spacing: 0;
  display: block;
  max-width: 100%;
  overflow: hidden;
}
.ConfirmationPageSettings .ConfirmationPageHeader__table tbody {
  max-width: 100%;
  display: block;
}
.ConfirmationPageSettings .ConfirmationPageHeader__table tr {
  min-height: 20px;
  max-width: 100%;
  overflow: hidden;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 9px;
}
.ConfirmationPageSettings .ConfirmationPageHeader__table td {
  padding: 0;
  height: unset;
  min-width: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}

.ConfirmationPageIllustrationsSettings {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.ConfirmationPageIllustrationsSettings__block {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 4px;
}
.ConfirmationPageIllustrationsSettings__block__label {
  display: grid;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ConfirmationPageIllustrationsSettings__block__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.ConfirmationPageIllustrationsSettings__wrapper2columns {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 30px;
}
.ConfirmationPageIllustrationsSettings .ConfirmationPageIllustrationsSettings_ImagePreLoader {
  width: 380px;
}

.ConfirmationPageCommonSettings {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr;
  gap: 16px;
}
.ConfirmationPageCommonSettings__block {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 4px;
}
.ConfirmationPageCommonSettings__block__label {
  display: grid;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ConfirmationPageCommonSettings__block__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.ConfirmationPageCommonSettings__wrapper2columns {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 30px;
}
.ConfirmationPageCommonSettings .ConfirmationPageCommonSettings_ImagePreLoader {
  width: 380px;
}

.ConfirmationPageHeader {
  background-color: #fff;
}
.ConfirmationPageHeader--Mobile {
  padding: 0vw 5.833333333333333vw;
  border: none;
}
.ConfirmationPageHeader__table {
  width: 100% !important;
  border-spacing: 0;
  display: block;
  max-width: 100%;
  overflow: hidden;
}
.ConfirmationPageHeader__table tbody {
  max-width: 100%;
  display: block;
}
.ConfirmationPageHeader__table tr {
  min-height: 20px;
  max-width: 100%;
  overflow: hidden;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 9px;
}
.ConfirmationPageHeader--Mobile .ConfirmationPageHeader__table tr {
  min-height: 5.555555555555555vw;
  grid-column-gap: 2.5vw;
}
.ConfirmationPageHeader__table td {
  padding: 0;
  height: unset;
  min-width: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}

.ConfirmationInventoryTable {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 35px;
  grid-row-gap: 12px;
}
.ConfirmationInventoryTable__titleBig {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 15px;
}
.ConfirmationInventoryTable__headerDesc {
  text-align: right;
}
.ConfirmationInventoryTable__room {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  font-weight: 700;
  grid-row-gap: 2px;
}
.ConfirmationInventoryTable--listView .ConfirmationInventoryTable__room {
  display: block;
  font-weight: 400;
  grid-column: span 2;
}
.ConfirmationInventoryTable__room__roomName {
  font-weight: 500;
}
.ConfirmationInventoryTable__room__headerLine {
  grid-column: span 2;
  border-bottom: 1px solid #e8e8ea;
  margin: 4px 0;
}
.ConfirmationInventoryTable__room__count {
  font-weight: 400;
}
.ConfirmationInventoryTable__room__itemsList {
  color: #71737f;
}

.ConfirmationAdditionalAgreement {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 12px;
  color: #12152a;
  height: unset;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.ConfirmationAdditionalAgreement--Mobile {
  grid-row-gap: 3.333333333333333vw;
}
.ConfirmationAdditionalAgreement__checkbox {
  color: #12152a;
  height: unset;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.ConfirmationAdditionalAgreement__title {
  white-space: normal;
}
.ConfirmationAdditionalAgreement__signature {
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ConfirmationAdditionalAgreement__signaturePlace {
  width: 100%;
  height: 136px;
  position: relative;
  border: 1px solid #e8e8ea;
  border-radius: 12px;
  padding: 12px;
}
.ConfirmationAdditionalAgreement--Mobile .ConfirmationAdditionalAgreement__signaturePlace {
  height: 37.77777777777778vw;
  border-width: 0.277777777777778vw;
  border-radius: 3.333333333333333vw;
  padding: 3.333333333333333vw;
}
.ConfirmationAdditionalAgreement__addSignatureButton {
  width: 100%;
}
.ConfirmationAdditionalAgreement__editSignatureBtn {
  position: absolute;
  bottom: 6px;
  right: 6px;
}
.ConfirmationAdditionalAgreement--Mobile .ConfirmationAdditionalAgreement__editSignatureBtn {
  bottom: 1.666666666666667vw;
  right: 1.666666666666667vw;
}

.EmailInput {
  grid-area: address;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 4px 23px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EmailInput .EmailInput__input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 4px 0;
  caret-color: #00a455;
}
.EmailInput .EmailInput__input__field {
  border: none;
}
.EmailInput__block {
  margin: 4px 0;
  margin-right: 12px;
  height: 34px;
  border-radius: 17px;
  background-color: #f2f4f6;
  display: grid;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  grid-column-gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.EmailInput__block--invalid {
  background-color: #ee4b19;
  color: #fff;
}
.EmailInput__block__removeIcon {
  color: #71737f;
  cursor: pointer;
  width: 12px;
  height: 12px;
}
.EmailInput__block--invalid .EmailInput__block__removeIcon {
  color: #fff;
}
.EmailInput__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #71737f;
  margin: 4px 0;
  margin-right: 11px;
}

.SettingsFolderModal {
  width: 370px;
}
.SettingsFolderModal .ModalInstance__header {
  background-color: #12152a;
  color: #fff;
}
.SettingsFolderModal .ModalInstance__header__controlsButton__icon {
  color: #fff;
}
.SettingsFolderModal .SettingsBlock {
  width: 100%;
  grid-template-rows: auto;
}
.SettingsFolderModal .SettingsBlock__body {
  padding: 0;
  height: 350px;
}
.SettingsFolderModal .SettingsBlock__title {
  display: none;
}
.SettingsFolderModal .SettingsBlock__controls__flier {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 9px 16px;
}
.SettingsFolderModal .SettingsBlock__controls__flier .Button {
  height: 34px;
}
.SettingsFolderModal .SettingsBlock__controls__flier .Button:first-child {
  border: 1px solid #d0d0d4;
  background-color: #fff;
  color: #71737f;
}
.FolderEditor {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 16px 9px;
}
.FolderEditor__folders {
  width: 100%;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.FolderEditor__controls {
  width: 100%;
  height: 80px;
  padding: 20px;
}
.FolderEditor__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.FolderEditor__header__separator {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.FolderEditor__header__title {
  padding-right: 0;
  font-weight: 500;
  color: #12152a;
}
.FolderEditor__header__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00a455;
  padding: 0;
}
.FolderEditor__header__button .Button__icon {
  width: 18px;
  height: 18px;
}
.FolderEditor__header__button .Button__icon .SvgIcon {
  padding: 4px;
}
.FolderEditor__row {
  height: 50px;
  display: grid;
  grid-template-columns: 18px 1fr 18px;
  grid-column-gap: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FolderEditor__dragIcon {
  width: 18px;
}
.FolderEditor__removeIcon {
  width: 18px;
}
.FolderEditor__foldersList {
  max-height: 300px;
}
.FolderEditor .Input {
  width: 100%;
}

.DropdownPanel {
  width: 100%;
}
.DropdownPanel__header {
  width: 100%;
  height: 60px;
  padding-right: 25px;
  border-bottom: 1px dashed #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.DropdownPanel--Mobile .DropdownPanel__header {
  height: 16.666666666666668vw;
  padding-right: 6.944444444444445vw;
  border-bottom-width: 0.277777777777778vw;
}
.DropdownPanel__header--clickHandler {
  cursor: pointer;
}
.DropdownPanel__header__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.DropdownPanel--Mobile .DropdownPanel__header__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
}
.DropdownPanel__header__button {
  font-size: 14px;
  color: #71737f;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
}
.DropdownPanel--Mobile .DropdownPanel__header__button {
  font-size: 3.888888888888889vw;
}
.DropdownPanel__header__button--rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.DropdownPanel__content {
  position: relative;
  height: 0;
  will-change: height;
  width: 100%;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  overflow: hidden;
}
.DropdownPanel__content__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.EmailTemplatePreview {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.SMSNotificationEditor {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
  padding: 16px;
  padding-top: 9px;
  border: 1px solid #e8e8ea;
  border-radius: 8px;
}
.SMSNotificationEditor__header {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SMSNotificationEditor .trumbowyg-box,
.SMSNotificationEditor .trumbowyg-editor {
  min-height: 100px;
}
.SMSNotificationEditor__footer {
  display: grid;
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 9px;
}
.SMSNotificationEditor__footer .Button {
  min-width: 90px;
}
.SMSNotificationEditor__destination {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 4px;
  padding-left: 4px;
}
.SMSNotificationEditor__destinationTitle {
  color: #71737f;
}
.SMSNotificationEditor__destinationOptions {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 25px;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

.SettingsSecondLevel {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 230px auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}
.SettingsSecondLevel__navButtons {
  padding: 32px 16px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 4px;
  overflow-y: auto;
}
.SettingsSecondLevel__navButton {
  height: 42px;
  width: 100%;
  background-color: transparent;
  border-radius: 8px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  grid-column-gap: 8px;
  padding: 0 14px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  color: #71737f;
}
.SettingsSecondLevel__navButton--selected {
  background-color: #f2f4f6;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
  color: #12152a;
}
.SettingsSecondLevel__navButton__icon {
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
}
.SettingsSecondLevel__bodyScroller {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: #f2f4f6;
}
.SettingsSecondLevel__body {
  padding: 32px;
  display: grid;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}

.ParklotSettings__trucks {
  display: grid;
  gap: 16px;
}
.ParklotSettings__separator {
  border-top: 1px solid #f2f2f2;
  margin: 25px 0;
}
.ParklotSettings__subtitle {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding-bottom: 16px;
}
.ParklotSettings__column {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 25px;
  color: #71737f;
  margin-bottom: 25px;
}
.ParklotSettings__column .IconWithText {
  white-space: nowrap;
}

.TruckCard {
  display: grid;
  grid-template-columns: 2fr -webkit-min-content 8fr;
  grid-template-columns: 2fr min-content 8fr;
  grid-auto-rows: 100%;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.TruckCard .IconWithText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.TruckCard .IconWithText .SvgIcon {
  font-size: 18px;
}
.TruckCard .Input {
  width: 100%;
}


.SmtpSettings__inputName {
  min-width: 200px;
}
.SmtpSettings__inputBlock {
  display: grid;
  grid-template-columns: 2fr 3fr;
}
.SmtpSettings__inputBlock .Button {
  margin-left: 16px;
}
.SmtpSettings--greyButton {
  background-color: #a0a1aa;
  color: #fff;
}
.SmtpSettings--greyButton:hover {
  color: #fff;
}
.SmtpSettings--hoverButton:hover {
  background-color: #ee4b19;
}
.SmtpSettings__buttonsWrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.SmtpSettings__controls .Button {
  min-width: 160px;
}
.SmtpSettings--sendButton {
  min-width: 160px;
}

.DiscountSettingsPromoCodeCard {
  display: grid;
  grid-template-columns: 3.5fr 3.5fr 2fr 1fr;
  grid-template-rows: 100%;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.DiscountSettingsPromoCodeCard .Input {
  width: 100%;
}
.DiscountSettingsPromoCodeCard__hiddenTitle .BlockWithTitle .IconWithText .SvgIcon {
  color: transparent;
}
.DiscountSettingsPromoCodeCard__hiddenTitle .BlockWithTitle .BlockWithTitle__inputRow {
  padding-left: 0;
}
.DiscountSettingsPromoCodeCard__radiobuttons {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: repeat(2, auto);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.DiscountSettingsPromoCodeCard__radiobuttons .SvgIcon {
  color: transparent;
}

.DiscountSettings {
  grid-row-gap: 20px;
}

.CompanyFlagsSettings__grid {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.CompanyFlagsSettings__gridRow {
  display: grid;
  grid-template-columns: 18px 270px -webkit-max-content -webkit-max-content;
  grid-template-columns: 18px 270px max-content max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 0;
  background-color: #fff;
}
.CompanyFlagsSettings__gridRow--header {
  border-bottom: 1px solid #e8e8ea;
  padding: 16px 0;
  margin-bottom: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.CompanyFlagsSettings__gridRow .Input {
  width: 100%;
}
.CompanyFlagsSettings__dragHandler {
  width: 18px;
  height: 18px;
}
.CompanyFlagsSettings__dragHandler .SvgIcon {
  width: 100%;
  height: 100%;
  color: #71737f;
}
.CompanyFlagsSettings__inputBlock {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CompanyFlagsSettings__inputBlock .Input__tag {
  padding-left: 37px;
}
.CompanyFlagsSettings__inputBlock__icon {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 12px;
}

.ColorSelector {
  width: 178px;
  height: 129px;
  position: relative;
  padding-top: 11px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc4IiBoZWlnaHQ9IjEyOSIgdmlld0JveD0iMCAwIDE3OCAxMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CiAgICAgICAgPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMSIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICAgICAgICAgICAgZD0iTTUzLjI1MjQgMTMuMDE4NEM1Mi4wNTc4IDExLjY2MDUgNDkuOTQyMiAxMS42NjA1IDQ4Ljc0NzYgMTMuMDE4NEw0MS41MjYzIDIxLjIyNjZDNDAuNzk4MSAyMi4wNTQzIDM5LjkyMTQgMjMgMzguODE5IDIzSDI4QzIzLjU4MTcgMjMgMjAgMjYuNTgxNyAyMCAzMVY5M0MyMCA5Ny40MTgzIDIzLjU4MTcgMTAxIDI4IDEwMUgxNTBDMTU0LjQxOCAxMDEgMTU4IDk3LjQxODMgMTU4IDkzVjMxQzE1OCAyNi41ODE3IDE1NC40MTggMjMgMTUwIDIzSDYzLjE4MUM2Mi4wNzg2IDIzIDYxLjIwMTkgMjIuMDU0MyA2MC40NzM3IDIxLjIyNjZMNTMuMjUyNCAxMy4wMTg0WiIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICAgICAgICBkPSJNNTMuMjUyNCAxMy4wMTg0QzUyLjA1NzggMTEuNjYwNSA0OS45NDIyIDExLjY2MDUgNDguNzQ3NiAxMy4wMTg0TDQxLjUyNjMgMjEuMjI2NkM0MC43OTgxIDIyLjA1NDMgMzkuOTIxNCAyMyAzOC44MTkgMjNIMjhDMjMuNTgxNyAyMyAyMCAyNi41ODE3IDIwIDMxVjkzQzIwIDk3LjQxODMgMjMuNTgxNyAxMDEgMjggMTAxSDE1MEMxNTQuNDE4IDEwMSAxNTggOTcuNDE4MyAxNTggOTNWMzFDMTU4IDI2LjU4MTcgMTU0LjQxOCAyMyAxNTAgMjNINjMuMTgxQzYyLjA3ODYgMjMgNjEuMjAxOSAyMi4wNTQzIDYwLjQ3MzcgMjEuMjI2Nkw1My4yNTI0IDEzLjAxODRaIgogICAgICAgICAgICAgIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPHBhdGggZD0iTTQ4Ljc0NzYgMTMuMDE4NEw0Ny45OTY4IDEyLjM1NzlWMTIuMzU3OUw0OC43NDc2IDEzLjAxODRaTTUzLjI1MjQgMTMuMDE4NEw1Mi41MDE2IDEzLjY3ODlWMTMuNjc4OUw1My4yNTI0IDEzLjAxODRaTTQ5LjQ5ODQgMTMuNjc4OUM1MC4yOTQ4IDEyLjc3MzcgNTEuNzA1MiAxMi43NzM3IDUyLjUwMTYgMTMuNjc4OUw1NC4wMDMyIDEyLjM1NzlDNTIuNDEwNCAxMC41NDc0IDQ5LjU4OTYgMTAuNTQ3NCA0Ny45OTY4IDEyLjM1NzlMNDkuNDk4NCAxMy42Nzg5Wk00Mi4yNzcxIDIxLjg4NzFMNDkuNDk4NCAxMy42Nzg5TDQ3Ljk5NjggMTIuMzU3OUw0MC43NzU1IDIwLjU2NjFMNDIuMjc3MSAyMS44ODcxWk0yOCAyNEgzOC44MTlWMjJIMjhWMjRaTTIxIDMxQzIxIDI3LjEzNCAyNC4xMzQgMjQgMjggMjRWMjJDMjMuMDI5NCAyMiAxOSAyNi4wMjk0IDE5IDMxSDIxWk0yMSA5M1YzMUgxOVY5M0gyMVpNMjggMTAwQzI0LjEzNCAxMDAgMjEgOTYuODY2IDIxIDkzSDE5QzE5IDk3Ljk3MDYgMjMuMDI5NCAxMDIgMjggMTAyVjEwMFpNMTUwIDEwMEgyOFYxMDJIMTUwVjEwMFpNMTU3IDkzQzE1NyA5Ni44NjYgMTUzLjg2NiAxMDAgMTUwIDEwMFYxMDJDMTU0Ljk3MSAxMDIgMTU5IDk3Ljk3MDYgMTU5IDkzSDE1N1pNMTU3IDMxVjkzSDE1OVYzMUgxNTdaTTE1MCAyNEMxNTMuODY2IDI0IDE1NyAyNy4xMzQgMTU3IDMxSDE1OUMxNTkgMjYuMDI5NCAxNTQuOTcxIDIyIDE1MCAyMlYyNFpNNjMuMTgxIDI0SDE1MFYyMkg2My4xODFWMjRaTTUyLjUwMTYgMTMuNjc4OUw1OS43MjI5IDIxLjg4NzFMNjEuMjI0NSAyMC41NjYxTDU0LjAwMzIgMTIuMzU3OUw1Mi41MDE2IDEzLjY3ODlaTTYzLjE4MSAyMkM2Mi45Mjg5IDIyIDYyLjY0MzMgMjEuODk0IDYyLjI5MTUgMjEuNjI3QzYxLjkzMzUgMjEuMzU1NCA2MS41OTIyIDIwLjk4NCA2MS4yMjQ1IDIwLjU2NjFMNTkuNzIyOSAyMS44ODcxQzYwLjA4MzQgMjIuMjk2OSA2MC41NDQ2IDIyLjgxMjIgNjEuMDgyNiAyMy4yMjA0QzYxLjYyNjggMjMuNjMzMiA2Mi4zMzA4IDI0IDYzLjE4MSAyNFYyMlpNNDAuNzc1NSAyMC41NjYxQzQwLjQwNzggMjAuOTg0IDQwLjA2NjUgMjEuMzU1NCAzOS43MDg1IDIxLjYyN0MzOS4zNTY3IDIxLjg5NCAzOS4wNzExIDIyIDM4LjgxOSAyMlYyNEMzOS42NjkyIDI0IDQwLjM3MzIgMjMuNjMzMiA0MC45MTc0IDIzLjIyMDRDNDEuNDU1NCAyMi44MTIyIDQxLjkxNjYgMjIuMjk2OSA0Mi4yNzcxIDIxLjg4NzFMNDAuNzc1NSAyMC41NjYxWiIKICAgICAgICAgICAgICBmaWxsPSIjRDdEQUUwIiBmaWxsLW9wYWNpdHk9IjAuNCIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTEpIi8+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNzgiIGhlaWdodD0iMTI5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICAgICAgICAgICBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHk9IjgiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+Cjwvc3ZnPg==);
  background-position: center;
  background-size: contain;
  -webkit-transform: translate(-32px, -15px);
          transform: translate(-32px, -15px);
}
.ColorSelector__body {
  position: absolute;
  top: 22px;
  left: 20px;
  width: 138px;
  height: 78px;
  padding: 16px;
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content min-content min-content;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ColorSelector__color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ColorSelector__color__check {
  color: #fff;
  width: 10px;
  height: 10px;
}

.LeadSource {
  grid-row-gap: 0;
}

.LeadSourceCard {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content 1fr;
  grid-template-columns: 1fr max-content 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 100%;
  padding-bottom: 16px;
  gap: 16px;
}
.LeadSourceCard__draggableDrop .SvgIcon {
  width: 18px;
  height: 18px;
  color: #71737f;
}
.LeadSourceCard__content {
  display: grid;
  grid-template-columns: 18px auto;
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.LeadSourceCard__content .Input {
  width: 100%;
}
.LeadSourceCard .LeadSourceCard__ImagePreLoader {
  width: 72px;
  height: 72px;
  padding: 0;
  padding-bottom: 15px;
  cursor: pointer;
}
.LeadSourceCard .LeadSourceCard__ImagePreLoader__text {
  display: none;
}
.LeadSourceCard .LeadSourceCard__ImagePreLoader__image {
  width: 32px;
  height: 32px;
  font-size: 32px;
}

.CompanyServicesSettingsBlock {
  width: 1024px;
}
.CompanyServicesSettings {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 12px;
}
.CompanyServicesSettings__paleText {
  color: #71737f;
}
.CompanyServicesSettings__row {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content 1fr;
  grid-template-columns: max-content max-content 1fr;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e8e8ea;
  padding: 8px;
  border-radius: 8px;
}
.CompanyServicesSettings__serviceSettings {
  grid-column: span 3;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 12px;
}
.CompanyServicesSettings__serviceSettings__row {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-gap: 12px;
}
.CompanyServicesSettings__LDSettings {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
}
.CompanyServicesSettings__LDSettings .Input {
  width: 110px;
}
.CompanyServicesSettings__LMSettings {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
}
.CompanyServicesSettings__LMSettings .Input {
  width: 110px;
}
.CompanyServicesSettings__FLSettings {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
}
.CompanyServicesSettings__FLSettings .Input {
  width: 110px;
}

.CustomCompanyServicesSettings {
  display: grid;
  grid-row-gap: 12px;
  grid-template-columns: 100%;
  grid-auto-flow: row;
}
.CustomCompanyServicesSettings__ServiceTypeSelectList {
  width: 300px;
}
.CustomCompanyServicesSettings__block {
  display: grid;
  grid-template-columns: 100%;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e8e8ea;
  padding: 8px;
  border-radius: 8px;
}
.CustomCompanyServicesSettings__row {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content 1fr max-content max-content;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
}


.StateSelectListOptions__row {
  padding-right: 15px;
}
.StateSelectListOptions--Mobile .StateSelectListOptions__row {
  padding-right: 4.166666666666667vw;
}

.AddressInput {
  position: relative;
  width: 100px;
}
.AddressInput--Mobile {
  width: 27.77777777777778vw;
}
.AddressInput--Mobile .Input--valid .AddressInput__icon {
  opacity: 1;
}
.AddressInput--Mobile .Input__tag {
  padding-right: 9.722222222222221vw;
}
.AddressInput .Input {
  width: 100%;
}
.AddressInput .Input--valid .AddressInput__icon {
  opacity: 1;
}
.AddressInput .Input::-webkit-input-placeholder {
  font-style: normal;
}
.AddressInput .Input::-moz-placeholder {
  font-style: normal;
}
.AddressInput .Input::-ms-input-placeholder {
  font-style: normal;
}
.AddressInput .Input::placeholder {
  font-style: normal;
}
.AddressInput__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  padding: 4px;
  margin: auto;
  background: rgba(0,164,85,0.4);
  color: #00a455;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.AddressInput--Mobile .AddressInput__icon {
  right: 2.5vw;
  border-radius: 1.111111111111111vw;
  width: 4.444444444444445vw;
  height: 4.444444444444445vw;
  padding: 1.111111111111111vw;
}
.AddressInput__icon--loading {
  background: transparent;
  padding: 0;
}
.AddressInput--Mobile .AddressInput__icon--loading {
  padding: 0;
}
.AddressInputDropdown {
  width: 100%;
  background-color: #fff;
}
.AddressInputDropdown__row {
  color: #3d3d3d;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  text-align: left;
  padding-left: 12px;
  border: 1px solid #e8e9ec;
  border-top: none;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.AddressInputDropdown--Mobile .AddressInputDropdown__row {
  font-size: 3.888888888888889vw;
  height: 8.88888888888889vw;
  line-height: 8.88888888888889vw;
  padding-left: 3.333333333333333vw;
  border-width: 0.277777777777778vw;
}
.AddressInputDropdown__row--promo {
  height: 18px;
  color: #808080;
  font-size: 12px;
  padding-right: 10px;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-template-rows: 100%;
}
.AddressInputDropdown--Mobile .AddressInputDropdown__row--promo {
  height: 5vw;
  font-size: 3.333333333333333vw;
  padding-right: 2.777777777777778vw;
  grid-column-gap: 1.388888888888889vw;
}
.AddressInputDropdown__row:hover {
  background-color: #f0f0f0;
}
.AddressInputDropdown__row__promoLogo {
  background-image: url(./images/e13ebeb0c22975e82c1a69b40a138c12.png);
  background-size: contain;
  background-position: center right;
  width: 45px;
  height: 14px;
}
.AddressInputDropdown--Mobile .AddressInputDropdown__row__promoLogo {
  width: 12.5vw;
  height: 3.888888888888889vw;
}
.AddressInputDropdown__row__highlighted {
  font-weight: 600;
}
.AddressInputDropdown__row__secondary {
  margin-left: 5px;
  font-size: 11px;
  color: #7d7d7d;
}
.AddressInputDropdown--Mobile .AddressInputDropdown__row__secondary {
  margin-left: 1.388888888888889vw;
  font-size: 3.055555555555555vw;
}

.BrandingSettings {
  grid-gap: 50px;
}

.LeadProvidersApiKeys {
  grid-template-columns: -webkit-max-content -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content max-content auto max-content;
}
.LeadProvidersApiKeys__toggleButton {
  height: 34px;
}

.ContractBuilder {
  position: relative;
}
.ContractBuilder .ContractBuilder__tabPane__views {
  padding-top: 13px;
}
.ContractBuilder .ContractBuilder__tabPane__tabs {
  padding: 0;
}
.ContractBuilder__previewButton {
  position: absolute;
  top: 6px;
  right: 32px;
}

.ContractBuilderContract {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 16px;
  position: relative;
}
.ContractBuilderContract__row {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
}
.ContractBuilderContract__row--header {
  grid-auto-columns: -webkit-max-content auto -webkit-max-content;
  grid-auto-columns: max-content auto max-content;
  grid-column-gap: 25px;
}
.ContractBuilderContract__row--header2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ContractBuilderContract__row--valuation {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 25px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ContractBuilderContract .ContractBuilderContract__logoLoader {
  height: 100px;
  width: 180px;
  padding: 0;
  border: none;
}
.ContractBuilderContract .ContractBuilderContract__logoLoader__image {
  width: 100%;
  height: 50px;
  font-size: 50px;
}
.ContractBuilderContract .ContractBuilderContract__logoLoader__text {
  margin-top: 9px;
}
.ContractBuilderContract__styledBlock1 {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  justify-items: left;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: #71737f;
  width: 200px;
}
.ContractBuilderContract__styledBlock1__row1 {
  text-transform: uppercase;
  color: #12152a;
  justify-self: right;
  line-height: 32px;
}
.ContractBuilderContract__inputTitle {
  width: 270px;
}
.ContractBuilderContract__inputAddress {
  width: 500px;
}
.ContractBuilderContract .ContractBuilderContract__tabPane__views {
  padding-top: 13px;
}
.ContractBuilderContract .ContractBuilderContract__tabPane__tabs {
  padding: 0;
}
.ContractBuilderContract__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  padding-left: 16px;
  text-transform: uppercase;
}
.ContractBuilderContract__title--small {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-transform: unset;
}
.ContractBuilderContract__valuationLetter {
  font-weight: 700;
  font-size: 96px;
  line-height: 122px;
  width: 200px;
  text-align: center;
}
.ContractBuilderContract__settingsBlock {
  width: 100%;
}

.ValuationSettingCard {
  display: grid;
  grid-template-columns: minmax(34px, -webkit-min-content) 12fr;
  grid-template-columns: minmax(34px, min-content) 12fr;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -9px;
  gap: 16px;
}
.ValuationSettingCard__body {
  display: grid;
  grid-template-columns: 8fr 3fr;
  grid-template-rows: 100%;
  border-bottom: 1px solid #e8e8ea;
  padding: 25px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ValuationSettingCard:last-child .ValuationSettingCard__body {
  border-bottom: 1px solid transparent;
}
.ValuationSettingCard__body__texts {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(2, auto);
  gap: 4px;
}
.ValuationSettingCard__body__label {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.ValuationSettingCard__body__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.ValuationSettingCard__body .Button {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.ValuationSettingCard:hover .ValuationSettingCard__body .Button {
  opacity: 1;
}

.ValuationSettingModal__modal {
  width: 477px;
}

.ContractBuilderTerms {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 16px;
}
.ContractBuilderTerms__settingsBlock {
  width: 100%;
}

.ContractBuilderForemanInfo {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 16px;
}
.ContractBuilderForemanInfo__settingsBlock {
  width: 100%;
}

.RateAutomationSettings .SelectList__selectedValue {
  padding-left: 4px;
}
.RateAutomationSettings__rows {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 18px;
}
.RateAutomationSettings__rows__row {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: -webkit-min-content -webkit-min-content 64px -webkit-min-content 2fr -webkit-min-content 2fr -webkit-min-content;
  grid-template-columns: min-content min-content 64px min-content 2fr min-content 2fr min-content;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RateAutomationSettings__rows__row__typeSelector {
  width: 100%;
}
.RateAutomationSettings__rows__row__input {
  width: 100%;
}
.RateAutomationSettings__rows__row__textArrow {
  color: #71737f;
  min-width: 34px;
}
.RateAutomationSettings__rows__row__text {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.RateAutomationSettings__rows__row__text--isOff {
  color: #71737f;
}

.RateType {
  position: relative;
  padding: 3px 10px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-column-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 600;
}
.RateType--Mobile {
  padding: 0.833333333333333vw 2.777777777777778vw;
  grid-column-gap: 2.5vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  font-size: 3.888888888888889vw;
  font-weight: 600;
}
.RateType__background {
  position: absolute;
  border-radius: 5px;
  opacity: 0.15;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  pointer-events: none;
  background-color: currentColor;
}
.RateType--Mobile .RateType__background {
  border-radius: 1.388888888888889vw;
}
.RateType__content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.RateType__name {
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}
.RateType__circle {
  display: inline-block;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 1;
  background-color: currentColor;
}
.RateType--Mobile .RateType__circle {
  width: 2.222222222222222vw;
  height: 2.222222222222222vw;
}

.RateInput {
  width: 100%;
  overflow: hidden;
}
.RateInput__input {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.RateInput__input--isOff {
  color: #71737f;
}
.RateInput__text {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  line-height: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 4px;
}
.RateInput__text--isOff {
  color: #71737f;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

.RateSettings__input {
  width: 100%;
}
.RateSettings__nameAndColor {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-flow: row;
  grid-row-gap: 10px;
}
.RateSettings__rows {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 18px;
}
.RateSettings__rows__row {
  display: grid;
  grid-gap: 9px;
  border-top: 1px solid #f2f2f2;
  grid-template-columns: 1.2fr repeat(7, 1fr);
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 16px;
}
.RateSettings__rows__row__type {
  overflow: hidden;
}
.RateSettings__rows__row__edit__icon {
  cursor: pointer;
  color: #00a455;
}
.RateSettings__tabs {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  display: grid;
  grid-gap: 9px;
  grid-template-rows: min-content;
  grid-template-columns: 1.2fr repeat(7, 1fr);
  rid-template-rows: 100%;
  padding-bottom: 16px;
}
.RateSettings__tab {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.StorageRateSettings .Input {
  width: 80px;
}
.StorageRateSettings.Settings__grid {
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content max-content max-content max-content max-content;
}
.StorageRateSettings__visualEditorContainer {
  padding-left: 40px;
}
.StorageRateSettings .TrumbowygWrapperTrumbowygWrapper {
  grid-column: span 5;
  overflow: hidden;
  width: 100%;
}

.ColorPicker {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ColorPicker__block {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ColorPicker__block__circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.ColorPicker--editButton {
  cursor: pointer;
  color: #00a455;
}
.ColorPicker--editButton .SvgIcon {
  width: 14px;
  height: 14px;
}
.ColorPickerColorSelector {
  width: 232px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ColorPickerColorSelector__colorBlock {
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content min-content;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ColorPickerColorSelector__colorBlock__color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ColorPickerColorSelector__colorBlock__color__check {
  color: #fff;
  width: 10px;
  height: 10px;
}
.ColorPickerColorSelector__colorBlock__input .Input {
  max-width: 100px;
  border: none;
  position: relative;
}
.ColorPickerColorSelector__colorBlock__input .Input__tag {
  padding-left: 10px;
}
.ColorPickerColorSelector__controls {
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
}
.ColorPickerColorSelector__controls .SvgIcon {
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.TooltipBodyWithTriangle {
  position: relative;
  padding-top: 6.363961030692855px;
  -webkit-filter: drop-shadow(0 4px 15px rgba(0,0,0,0.15));
          filter: drop-shadow(0 4px 15px rgba(0,0,0,0.15));
}
.TooltipBodyWithTriangle--hidden {
  opacity: 0;
}
.TooltipBodyWithTriangle--Mobile {
  padding-top: 1.767766952970237vw;
  -webkit-filter: drop-shadow(0 1.111111111111111vw 4.166666666666667vw rgba(0,0,0,0.15));
          filter: drop-shadow(0 1.111111111111111vw 4.166666666666667vw rgba(0,0,0,0.15));
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.TooltipBodyWithTriangle--bottomRight {
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: translate(21px, -7px);
          transform: translate(21px, -7px);
}
.TooltipBodyWithTriangle--nowrap {
  white-space: nowrap;
}
.TooltipBodyWithTriangle__triangle {
  position: absolute;
  width: 12.72792206138571px;
  height: 12.72792206138571px;
  border-top-left-radius: 3px;
  border: 1px solid #e8e8ea;
  z-index: 2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #fff;
}
.TooltipBodyWithTriangle--Mobile .TooltipBodyWithTriangle__triangle {
  width: 3.535533905940475vw;
  height: 3.535533905940475vw;
  border-top-left-radius: 0.833333333333333vw;
  border: 0.277777777777778vw solid #e8e8ea;
}
.TooltipBodyWithTriangle--topRight .TooltipBodyWithTriangle__triangle {
  top: 6.363961030692855px;
  right: 13px;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.TooltipBodyWithTriangle--Mobile.TooltipBodyWithTriangle--topRight .TooltipBodyWithTriangle__triangle {
  top: 1.767766952970237vw;
  right: 3.611111111111111vw;
}
.TooltipBodyWithTriangle--topLeft .TooltipBodyWithTriangle__triangle {
  top: 6.363961030692855px;
  left: 13px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.TooltipBodyWithTriangle--bottomLeft .TooltipBodyWithTriangle__triangle {
  bottom: 0;
  left: 13px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  border-top-color: transparent;
  border-left-color: transparent;
}
.TooltipBodyWithTriangle--bottomRight .TooltipBodyWithTriangle__triangle {
  bottom: 0;
  right: 13px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  border-top-color: transparent;
  border-right-color: transparent;
}
.TooltipBodyWithTriangle--leftTop .TooltipBodyWithTriangle__triangle {
  top: 19.363961030692856px;
  left: 0px;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  border-top-color: transparent;
  border-right-color: transparent;
}
.TooltipBodyWithTriangle--leftBottom .TooltipBodyWithTriangle__triangle {
  bottom: 13px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.TooltipBodyWithTriangle--rightTop .TooltipBodyWithTriangle__triangle {
  top: 19.363961030692856px;
  right: 0px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  border-top-color: transparent;
  border-left-color: transparent;
}
.TooltipBodyWithTriangle--rightBottom .TooltipBodyWithTriangle__triangle {
  bottom: 13px;
  right: 0px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.TooltipBodyWithTriangle__body {
  position: relative;
  background-color: #fff;
  border: 1px solid #e8e8ea;
  border-radius: 6px;
  padding: 10px 12px;
  z-index: 1;
  max-width: 600px;
  max-height: 600px;
}
.TooltipBodyWithTriangle--Mobile .TooltipBodyWithTriangle__body {
  border: 0.277777777777778vw solid #e8e8ea;
  border-radius: 1.666666666666667vw;
  padding: 2.777777777777778vw 3.333333333333333vw;
  max-width: 100vw;
  max-height: 80vh;
}
.TooltipBodyWithTriangle__body--noPadding {
  padding: 0;
}
.TooltipBodyWithTriangleBodyHolder {
  -webkit-transform: translate(22px, 8px);
          transform: translate(22px, 8px);
}
.TooltipBodyWithTriangleBodyHolderMobile {
  -webkit-transform: translate(6.111111111111111vw, 2.222222222222222vw);
          transform: translate(6.111111111111111vw, 2.222222222222222vw);
}

.MoveSizeSettings {
  display: grid;
  width: 100%;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.MoveSizeSettings__row {
  padding-bottom: 9px;
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-template-rows: 100%;
  grid-column-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MoveSizeSettings__row__dragHandler {
  color: #71737f;
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.MovesizeEditor {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: calc(100% - 56px);
  grid-template-columns: 231px auto;
  grid-template-areas: 'navigation editor' 'bottomButtons bottomButtons';
  position: relative;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.MovesizeEditor__modal {
  width: 780px;
  height: 90%;
  overflow: inherit;
}
.MovesizeEditor__modal .ModalInstance__body {
  background: none;
}
.MovesizeEditor__saveBtn {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.MovesizeEditor__preview {
  border-bottom: 1px solid #e8e8ea;
  border-radius: 8px;
  padding: 16px 0;
}
.MovesizeEditor__preview__image {
  width: 100%;
  height: 132px;
  background-position: center;
  background-size: contain;
}
.MovesizeEditor__preview__image--withoutUrl {
  width: 132px;
  height: 132px;
  border: 2px #e8e8ea dashed;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.MovesizeEditor__preview__image--withoutUrl .SvgIcon {
  width: 64px;
  color: #e8e8ea;
  margin: auto;
}
.MovesizeEditor__preview__title {
  padding: 16px 0;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  text-align: center;
}
.MovesizeEditor__preview__params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: #71737f;
}
.MovesizeEditor__navigation {
  grid-area: navigation;
  margin: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.MovesizeEditor__navigation__rows {
  padding-top: 16px;
}
.MovesizeEditor__bottomButtons {
  grid-area: bottomButtons;
  height: 56px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 12px;
  grid-auto-flow: column;
  width: 100%;
  padding: 0 25px;
  border-top: 1px solid #e8e8ea;
  position: relative;
}
.MovesizeEditor__editor {
  grid-area: editor;
  background-color: #f2f4f6;
  display: grid;
  grid-auto-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 16px;
}
.MovesizeEditor__editor--narrow {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px 90px 16px 30px;
}
.MovesizeEditor__input {
  width: 100%;
  border-color: #e8e8ea;
}
.MovesizeEditor__input--small {
  width: 30%;
}
.MovesizeEditor__dispersionValues {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.MovesizeEditor__dispersionValues__minOrMax {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 30px;
  font-weight: 300;
  color: #00a455;
}
.MovesizeEditor__dispersionValues__minOrMax--label {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  margin-bottom: 4px;
}

.MovesizeInventory {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 290px auto;
  overflow: hidden;
}
.MovesizeInventory__modal {
  height: 90%;
  overflow: inherit;
}
.MovesizeInventory__modal .ModalInstance__body {
  border-radius: 8px;
}
.MovesizeInventory__modal .ModalInstance__header {
  height: 0;
  border: none;
}
.MovesizeInventory__right {
  width: 100%;
  height: 100%;
  background-color: #f2f4f6;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
}
.MovesizeInventory__left {
  overflow: hidden;
  overflow-y: scroll;
}
.MovesizeInventory__left__goBack {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 2fr 8fr;
  padding: 16px;
  cursor: pointer;
  gap: 16px;
  border-bottom: 1px solid #e8e8ea;
}
.MovesizeInventory__left__goBack .Button {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}
.MovesizeInventory__left__goBack__text {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  margin: auto 0;
}
.MovesizeInventory__left__addRoomRow {
  height: 75px;
  padding: 16px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MovesizeInventory__left__addRoomRow__text {
  color: #00a455;
}
.MovesizeInventory__roomsList {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: 70px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.MovesizeInventory__roomsList__room {
  background: #fff;
}
.InventoryRoomSelectorModal {
  width: 400px;
  height: 600px;
}

.InventoryMovesizeRoomPreviewCard {
  width: 100%;
  max-width: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 50% 50%;
  grid-template-columns: 44px auto auto;
  grid-column-gap: 16px;
  grid-template-areas: "p t b" "p i b";
  padding: 9px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.InventoryMovesizeRoomPreviewCard--active {
  background-color: #f2f4f6;
}
.InventoryMovesizeRoomPreviewCard__buttons {
  grid-area: b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InventoryMovesizeRoomPreviewCard__buttons--text {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #333;
  text-align: end;
  padding-right: 9px;
}
.InventoryMovesizeRoomPreviewCard__categories .DropdownPanel__header {
  display: none;
}
.InventoryMovesizeRoomPreviewCard__image {
  grid-area: p;
  background-size: contain;
  background-position: center;
  height: 44px;
  width: 44px;
}
.InventoryMovesizeRoomPreviewCard__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  grid-area: t;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.InventoryMovesizeRoomPreviewCard__info {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: i;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
  margin-top: 4px;
}
.InventoryMovesizeRoomPreviewCard--active .InventoryMovesizeRoomPreviewCard__info {
  color: #00a455;
}

.InventoryMovesizeRoomComponent {
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border-bottom: 1px solid #e8e8ea;
}
.InventoryMovesizeRoomComponent--active {
  background-color: #f2f4f6;
}
.InventoryMovesizeRoomComponent .DropdownPanel__header {
  border-bottom: none;
  height: auto;
  padding: 9px;
  position: relative;
}
.InventoryMovesizeRoomComponent .DropdownPanel__header__button {
  margin: auto;
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  right: 25px;
}
.InventoryMovesizeRoomComponent__categories {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content auto;
  grid-auto-rows: min-content auto;
  grid-row-gap: 16px;
  padding: 16px 0 16px 74px;
}
.InventoryMovesizeRoomComponent__category {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 39px;
  color: #71737f;
  cursor: pointer;
  position: relative;
}
.InventoryMovesizeRoomComponent__category:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 28px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.InventoryMovesizeRoomComponent__category--active {
  color: #12152a;
}
.InventoryMovesizeRoomComponent__category--active:after {
  background-color: #00a455;
}

.MovesizeIventoryAddRoomPreviewCard {
  width: 100%;
  max-width: 100%;
  background-color: $color_paper;
  display: grid;
  padding: 9px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 44px;
  grid-template-columns: 44px 44px 2fr;
  grid-template-areas: "c i t";
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.MovesizeIventoryAddRoomPreviewCard:hover {
  background-color: #ebebeb;
}
.MovesizeIventoryAddRoomPreviewCard__image {
  grid-area: i;
  background-size: contain;
  background-position: center;
  height: 100%;
}
.MovesizeIventoryAddRoomPreviewCard__title {
  padding-left: 16px;
  grid-area: t;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.MovesizeIventoryAddRoomPreviewCard__checkbox {
  margin: auto;
  grid-area: c;
}

.MoveSizeInventoryRoomSelector {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content auto;
  grid-auto-rows: min-content auto;
  height: 100%;
  overflow-y: auto;
}
.MoveSizeInventoryRoomSelector__modal {
  width: 400px;
  max-height: 600px;
  min-height: 300px;
}
.MoveSizeInventoryRoomSelector__rows {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  height: 100%;
}
.MoveSizeInventoryRoomSelector__confirm {
  width: 100%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 16px 16px 16px;
}
.MoveSizeInventoryRoomSelector__confirm .Button {
  width: 100%;
}

.MovesizeInventoryItemsPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  padding: 25px 25px 0 25px;
}
.MovesizeInventoryItemsPanel__itemsGroupTitle {
  width: 100%;
  padding-bottom: 4px;
  margin-left: 25px;
  border-bottom: 1px solid #ebebeb;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.MovesizeInventoryItemsPanel__itemsGroupTitle--picked {
  margin-left: 14px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #00a455;
}
.MovesizeInventoryItemsPanel__itemsGrid {
  display: grid;
  padding: 25px;
  grid-gap: 25px;
  grid-auto-rows: 267px;
  grid-template-columns: repeat(auto-fill, 230px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.MovesizeInventoryItemsPanel__itemsGrid--viewModeGridSmall {
  grid-auto-rows: 126px;
  grid-template-columns: repeat(auto-fill, 230px);
}
.MovesizeInventoryItemsPanel__itemsGrid--viewModeTable {
  grid-auto-rows: 69px;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
.MovesizeInventoryItemsPanel .DropdownPanel__header {
  height: 34px;
  position: relative;
  border: none;
}
.MovesizeInventoryItemsPanel .DropdownPanel__header__button {
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  border: 1px solid #12152a;
  padding: 3px;
}

.InventoryItemComponent {
  background-color: #fff;
  display: grid;
  grid-template-areas: 'image' 'desc' 'buttons';
  grid-template-rows: auto -webkit-min-content -webkit-min-content;
  grid-template-rows: auto min-content min-content;
  grid-template-columns: 100%;
  grid-row-gap: 25px;
  padding: 25px;
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.InventoryItemComponent--viewModeGridSmall {
  padding: 16px;
  padding-bottom: 0;
  grid-template-areas: 'image desc' 'buttons buttons';
  grid-template-columns: 50px auto;
  grid-template-rows: auto 38px;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InventoryItemComponent--viewModeTable {
  grid-template-areas: 'image desc buttons';
  grid-template-columns: 34px 1fr 1fr;
  grid-template-rows: 34px;
  padding: 0 25px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: left;
  grid-column-gap: 25px;
}
.InventoryItemComponent__star {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #00a455;
}
.InventoryItemComponent__image {
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  grid-area: image;
}
.InventoryItemComponent__nameAndDesc {
  grid-area: desc;
}
.InventoryItemComponent--viewModeGridSmall .InventoryItemComponent__nameAndDesc,
.InventoryItemComponent--viewModeTable .InventoryItemComponent__nameAndDesc {
  text-align: left;
}
.InventoryItemComponent__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
}
.InventoryItemComponent__desc {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  margin-top: 4px;
}
.InventoryItemComponent__size {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  position: absolute;
  top: 9px;
  left: 16px;
}
.InventoryItemComponent--viewModeGridSmall .InventoryItemComponent__size {
  top: unset;
  bottom: 8px;
}
.InventoryItemComponent--viewModeTable .InventoryItemComponent__size {
  top: unset;
  left: unset;
  right: 64px;
}
.InventoryItemComponent__editItem {
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-auto-flow: column;
  grid-column-gap: 9px;
  grid-area: buttons;
}
.InventoryItemComponent__bigAddBtn {
  color: $color_primary_border;
  border: 1px solid $color_primary_border;
  border-radius: 8px;
  font-size: 17px;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
}
.InventoryItemComponent__smallButtons {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 55px 55px auto;
  grid-template-rows: 100%;
  grid-column-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InventoryItemComponent__btnMinus {
  border: 1px solid #bdc1bf;
  border-radius: 8px;
  cursor: pointer;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjE3LjEyNCIKICAgaGVpZ2h0PSIxNy4xMjQiCiAgIHZpZXdCb3g9IjAgMCAxNy4xMjQgMTcuMTI0IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzdWJ0cmFjdC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMyAoMjQwNTU0NiwgMjAxOC0wMy0xMSkiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEyIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAyNyIKICAgICBpZD0ibmFtZWR2aWV3MTAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjEzLjc4MTgyNiIKICAgICBpbmtzY2FwZTpjeD0iOC41NjIwMDAzIgogICAgIGlua3NjYXBlOmN5PSI4LjU2MjAwMDMiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI4IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnOCIgLz4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCI+CiAgICA8c3R5bGUKICAgICAgIGlkPSJzdHlsZTIiPi5he2ZpbGw6I2ZmZjt9PC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGgKICAgICBjbGFzcz0iYSIKICAgICBkPSJNIDcuMTY0LDYuMTkgNi4wNTQsNS4wODEgMS4zMzksMC4zNjYgQyAwLjU5OTY2Njk5LC0wLjM3MzMzMzAxIC0wLjUwOTMzMzAxLDAuNzM1NjY2OTkgMC4yMywxLjQ3NSBsIDQuNzE1LDQuNzE1IDEuMTA5LDEuMTEgNC43MTUsNC43MTUgYyAwLjczOTMzMywwLjczOTMzMyAxLjg0ODMzMywtMC4zNjk2NjcgMS4xMDksLTEuMTA5IHoiCiAgICAgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1LDEwLjE3MTM2Niw0LjM0ODg4MjMpIgogICAgIGlkPSJwYXRoNiIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgIHN0eWxlPSJvcGFjaXR5OjAuNDkwMDAwMDU7ZmlsbDojYmRjMWJmO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsLW9wYWNpdHk6MC45NDExNzY0NyIKICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjc3NjY3NjYyIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: 50%;
}
.InventoryItemComponent__btnPlus {
  border: 1px solid $color_primary_border;
  background-color: $color_primary_border;
  border-radius: 8px;
  cursor: pointer;
  height: 100%;
  background-position: center;
  background-size: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4xMjQiIGhlaWdodD0iMTcuMTI0IiB2aWV3Qm94PSIwIDAgMTcuMTI0IDE3LjEyNCI+Cgk8ZGVmcz4KCQk8c3R5bGU+LmF7ZmlsbDojZmZmO308L3N0eWxlPgoJPC9kZWZzPgoJPHBhdGggY2xhc3M9ImEiCgkJICBkPSJNNy4xNjQsNi4xOWw0LjcxNS00LjcxNUEuNzg0Ljc4NCwwLDAsMCwxMC43NjkuMzY2TDYuMDU0LDUuMDgxLDEuMzM5LjM2NkEuNzg0Ljc4NCwwLDAsMCwuMjMsMS40NzVMNC45NDUsNi4xOS4yMywxMC45MDVhLjc4NC43ODQsMCwxLDAsMS4xMDksMS4xMDlMNi4wNTQsNy4zbDQuNzE1LDQuNzE1YS43ODQuNzg0LDAsMCwwLDEuMTA5LTEuMTA5Wm0wLDAiCgkJICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4wOTYgOC40NjYpIHJvdGF0ZSgtNDUpIi8+Cjwvc3ZnPg==);
}
.InventoryItemComponent__count {
  color: #262424;
  font-size: 28px;
  text-align: right;
}


.CategoryList {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-row-gap: 9px;
  justify-items: left;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.CategoryList__filter {
  border-radius: 8px;
  height: 34px;
  overflow: hidden;
  padding: 0 9px;
  background-color: #f2f4f6;
  border: 1px solid #f2f4f6;
  display: grid;
  grid-template-rows: 100%;
  grid-column-gap: 9px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.CategoryList__filter__text {
  text-overflow: ellipsis;
  color: #00a455;
  white-space: nowrap;
}
.CategoryList__filter__closeBtn {
  color: #71737f;
  cursor: pointer;
}
.CategoryList__filter--addFilterBtn {
  background-color: transparent;
  color: #00a455;
  cursor: pointer;
}

.InventoryCategoriesModal.ModalInstance {
  width: 300px;
}
.InventoryCategoriesModalHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InventoryCategoriesModalHeader__backBtn {
  cursor: pointer;
  margin-right: 16px;
}
.InventoryCategories {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 16px;
  overflow: auto;
  padding: 16px 0;
  height: 100%;
}
.InventoryCategories--selectMode {
  padding-bottom: 0;
}
.InventoryCategories .Input {
  width: 100%;
}
.InventoryCategories__newCategoryBtn {
  margin-left: 6px;
}
.InventoryCategories__closeBtn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4wNTQiIGhlaWdodD0iMTIuMDU0IiB2aWV3Qm94PSIwIDAgMTIuMDU0IDEyLjA1NCI+PGRlZnM+PHN0eWxlPi5he29wYWNpdHk6MC40OTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik03LjEzMiw2LjE2M2w0LjY5NC00LjY5NGEuNzgxLjc4MSwwLDAsMC0xLjEtMS4xTDYuMDI3LDUuMDU5LDEuMzMzLjM2NWEuNzgxLjc4MSwwLDAsMC0xLjEsMS4xTDQuOTIzLDYuMTYzLjIyOSwxMC44NTdhLjc4MS43ODEsMCwxLDAsMS4xLDEuMUw2LjAyNyw3LjI2N2w0LjY5NCw0LjY5NGEuNzgxLjc4MSwwLDEsMCwxLjEtMS4xWm0wLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMTM2KSIvPjwvc3ZnPg==);
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 20px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.InventoryCategories__backBtn {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAuNzI3IDMwLjcyNzsiCiAgIHZpZXdCb3g9IjAgMCAzMC43MjcgMzAuNzI3IgogICBoZWlnaHQ9IjMwLjcyN3B4IgogICB3aWR0aD0iMzAuNzI3cHgiCiAgIHk9IjBweCIKICAgeD0iMHB4IgogICBpZD0iQ2FwYV8xIgogICB2ZXJzaW9uPSIxLjEiPjxtZXRhZGF0YQogICBpZD0ibWV0YWRhdGExMSI+PHJkZjpSREY+PGNjOldvcmsKICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICBpZD0iZGVmczkiIC8+CjxnCiAgIGlkPSJnNCI+Cgk8cGF0aAogICBzdHlsZT0iZmlsbDojYTRhZmI3IgogICBpZD0icGF0aDIiCiAgIGQ9Ik0gMjAuNTQ0MTI1LDI5Ljk5Mzg3NSA1LjkxNTEyNTEsMTUuMzYyODc1IDIwLjU0MzEyNSwwLjczMjg3NDkgYyAwLjk3OCwtMC45NzcgMi41NjEsLTAuOTc3IDMuNTM2LDAgMC45NzcsMC45NzcgMC45NzYsMi41NTkgMCwzLjUzNiBsIC0xMS4wOTMsMTEuMDk1MDAwMSAxMS4wOTQsMTEuMDk3IGMgMC45NzYsMC45NzcgMC45NzYsMi41NTkgMCwzLjUzNSAtMC45NzcsMC45NzUgLTIuNTU5LDAuOTc1IC0zLjUzNiwtMC4wMDIgeiIgLz4KPC9nPgo8L3N2Zz4=);
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 20px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.InventoryCategories__editor {
  padding: 0 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.InventoryCategories__filters {
  padding: 0 16px;
  display: grid;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-columns: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.InventoryCategories__filter {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.InventoryCategories__filter__dragHandler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.InventoryCategories__filter__button {
  border-radius: 8px;
  height: 34px;
  overflow: hidden;
  padding: 0 9px;
  background-color: #f2f4f6;
  border: 1px solid #f2f4f6;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-column-gap: 9px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.InventoryCategories__filter__text {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.InventoryCategories__filter--active .InventoryCategories__filter__text {
  color: #00a455;
}
.InventoryCategories__filter__dragBtn {
  cursor: pointer;
}
.InventoryCategories__editFilterBtn {
  width: 14px;
  height: 14px;
  cursor: pointer;
  color: #00a455;
}
.InventoryCategories__controls {
  padding: 0 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.InventoryCategories--selectMode .InventoryCategories__controls {
  padding: 0 0;
}
.InventoryCategories__saveBtn {
  width: 100%;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.MoveSizeInventoryHeader {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: minmax(200px, 330px) auto -webkit-max-content;
  grid-template-columns: minmax(200px, 330px) auto max-content;
  grid-column-gap: 25px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px;
}
.MoveSizeInventoryHeader__search {
  position: relative;
}
.MoveSizeInventoryHeader__search .SvgIcon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  bottom: 0;
  left: 9px;
  margin: 0;
  width: 14px;
  height: 100%;
  z-index: 1;
  color: #71737f;
}
.MoveSizeInventoryHeader__search .Input {
  width: 100%;
}
.MoveSizeInventoryHeader__search .Input__tag {
  padding-left: 32px;
}
.MoveSizeInventoryHeader__viewModes {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 9px;
  grid-template-rows: 44px;
  grid-template-columns: repeat(3, 44px);
}
.MoveSizeInventoryHeader__viewMode {
  color: #71737f;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.MoveSizeInventoryHeader__viewMode .SvgIcon {
  background-color: #f2f4f6;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  padding: 13px;
  width: unset;
  height: unset;
}
.MoveSizeInventoryHeader__viewMode--active .SvgIcon {
  background-color: #fff;
  color: #12152a;
}

.InventoryMovesizeDefaultTab {
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 44px auto auto;
  padding: 16px;
  gap: 16px;
  border-bottom: 1px solid #e8e8ea;
  cursor: pointer;
}
.InventoryMovesizeDefaultTab--selected {
  background-color: #f2f4f6;
}
.InventoryMovesizeDefaultTab__left .SvgIcon {
  width: unset;
  height: unset;
}
.InventoryMovesizeDefaultTab__right {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InventoryMovesizeDefaultTab__right__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.InventoryMovesizeDefaultTab__right__params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.InventoryMovesizeDefaultTab--selected .InventoryMovesizeDefaultTab__right__params {
  color: #00a455;
}

.LabelWithIcon {
  margin-bottom: 18px;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
}
.LabelWithIcon__padding {
  margin-left: calc(16px + 1.2em);
}
.LabelWithIcon__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.LabelWithIcon__header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.LabelWithIcon__header__left__icon .SvgIcon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #71737f;
}
.LabelWithIcon__header__left--totalValue {
  color: #00a455;
}
.LabelWithIcon__header__right {
  cursor: pointer;
}

.MovesizeRoomList {
  width: 100%;
}
.MovesizeRoomList .InventoryMovesizeRoomPreviewCard {
  width: 100%;
  margin-bottom: 9px;
}

.MovesizeEditorCrewSize__table {
  display: grid;
  grid-template-rows: 34px 50px auto 34px;
  grid-template-columns: 34px 50px auto 34px;
  grid-template-areas: "topLegend topLegend topLegend topLegend" "sideLegend . topStairNames ." "sideLegend sideStairsNames inputs ." "sideLegend . . .";
  background-color: #fff;
  border-radius: 9px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.MovesizeEditorCrewSize__table__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #12152a;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
}
.MovesizeEditorCrewSize__table__legend--vertical {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  grid-area: sideLegend;
  border-bottom-left-radius: 9px;
}
.MovesizeEditorCrewSize__table__legend--horizontal {
  grid-area: topLegend;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.MovesizeEditorCrewSize__table__stairs {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
}
.MovesizeEditorCrewSize__table__stairs--horizontal {
  grid-auto-flow: column;
  grid-area: topStairNames;
}
.MovesizeEditorCrewSize__table__stairs--vertical {
  grid-auto-flow: dense;
  grid-row-start: 3;
  grid-area: sideStairsNames;
}
.MovesizeEditorCrewSize__table__stairs__cell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #a0a1aa;
}
.MovesizeEditorCrewSize__table__inputs {
  grid-area: inputs;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border: 1px solid #e8e8ea;
}
.MovesizeEditorCrewSize__table__inputs tr {
  width: 100%;
  height: 44px;
  border: 1px solid #e8e8ea;
}
.MovesizeEditorCrewSize__table__inputs td {
  width: 44px;
  height: 44px;
  border: 1px solid #e8e8ea;
}
.MovesizeEditorCrewSize__table__input {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #fff;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  border-radius: 0;
  border: none;
}
.MovesizeEditorCrewSize__table__input .Input__tag {
  padding: none;
}

.InventoryMovesizePreviewCard {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 62px auto 4em 8em;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-column-gap: 25px;
  border-radius: 8px;
  overflow: hidden;
  padding: 16px;
  padding-right: 41px;
  height: 100%;
  width: 100%;
  color: #71737f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #e8e8ea;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}
.InventoryMovesizePreviewCard:hover {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.InventoryMovesizePreviewCard__image {
  background-size: contain;
  background-position: center;
  height: 100%;
  width: 100%;
}
.InventoryMovesizePreviewCard__textBlock {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr 1fr;
}
.InventoryMovesizePreviewCard__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.InventoryMovesizePreviewCard:hover .InventoryMovesizePreviewCard__title {
  color: #00a455;
}
.InventoryMovesizePreviewCard__info {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.InventoryMovesizePreviewCard__edit {
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.InventoryMovesizePreviewCard:hover .InventoryMovesizePreviewCard__edit {
  opacity: 1;
}

.EntranceTypeCard {
  display: grid;
  grid-template-columns: 4fr 6fr;
  grid-template-rows: 100%;
  padding-bottom: 16px;
  gap: 16px;
}
.EntranceTypeCard__draggableDrop .SvgIcon {
  width: 18px;
  height: 18px;
  color: #71737f;
}
.EntranceTypeCard__content {
  display: grid;
  grid-template-columns: 18px auto auto;
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EntranceTypeCard__content .Input {
  width: 100%;
}

.EntranceTypes {
  grid-row-gap: 0px;
}

.RateSettingsCalendar__rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  grid-row-gap: 44px;
}
.RateSettingsCalendar__calendarMonth {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.RateSettingsCalendar__calendarMonth__controls {
  padding: 0 19px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 9px;
  padding-bottom: 16px;
}
.RateSettingsCalendar__calendarMonth__controls .ToggleButton--titleFromLeft {
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  padding-left: 12px;
  grid-column-gap: 16px;
}
.RateSettingsCalendar__calendarMonth .DatePickerTooltip .react-datepicker {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.RateSettingsCalendarModal__modal.ModalInstance {
  width: 260px;
  height: 390px;
}
.RateSettingsCalendarModal__day {
  height: 100%;
}
.RateSettingsCalendarModal__day__header {
  padding: 0 15px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RateSettingsCalendarModal__day__header .ToggleButton {
  margin-left: auto;
}
.RateSettingsCalendarModal__day__header .SvgIcon {
  width: 18px;
}
.RateSettingsCalendarModal__day__rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.RateSettingsCalendarModal__day__rows__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px 0 15px;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
.RateSettingsCalendarModal__day__rows__row__rateType {
  padding-left: 9px;
}
.RateSettingsCalendarModal__day__rows__row:hover {
  background-color: #ebebeb;
}

.DatePicker {
  width: 110px;
  height: 34px;
  cursor: pointer;
  position: relative;
}
.DatePicker__clearBtn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy41MzMiIGhlaWdodD0iMjcuNTMzIiB2aWV3Qm94PSIwIDAgMjcuNTMzIDI3LjUzMyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTt9LmJ7ZmlsbDojNGQ0ZjVjO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzU1IC01MCkiPjxyZWN0IGNsYXNzPSJhIiB3aWR0aD0iMjcuNTMzIiBoZWlnaHQ9IjI3LjUzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU1IDUwKSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNOC4zMTgsMTcuNVYxMC4wMzhILjg2YS44Ni44NiwwLDAsMSwwLTEuNzIxSDguMzE4Vi44NmEuODYuODYsMCwxLDEsMS43MjEsMFY4LjMxN0gxNy41YS44Ni44NiwwLDEsMSwwLDEuNzIxSDEwLjAzOVYxNy41YS44Ni44NiwwLDEsMS0xLjcyMSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY4Ljc2NyA1MC43ODcpIHJvdGF0ZSg0NSkiLz48L2c+PC9zdmc+);
  background-position: center;
  cursor: pointer;
  width: 30px;
  height: 100%;
  justify-self: flex-end;
  position: absolute;
  right: 0;
  top: 0;
}
.DatePicker .Input {
  width: 100%;
  background-color: #fff;
  cursor: pointer;
}
.DatePickerTooltip.DatePicker {
  width: unset;
  height: unset;
  cursor: unset;
}
.DatePickerTooltip .react-datepicker {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  background-color: #fff;
  border: none !important;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 330px;
  height: 390px;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  background-color: #fff;
  border: none !important;
  border-radius: 4.166666666666667vw;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  width: 94.44444444444444vw;
  height: 107.22222222222223vw;
}
.DatePickerTooltip .react-datepicker--monthControlsDisable .react-datepicker__navigation--previous,
.DatePickerTooltip .react-datepicker--monthControlsDisable .react-datepicker__navigation--next {
  display: none;
  pointer-events: none;
}
.DatePickerTooltip .react-datepicker__year-select {
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  padding: 4px;
  font-weight: 500;
  font-family: inherit;
  font-size: inherit;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__year-select {
  border-radius: 2.222222222222222vw;
  border: 0.277777777777778vw solid #e8e8ea;
  padding: 1.111111111111111vw;
}
.DatePickerTooltip .react-datepicker__month-container {
  width: 100%;
  height: 100%;
}
.DatePickerTooltip .react-datepicker__header {
  width: 100%;
  padding: 0;
  background-color: transparent;
  border-bottom: none;
}
.DatePickerTooltip .react-datepicker__current-month {
  background-color: #f2f4f6;
  margin-top: 0;
  margin-bottom: 8px;
  height: 36px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  font-weight: 550;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__current-month {
  height: 10vw;
  margin-bottom: 2.222222222222222vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  font-weight: 550;
}
.DatePickerTooltip .react-datepicker__day-names {
  height: 46px;
  padding: 0 19px;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__day-names {
  height: 12.777777777777779vw;
  padding: 0 2.5vw;
  padding-top: 2.777777777777778vw;
}
.DatePickerTooltip .react-datepicker__day-name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #a0a1aa;
  font-weight: 550;
  width: 100%;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__day-name {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  color: #a0a1aa;
  font-weight: 550;
}
.DatePickerTooltip .react-datepicker__month {
  margin: 0;
  display: grid;
  padding: 0 19px;
  grid-template-columns: 100%;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__month {
  padding: 0 2.5vw;
}
.DatePickerTooltip .react-datepicker__week {
  height: 46px;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e8e8ea;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__week {
  height: 12.777777777777779vw;
  border-bottom-width: 0.277777777777778vw;
}
.DatePickerTooltip .react-datepicker__week:last-child {
  border-bottom-color: transparent;
}
.DatePickerTooltip .react-datepicker__day {
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1em;
  margin: 0;
  cursor: pointer;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__day {
  font-size: 4.444444444444445vw;
  font-weight: 500;
  border-radius: 2.222222222222222vw;
}
.DatePickerTooltip .react-datepicker__day:focus {
  outline: none;
}
.DatePickerTooltip .react-datepicker__day--in-range {
  background-color: rgba(0,164,85,0.15);
  color: #00a455;
}
.DatePickerTooltip .react-datepicker__day--in-selecting-range {
  background-color: rgba(0,164,85,0.15);
  color: #00a455;
}
.DatePickerTooltip .react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start,
.DatePickerTooltip .react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
  background-color: #00a455;
  color: #fff;
}
.DatePickerTooltip .react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start.react-datepicker__day--today,
.DatePickerTooltip .react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end.react-datepicker__day--today {
  background-color: rgba(0,164,85,0.15);
  color: #00a455;
}
.DatePickerTooltip .react-datepicker__day--in-selecting-range.react-datepicker__day--today,
.DatePickerTooltip .react-datepicker__day--in-selecting-range.react-datepicker__day--keyboard-selected {
  background-color: rgba(0,164,85,0.15);
  color: #00a455;
}
.DatePickerTooltip .react-datepicker__day--keyboard-selected,
.DatePickerTooltip .react-datepicker__day--selected {
  background-color: #00a455;
}
.DatePickerTooltip .react-datepicker__day--outside-month {
  color: rgba(0,0,0,0.6);
}
.DatePickerTooltip .react-datepicker__day--outside-month.react-datepicker__day--in-selecting-range {
  color: #fff;
}
.DatePickerTooltip .react-datepicker__day--outside-month.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
  color: #fff;
}
.DatePickerTooltip .react-datepicker__day--outside-month.react-datepicker__day--in-selecting-range {
  color: #00a455;
}
.DatePickerTooltip .react-datepicker__day--outside-month.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start {
  color: #fff;
}
.DatePickerTooltip .react-datepicker__day--selected.react-datepicker__day--selecting-range-end {
  color: #00a455;
}
.DatePickerTooltip .react-datepicker__day--selected.react-datepicker__day--outside-month {
  color: #fff;
}
.DatePickerTooltip .react-datepicker__day--keyboard-selected {
  background-color: #f0f0f0;
  color: #000;
}
.DatePickerTooltip .react-datepicker__day--today {
  background-color: #00a455;
  color: #fff;
}
.DatePickerTooltip .react-datepicker__day--today:hover {
  background-color: rgba(0,164,85,0.15);
}
.DatePickerTooltip .react-datepicker__day--today.react-datepicker__day--selected {
  background-color: #00a455;
  color: #fff;
}
.DatePickerTooltip .react-datepicker__day--today.react-datepicker__day--selecting-range-end {
  background-color: rgba(0,164,85,0.15);
  color: #fff;
}
.DatePickerTooltip .react-datepicker__navigation {
  top: 0;
  width: 32px;
  height: 36px;
  border: none;
  background-size: 6px 9px;
  background-repeat: no-repeat;
  background-position: center;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker__navigation {
  width: 8.88888888888889vw;
  height: 10vw;
  background-size: 1.666666666666667vw 2.5vw;
}
.DatePickerTooltip .react-datepicker__navigation:focus {
  outline: none;
}
.DatePickerTooltip .react-datepicker__navigation--previous {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNNS41NTc1IDguNDQyNUwyLjEyMjUgNUw1LjU1NzUgMS41NTc1TDQuNSAwLjVMMCA1TDQuNSA5LjVMNS41NTc1IDguNDQyNVoiIGZpbGw9IiMxMjE1MkEiIGZpbGwtb3BhY2l0eT0iMC42Ii8+Cjwvc3ZnPg==);
}
.DatePickerTooltip .react-datepicker__navigation--next {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMC40NDI0OTkgMS41NTc1TDMuODc3NSA1TDAuNDQyNSA4LjQ0MjVMMS41IDkuNUw2IDVMMS41IDAuNUwwLjQ0MjQ5OSAxLjU1NzVaIiBmaWxsPSIjMTIxNTJBIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4=);
}
.DatePickerTooltip .react-datepicker__navigation-icon::before {
  display: none;
}
.DatePickerTooltip .react-datepicker-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #e8e9ec;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker-wrapper {
  border-radius: 1.111111111111111vw;
  border-width: 0.277777777777778vw;
}
.DatePickerTooltip .react-datepicker-wrapper .react-datepicker__input-container {
  width: 100%;
  height: 100%;
}
.DatePickerTooltip .react-datepicker-wrapper .react-datepicker__input-container input {
  width: 100%;
  height: 100%;
  border: none;
  color: #3d3d3d;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
}
.DatePickerTooltip--Mobile.DatePickerTooltip .react-datepicker-wrapper .react-datepicker__input-container input {
  font-size: 3.888888888888889vw;
  font-weight: 500;
  padding: 2.777777777777778vw;
}

.DatePickerWithRate__day {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  overflow: hidden;
  -webkit-transition-duration: 100;
          transition-duration: 100;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  color: #00a455;
  background: rgba(0,164,85,0.15);
  cursor: pointer;
  -webkit-transform: translate(0 0);
          transform: translate(0 0);
}
.DatePickerWithRate--Mobile .DatePickerWithRate__day {
  width: 100%;
  height: 100%;
  border-radius: 36%;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
}
.DatePickerWithRate__day:hover {
  -webkit-box-shadow: 1px 1px 0 0;
          box-shadow: 1px 1px 0 0;
  -webkit-transform: translate(-1px, -1px);
          transform: translate(-1px, -1px);
}
.DatePickerWithRate--Mobile .DatePickerWithRate__day:hover {
  -webkit-transform: translate(-0.277777777777778vw, -0.277777777777778vw);
          transform: translate(-0.277777777777778vw, -0.277777777777778vw);
  -webkit-box-shadow: 0.277777777777778vw 0.277777777777778vw 0 0;
          box-shadow: 0.277777777777778vw 0.277777777777778vw 0 0;
}
.DatePickerWithRate__day__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
.DatePickerWithRate--Mobile .DatePickerWithRate__day__icons {
  gap: 1.111111111111111vw;
}
.DatePickerWithRate__day__circle {
  background-color: currentColor;
}
.DatePickerWithRate__day__circle,
.DatePickerWithRate__day .SvgIcon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-transition: left 0.2s ease-in-out, background 0.2s ease-in-out;
  transition: left 0.2s ease-in-out, background 0.2s ease-in-out;
}
.DatePickerWithRate--Mobile .DatePickerWithRate__day__circle,
.DatePickerWithRate--Mobile .DatePickerWithRate__day .SvgIcon {
  width: 2.222222222222222vw;
  height: 2.222222222222222vw;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker {
  width: 100%;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.DatePickerWithRate--Mobile.DatePickerWithRate .DatePickerTooltip .react-datepicker {
  width: 100%;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day {
  background: none;
  width: 34px;
  height: 34px;
}
.DatePickerWithRate--Mobile.DatePickerWithRate .DatePickerTooltip .react-datepicker__day {
  width: 100%;
  height: 100%;
  padding: 0.555555555555556vw;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--keyboard,
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--today,
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day:hover,
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day-selected,
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--selected {
  background: none;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--today:hover {
  background: none;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--today.react-datepicker__day--selected {
  background: none;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--disabled {
  pointer-events: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.DatePickerWithRate--Mobile.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--disabled {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--disabled .DatePickerWithRate__day {
  color: #c5c5c5 !important;
  background-color: rgba(197,197,197,0.15) !important;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day--disabled .DatePickerWithRate__day__circle {
  background-color: #c5c5c5;
}
.DatePickerWithRate .DatePickerTooltip .react-datepicker__day:focus {
  outline: none;
}

.ReservationPriceSettings__row {
  padding: 16px 0;
  margin-bottom: 9px;
  border-bottom: 1px solid #e8e8ea;
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  grid-gap: 9px 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReservationPriceSettings__row__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #71737f;
}
.ReservationPriceSettings__row__column--checkBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReservationPriceSettings__row__column .CheckBox {
  margin-right: 16px;
}
.ReservationPriceSettings__row .SelectList,
.ReservationPriceSettings__row .Input {
  width: 100%;
  max-width: 110px;
}
.ReservationPriceSettings__row:last-child {
  padding-bottom: 0;
  border: none;
}
.ReservationAutomationSettings__row {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr 1fr;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25px;
}
.ReservationAutomationSettings__row__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #71737f;
}
.ReservationAutomationSettings__row__column--checkBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReservationAutomationSettings__row__column .CheckBox {
  margin-right: 16px;
}
.ReservationAutomationSettings__row .SelectList,
.ReservationAutomationSettings__row .Input {
  width: 100%;
  max-width: 90px;
}
.ReservationAutomationSettings__row .SelectList {
  margin-right: 9px;
}
.ExpirationRulesSettings__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ExpirationRulesSettings__row__leftColumn,
.ExpirationRulesSettings__row__rightColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.ExpirationRulesSettings__row__leftColumn {
  display: grid;
  grid-template-columns: 4fr 1fr 4fr;
  grid-column-gap: 16px;
}
.ExpirationRulesSettings__row__leftColumn .SelectList {
  width: 100%;
}
.ExpirationRulesSettings__row__leftColumn__RequestStatusWrapper {
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 9px;
}
.ExpirationRulesSettings__row__rightColumn {
  padding-left: 16px;
}
.ExpirationRulesSettings__row__rightColumn .SelectList {
  margin: 0 16px;
}
.ExpirationRulesSettings__row__rightColumn--bottom .SelectList {
  margin-left: 0;
}
.ExpirationRulesSettings__row__textArrow {
  max-width: 34px;
  color: #71737f;
  justify-self: center;
}
.ExpirationRulesSettings__row:first-child {
  margin-bottom: 25px;
}

.RequestStatus {
  padding: 4px 9px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestStatus--Mobile {
  padding: 0.277777777777778vw 1.666666666666667vw;
  height: 5.833333333333333vw;
  font-size: 3.333333333333333vw;
  border-radius: 1.111111111111111vw;
}
.RequestStatus__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
}
.RequestStatus__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestStatus__point {
  width: 8px;
  height: 8px;
  margin-left: 9px;
  border-radius: 50%;
}
.RequestStatus--Mobile .RequestStatus__point {
  width: 1.666666666666667vw;
  height: 1.666666666666667vw;
  margin-left: 1.388888888888889vw;
}

.ExpirationRulesSettings {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 8px;
}
.ExpirationRulesSettings__space {
  height: 1em;
}

.NotConfirmedSettings {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
}
.NotConfirmedSettings__checkbox {
  font-weight: bold;
}
.NotConfirmedSettings__description {
  padding-left: 27px;
}
.NotConfirmedSettings__description:not(:last-child) {
  margin-bottom: 9px;
}
.NotConfirmedSettings .NotConfirmedSettings__TabPane__tabs {
  padding: 0;
  grid-column-gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NotConfirmedSettings .NotConfirmedSettings__TabPane__tabs__tabButton {
  overflow: hidden;
}

.MoversSpeedSettingsRow {
  display: grid;
  grid-template-columns: 3fr 3fr 5fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-auto-flow: column;
  gap: 16px;
  padding: 12px 30px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.MoversSpeedSettingsRow:before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  height: 1px;
  background-color: #e8e8ea;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.MoversSpeedSettingsRow--isEdit {
  background-color: #f2f4f6;
}
.MoversSpeedSettingsRow--isEdit:before {
  background-color: transparent;
}
.MoversSpeedSettingsRow--isEdit:after {
  content: '';
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  z-index: 1;
}
.MoversSpeedSettingsRow__reduce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.MoversSpeedSettingsRow__buttons__animationFirst {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.MoversSpeedSettingsRow--isEdit .MoversSpeedSettingsRow__buttons__animationFirst {
  -webkit-transition: -webkit-transform 0s ease-in-out;
  transition: -webkit-transform 0s ease-in-out;
  transition: transform 0s ease-in-out;
  transition: transform 0s ease-in-out, -webkit-transform 0s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.MoversSpeedSettingsRow__buttons__animationSecond {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0s ease-in-out;
  transition: -webkit-transform 0s ease-in-out;
  transition: transform 0s ease-in-out;
  transition: transform 0s ease-in-out, -webkit-transform 0s ease-in-out;
}
.MoversSpeedSettingsRow--isEdit .MoversSpeedSettingsRow__buttons__animationSecond {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.MoversSpeedSettingsRow__buttons__animationSecond .Button {
  height: 34px;
}
.MoversSpeedSettingsRow__buttons__animationSecond .Button .SvgIcon {
  color: #71737f;
  width: 14px;
  height: 14px;
}

.Tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  bottom: -1px;
  height: 100%;
  border-bottom: 2px solid transparent;
  padding-bottom: 16px;
  color: #71737f;
  cursor: pointer;
}
.Tab--active {
  border-color: #00a455;
  color: #12152a;
}

.MoversSpeedSettings {
  display: grid;
  grid-row-gap: 0;
  grid-template-columns: 100%;
  grid-template-rows: auto auto;
  margin: -20px -30px 0px;
}
.MoversSpeedSettings__tabs {
  display: grid;
  padding: 0 30px;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 25px;
  height: 100%;
  border-bottom: 1px solid #e8e8ea;
}
.MoversSpeedSettings__content__header {
  display: grid;
  grid-template-columns: 3fr 3fr 5fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-auto-flow: column;
  gap: 16px;
  padding: 25px 30px;
  color: #71737f;
}

.PackingSuppliesSettings__grid {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.PackingSuppliesSettings__gridRow {
  display: grid;
  grid-template-columns: 18px 2fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 0;
  background-color: #fff;
}
.PackingSuppliesSettings__gridRow--header {
  border-bottom: 1px solid #e8e8ea;
  padding: 16px 0;
  margin-bottom: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.PackingSuppliesSettings__gridRow .Input {
  width: 100%;
}
.PackingSuppliesSettings__dragHandler {
  width: 18px;
  height: 18px;
}
.PackingSuppliesSettings__dragHandler .SvgIcon {
  width: 100%;
  height: 100%;
  color: #71737f;
}

.PackingServicesSettings {
  grid-row-gap: 0;
}
.PackingServicesSettings__defaultServiceRemoveButton {
  pointer-events: none;
}
.PackingServicesSettings__defaultServiceRemoveButton .SvgIcon {
  opacity: 0;
}
.PackingServicesSettings__grid {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.PackingServicesSettings__gridRow {
  display: grid;
  grid-template-columns: 18px auto;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.PackingServicesSettings__gridRow--header {
  border-bottom: 1px solid #e8e8ea;
  padding: 16px 0;
  margin-bottom: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.PackingServicesSettings__gridRow .Input {
  width: 100%;
}
.PackingServicesSettings__gridRow__bordered {
  display: grid;
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #e8e8ea;
}
.PackingServicesSettings__dragHandler {
  width: 18px;
  height: 18px;
}
.PackingServicesSettings__dragHandler .SvgIcon {
  width: 100%;
  height: 100%;
  color: #71737f;
}

.PackingServiceEditor__modal {
  width: 477px;
}
.PackingServiceEditor__fullRow {
  width: 100%;
}

.EquipmentFeeSettings {
  display: grid;
  grid-auto-rows: minmax(34px, -webkit-max-content);
  grid-auto-rows: minmax(34px, max-content);
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EquipmentFeeSettings__padding {
  padding-left: 27px;
}
.EquipmentFeeSettings__space {
  height: 0;
}
.EquipmentFeeSettings__tableRow {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content max-content max-content max-content;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EquipmentFeeSettings__rowWithDescription {
  width: 100%;
  display: grid;
  grid-row-gap: 4px;
}
.EquipmentFeeSettings__input.Input {
  width: 70px;
}
.EquipmentFeeSettings__inputSmall.Input {
  width: 45px;
}

.CustomServicesSettings__grid {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.CustomServicesSettings__gridRow {
  display: grid;
  grid-template-columns: 18px 2fr 1fr 1fr 1fr;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 0;
  background-color: #fff;
}
.CustomServicesSettings__gridRow--header {
  border-bottom: 1px solid #e8e8ea;
  padding: 16px 0;
  margin-bottom: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.CustomServicesSettings__gridRow .Input {
  width: 100%;
}
.CustomServicesSettings__dragHandler {
  width: 18px;
  height: 18px;
}
.CustomServicesSettings__dragHandler .SvgIcon {
  width: 100%;
  height: 100%;
  color: #71737f;
}

.AreasEditor {
  width: 100%;
  height: 100%;
}

.FlatTravelTimeSettings {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto 380px;
}
.FlatTravelTimeSettings__list {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content minmax(-webkit-max-content, auto);
  grid-template-rows: max-content minmax(max-content, auto);
  padding: 20px;
  grid-row-gap: 20px;
}
.FlatTravelTimeSettings__list__header {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 20px;
  line-height: 25px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FlatTravelTimeSettings__list__zones {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.FlatTravelTimeSettings__list__zone.DropdownPanel {
  border-radius: 8px;
  margin-bottom: 10px;
}
.FlatTravelTimeSettings__list__zone--dragging.FlatTravelTimeSettings__list__zone.DropdownPanel {
  margin-top: -48px;
}
.FlatTravelTimeSettings__list__zone.DropdownPanel .DropdownPanel__header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 51px;
  padding: 15px;
  border-bottom: none;
}
.FlatTravelTimeSettings__list__zone.DropdownPanel .DropdownPanel__header__button {
  font-size: 18px;
}
.FlatTravelTimeSettings__list__zone.DropdownPanel .DropdownPanel__header__title {
  color: inherit;
}
.FlatTravelTimeSettings__list__zone__content {
  padding-left: 46px;
  padding-right: 10px;
  padding-bottom: 16px;
}
.FlatTravelTimeSettings__list__zone__title {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
  padding-left: 13px;
}
.FlatTravelTimeSettings__list__zone__title__name {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FlatTravelTimeSettings__list__zone__smallText {
  font-size: 13px;
  color: #71737f;
  margin-top: 5px;
  margin-bottom: 13px;
}
.FlatTravelTimeSettings__list__zone__row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FlatTravelTimeSettings__list__zone__row--nameRow {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  margin-bottom: 6px;
}
.FlatTravelTimeSettings__list__zone__row .Input {
  width: 90px;
}
.FlatTravelTimeSettings__list__zone__bigInput.Input {
  width: 100%;
}
.FlatTravelTimeSettings__ColorSelector {
  width: 138px;
  height: 78px;
  padding: 16px;
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content min-content min-content;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.FlatTravelTimeSettings__ColorSelector__color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.FlatTravelTimeSettings__ColorSelector__color__check {
  color: #fff;
  width: 10px;
  height: 10px;
}

.TravelTimeSettings__row {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-column-gap: 12px;
}
.TravelTimeSettings__input {
  width: 100px;
}

.AutoBooking {
  display: grid;
  gap: 16px;
}
.AutoBooking .AutoBooking__serviceTypeSelector {
  width: 100%;
}
.AutoBooking__text {
  color: #a0a1aa;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.AutoBooking__list {
  display: grid;
  gap: 34px;
}
.AutoBooking__list__row {
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content min-content auto min-content;
}
.AutoBooking__list__row__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  background: #f2f4f6;
}
.AutoBooking__list__row__header .Button {
  background: #e8e8ea;
  border-radius: 0px;
  border-top-right-radius: 8px;
}
.AutoBooking__list__row__header .Button__icon {
  width: 12px;
}
.AutoBooking__list__row__header .SelectList {
  width: 205px;
  border: none;
  background: #12152a;
  border-radius: 0px;
  border-top-left-radius: 8px;
}
.AutoBooking__list__row__header .SelectList__selectedValue {
  color: #fff;
}
.AutoBooking__list__row__maxSize {
  padding: 14px 21px;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.AutoBooking__list__row__maxSize .Input {
  width: 100%;
  height: 20px;
  border: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
}
.AutoBooking__list__row__body {
  background: #f2f4f6;
  display: grid;
  padding: 0 21px;
}
.AutoBooking__list__row__body .Input {
  width: 330px;
}
.AutoBooking__list__row__body .TrumbowygWrapper {
  background: #fff;
  border-radius: 10px;
}
.AutoBooking__list__row__body .DropdownPanel__content__wrapper {
  display: grid;
  gap: 25px;
  padding-bottom: 25px;
}
.AutoBooking__list__row__body .DropdownPanel__header {
  border: none;
}
.AutoBooking__list__row__body .DropdownPanel__header__button {
  display: none;
}
.AutoBooking__list__row__controls {
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
.AutoBooking__list__row__controls .DropdownPanel__content__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 25px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  gap: 25px;
}
.AutoBooking__list__row__controls .DropdownPanel__header {
  display: none;
}

.MultiSelectList {
  width: 100px;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  position: relative;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  background-color: #fff;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.MultiSelectList--openOnArrow {
  cursor: unset;
}
.MultiSelectList--Mobile {
  height: 9.444444444444445vw;
  width: 27.77777777777778vw;
  border-radius: 2.222222222222222vw;
  border-width: 0.277777777777778vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  background-color: #fff;
}
.MultiSelectList--valid {
  border-color: #00a455;
}
.MultiSelectList--invalid {
  border-color: #ee4b19;
}
.MultiSelectList--disabled {
  pointer-events: none;
  color: #71737f;
}
.MultiSelectList__tooltipTrigger {
  width: 100%;
}
.MultiSelectList__selectedValue {
  width: 100%;
  min-height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: grid;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  padding: 4px 9px;
}
.MultiSelectList--Mobile .MultiSelectList__selectedValue {
  padding: 1.666666666666667vw 2.5vw;
  grid-gap: 4.444444444444445vw;
}
.MultiSelectList__selectedValue--empty {
  color: #a0a1aa;
}
.MultiSelectList__selectedValue__optionsList {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.MultiSelectList__selectedValue__option {
  background-color: #f2f4f6;
  border-radius: 6px;
  border: 1px solid #71737f;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 2px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2px 6px;
  font-weight: 600;
  color: #333;
}
.MultiSelectList__selectedValue__optionRemoveIcon {
  width: 18px;
  height: 18px;
  cursor: pointer;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-filter: brightness(3.5);
          filter: brightness(3.5);
}
.MultiSelectList__selectedValue__optionRemoveIcon:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.MultiSelectList__button {
  width: 10px;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
  z-index: 1;
}
.MultiSelectList--Mobile .MultiSelectList__button {
  width: 2.777777777777778vw;
}
.MultiSelectList__button--rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.MultiSelectList__emptySpace {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
}
.MultiSelectList__icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.MultiSelectList--Mobile .MultiSelectList__icon {
  width: 4.444444444444445vw;
  height: 4.444444444444445vw;
}
.MultiSelectList__icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.MultiSelectListOptions {
  pointer-events: all;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
  border-radius: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-rows: 100%;
  background-color: #fff;
}
.MultiSelectListOptions--Mobile {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  -webkit-transform: translateX(0.277777777777778vw);
          transform: translateX(0.277777777777778vw);
  border-radius: 2.222222222222222vw;
}
.MultiSelectListOptions__rows {
  width: 100%;
  height: 100%;
}
.MultiSelectListOptions__row {
  pointer-events: all;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.MultiSelectListOptions--Mobile .MultiSelectListOptions__row {
  height: 12.222222222222221vw;
  padding-left: 4.166666666666667vw;
  font-size: 3.888888888888889vw;
  line-height: 5vw;
}
.MultiSelectListOptions__row:hover {
  background-color: #f2f4f6;
  color: #12152a;
}
.MultiSelectListOptions__row--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  color: #71737f;
  pointer-events: none;
}
.MultiSelectListOptions__row--measurer {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.MultiSelectListOptions__row__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.PriceByDistanceTable {
  display: grid;
  grid-auto-rows: minmax(34px, -webkit-max-content);
  grid-auto-rows: minmax(34px, max-content);
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PriceByDistanceTable__tableRow {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content max-content max-content max-content;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PriceByDistanceTable .PriceByDistanceTable__input {
  width: 90px;
}

.FuelSurchargeLocalMoveSettings__space {
  height: 0;
}
.FuelSurchargeLocalMoveSettings__rowWithDescription {
  width: 100%;
  display: grid;
  grid-row-gap: 4px;
}
.FuelSurchargeLocalMoveSettings__padding {
  padding-left: 28px;
}

.FuelSurchargeLDSettings__space {
  height: 0;
}
.FuelSurchargeLDSettings__rowWithDescription {
  width: 100%;
  display: grid;
  grid-row-gap: 4px;
}
.FuelSurchargeLDSettings__padding {
  padding-left: 28px;
}

.Inventory {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 290px auto;
}
.Inventory__leftColumn {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.Inventory__leftColumn__addRoomRow {
  height: 75px;
  padding: 16px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Inventory__leftColumn__addRoomRow__text {
  color: #00a455;
}
.Inventory__rightColumn {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f2f4f6;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.Inventory__rightColumn .Input {
  width: 100%;
}
.Inventory__rightColumn__header {
  height: 75px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: minmax(200px, 330px) auto -webkit-max-content;
  grid-template-columns: minmax(200px, 330px) auto max-content;
  grid-column-gap: 25px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 25px;
  border-bottom: 1px solid #e8e8ea;
}
.Inventory__rightColumn__header__viewModes {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 9px;
}
.Inventory__rightColumn__header__viewMode {
  width: 44px;
  height: 44px;
  padding: 13px;
  color: #71737f;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Inventory__rightColumn__header__viewMode .SvgIcon {
  width: 100%;
  height: 100%;
}
.Inventory__rightColumn__header__viewMode--active {
  background-color: #fff;
  color: #12152a;
  border-radius: 8px;
}
.Inventory__editModal.ModalInstance {
  width: 650px;
}
.Inventory__editModal .Input,
.Inventory__editModal .TextArea {
  width: 100%;
}
.Inventory__editModal .IconWithText {
  color: #71737f;
  display: grid;
  grid-template-columns: 32px auto;
  grid-column-gap: 9px;
}
.Inventory__editModal .IconWithText .SvgIcon {
  margin-right: 0;
  justify-self: center;
}
.Inventory__editModal__shortInput.Input {
  width: 70px;
}
.Inventory__editModal__paleText {
  color: #71737f;
}
.Inventory__editModal__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.Inventory__editModal__subTitle {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
}
.Inventory__editModal__body {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
  height: 100%;
  overflow: hidden;
}
.Inventory__editModal__rows {
  padding: 25px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 9px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.Inventory__editModal__rows--noGap {
  grid-row-gap: 0;
}
.Inventory__editModal__row {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 16px;
}
.Inventory__editModal__row--alignCenter {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Inventory__editModal__row--2columns {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr;
}
.Inventory__editModal__row--columnsSpaced {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Inventory__editModal__bordered {
  border-radius: 8px;
  border: 1px solid #e8e8ea;
}
.Inventory__editModal__column {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 9px;
}
.Inventory__editModal__column--noGap {
  grid-row-gap: 0;
}
.Inventory__editModal__column__padding {
  padding-left: 41px;
  padding-bottom: 9px;
}
.Inventory__editModal__column__padding--row {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-gap: 25px;
}
.Inventory__editModal__column__padding--rowMax {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 25px;
}
.Inventory__editModal__controls {
  width: 100%;
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: -webkit-min-content auto -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content auto min-content min-content;
  grid-auto-flow: column;
  grid-template-areas: "remove space cancel save";
  padding: 16px 25px;
  border-top: 1px solid #e8e8ea;
}
.Inventory__editModal__controls__remove {
  grid-area: remove;
}
.Inventory__editModal__controls__cancel {
  grid-area: cancel;
}
.Inventory__editModal__controls__save {
  grid-area: save;
}

.AddRoomModalInstance {
  width: 370px;
}
.AddRoomModal {
  padding: 16px 25px;
  height: 100%;
  overflow: auto;
  display: grid;
  grid-row-gap: 9px;
  position: relative;
}
.AddRoomModal__roomsList {
  display: grid;
}
.AddRoomModal__roomRow {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
  grid-column-gap: 9px;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 9px;
}
.AddRoomModal__roomRow__dragIcon {
  font-size: 22px;
  color: #71737f;
  cursor: pointer;
}
.AddRoomModal__roomRow__editIcon {
  font-size: 14px;
  color: #00a455;
  cursor: pointer;
}


.InventoryRoomPreviewCard {
  width: 100%;
  max-width: 100%;
  background-color: $color_paper;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 44px;
  grid-template-columns: 44px 2fr;
  grid-column-gap: 16px;
  grid-template-areas: "p t";
  padding: 0 9px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.InventoryRoomPreviewCard__image {
  grid-area: p;
  background-size: contain;
  background-position: center;
  height: 100%;
}
.InventoryRoomPreviewCard__title {
  grid-area: t;
}

.InventoryRoomComponent--active {
  background-color: #f2f4f6;
}
.InventoryRoomComponent .DropdownPanel__header {
  height: 75px;
  position: relative;
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InventoryRoomComponent__categories {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 16px;
  padding: 16px 0;
}
.InventoryRoomComponent__cardPlace {
  height: 100%;
  width: 100%;
}
.InventoryRoomComponent__dragHandler {
  cursor: pointer;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aAoJCWQ9Ik0zLjYgMTIuMjVDMy42IDEzLjIxMjUgMi43OSAxNCAxLjggMTRDMC44MSAxNCAwIDEzLjIxMjUgMCAxMi4yNUMwIDExLjI4NzUgMC44MSAxMC41IDEuOCAxMC41QzIuNzkgMTAuNSAzLjYgMTEuMjg3NSAzLjYgMTIuMjVaTTEuOCA1LjI1QzAuODEgNS4yNSAwIDYuMDM3NSAwIDdDMCA3Ljk2MjUgMC44MSA4Ljc1IDEuOCA4Ljc1QzIuNzkgOC43NSAzLjYgNy45NjI1IDMuNiA3QzMuNiA2LjAzNzUgMi43OSA1LjI1IDEuOCA1LjI1Wk0xLjggMEMwLjgxIDAgMCAwLjc4NzUgMCAxLjc1QzAgMi43MTI1IDAuODEgMy41IDEuOCAzLjVDMi43OSAzLjUgMy42IDIuNzEyNSAzLjYgMS43NUMzLjYgMC43ODc1IDIuNzkgMCAxLjggMFpNNy4yIDMuNUM4LjE5IDMuNSA5IDIuNzEyNSA5IDEuNzVDOSAwLjc4NzUgOC4xOSAwIDcuMiAwQzYuMjEgMCA1LjQgMC43ODc1IDUuNCAxLjc1QzUuNCAyLjcxMjUgNi4yMSAzLjUgNy4yIDMuNVpNNy4yIDUuMjVDNi4yMSA1LjI1IDUuNCA2LjAzNzUgNS40IDdDNS40IDcuOTYyNSA2LjIxIDguNzUgNy4yIDguNzVDOC4xOSA4Ljc1IDkgNy45NjI1IDkgN0M5IDYuMDM3NSA4LjE5IDUuMjUgNy4yIDUuMjVaTTcuMiAxMC41QzYuMjEgMTAuNSA1LjQgMTEuMjg3NSA1LjQgMTIuMjVDNS40IDEzLjIxMjUgNi4yMSAxNCA3LjIgMTRDOC4xOSAxNCA5IDEzLjIxMjUgOSAxMi4yNUM5IDExLjI4NzUgOC4xOSAxMC41IDcuMiAxMC41WiIKCQlmaWxsPSIjRTBFN0VFIi8+Cjwvc3ZnPgoK);
  background-position: center;
  background-size: 50%;
}
.InventoryRoomComponent__editRoom {
  color: #00a455;
  padding-left: 9px;
  display: grid;
  grid-template-columns: 44px auto;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.InventoryRoomComponent__editRoom__icon {
  justify-self: center;
}
.InventoryRoomComponent__category {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 69px;
  padding-right: 25px;
}
.InventoryRoomComponent__category__selectedMark {
  color: #00a455;
  font-size: 6px;
}
.InventoryRoomComponent__category--active {
  color: #12152a;
}

.InventoryItemsPanel {
  overflow: hidden;
  overflow-y: scroll;
  padding: 25px;
}
.InventoryItemsPanel__itemsGroupTitle {
  width: 100%;
  border-bottom: 1px dashed #e8e8ea;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 4px;
}
.InventoryItemsPanel__itemsGrid {
  display: grid;
  padding: 25px 0;
  grid-gap: 25px;
  grid-auto-rows: 267px;
  grid-template-columns: repeat(auto-fill, 230px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.InventoryItemsPanel__itemsGrid--viewModeGridSmall {
  grid-auto-rows: 126px;
  grid-template-columns: repeat(auto-fill, 230px);
}
.InventoryItemsPanel__itemsGrid--viewModeTable {
  grid-auto-rows: 69px;
  grid-template-columns: 100%;
  grid-gap: 0;
}
.InventoryItemsPanel .InventoryItemDraggable {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-column-gap: 25px;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-bottom: 9px;
}
.InventoryItemsPanel .InventoryItemDraggable__dragHandle {
  color: #71737f;
  width: 18px;
  heigth: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.InventoryItemsPanel .InventoryItemDraggable__dragHandle .SvgIcon {
  -ms-flex-item-align: center;
      align-self: center;
}

.FaqSettings__gridRow {
  display: grid;
  grid-template-columns: 18px auto;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.FaqSettings__gridRow__bordered {
  display: grid;
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #e8e8ea;
}
.FaqSettings__gridRow__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
}
.FaqSettings__dragHandler {
  width: 18px;
  height: 18px;
}
.FaqSettings__dragHandler .SvgIcon {
  width: 100%;
  height: 100%;
  color: #71737f;
}

.FaqEditor__modal {
  width: 477px;
}

.TimePicker {
  width: 85px;
  height: 34px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.TimePicker--Mobile {
  width: 30.555555555555557vw;
  height: 9.444444444444445vw;
}
.TimePicker--withCross {
  width: 92px;
}
.TimePicker--Mobile.TimePicker--withCross {
  width: 25.555555555555557vw;
}
.TimePicker__selectList {
  width: 100%;
}
.TimePicker__clearButton {
  position: absolute;
  right: 5px;
  width: 14px;
  height: 14px;
}
.TimePicker--Mobile .TimePicker__clearButton {
  right: 1.388888888888889vw;
  width: 3.888888888888889vw;
  height: 3.888888888888889vw;
}
.TimePicker__hidden {
  display: none;
}
.TimePicker .Input {
  text-transform: uppercase;
  width: 100%;
}
.TimePicker--empty .TimePicker .Input {
  color: #71737f;
}
.TimePicker .react-datepicker-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: 1px solid #e8e8ea;
}
.TimePicker--Mobile.TimePicker .react-datepicker-wrapper {
  border-radius: 0.833333333333333vw;
  border-width: 0.277777777777778vw;
}
.TimePicker .react-datepicker-wrapper .react-datepicker__input-container {
  width: 100%;
  height: 100%;
}
.TimePicker .react-datepicker-wrapper .react-datepicker__input-container input {
  width: 100%;
  height: 100%;
  border: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #12152a;
  padding: 9px;
}
.TimePicker--Mobile.TimePicker .react-datepicker-wrapper .react-datepicker__input-container input {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  padding: 2.5vw;
}
.TimePicker__tooltip .react-datepicker {
  border-radius: 8px;
  border: none;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
.TimePicker__tooltip--Mobile.TimePicker__tooltip .react-datepicker {
  border-radius: 2.222222222222222vw;
}
.TimePicker__tooltip .react-datepicker__header {
  display: none;
}
.TimePicker__tooltip .react-datepicker__time-container {
  width: 100px;
}
.TimePicker__tooltip--Mobile.TimePicker__tooltip .react-datepicker__time-container {
  width: 27.77777777777778vw;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time {
  border-radius: 8px;
}
.TimePicker__tooltip--Mobile.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time {
  border-radius: 2.222222222222222vw;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-radius: 8px;
  width: 100px;
}
.TimePicker__tooltip--Mobile.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-radius: 2.222222222222222vw;
  width: 100%;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.TimePicker__tooltip--Mobile.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  height: calc(54.166666666666664vw + (1.7rem / 2));
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #12152a;
}
.TimePicker__tooltip--Mobile.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
  height: 8.333333333333334vw;
  padding: 1.388888888888889vw 2.777777777777778vw;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item.TimePicker__hidden {
  display: none;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
  background-color: #f2f4f6;
  color: #12152a;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--disabled {
  background-color: rgba(113,115,127,0.15);
  color: #71737f;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--disabled:hover {
  background-color: rgba(113,115,127,0.15);
  color: #71737f;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
  background-color: #f2f4f6;
  color: #12152a;
  font-weight: 400;
}
.TimePicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected:hover {
  background-color: #f2f4f6;
}

.AccountTimeSettings {
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-columns: max-content max-content min-content min-content min-content min-content;
}

.AccountIllustrationSettings {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.AccountIllustrationSettings__block {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 4px;
}
.AccountIllustrationSettings__block__label {
  display: grid;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AccountIllustrationSettings__block__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.AccountIllustrationSettings__wrapper2columns {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 30px;
}
.AccountIllustrationSettings .ImagePreLoader {
  width: 380px;
}

.AccountWhatsnextSettings__body {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  padding: 16px 0;
}
.AccountWhatsnextSettings__row {
  height: 62px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
  padding: 0 30px;
}
.AccountWhatsnextSettings__row__borderedPart {
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content 1fr -webkit-max-content -webkit-max-content;
  grid-template-columns: min-content 1fr max-content max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-bottom: 1px solid #e8e8ea;
}
.AccountWhatsnextSettings__row:last-child .AccountWhatsnextSettings__row__borderedPart {
  border-bottom: 1px solid #fff;
}
.AccountWhatsnextSettings__row__dragIcon {
  width: 16px;
  height: 16px;
  border-bottom: 1px solid #fff;
}
.AccountWhatsnextSettings__row__icon {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: contain;
}
.AccountWhatsnextSettings__row__description {
  overflow: hidden;
  max-height: calc(18px * 3);
  white-space: pre-wrap;
}

.WhatsnextRowEditor {
  display: grid;
  grid-row-gap: 26px;
}
.WhatsnextRowEditor__modal.ModalInstance {
  width: 480px;
}
.WhatsnextRowEditor .ImagePreLoader {
  width: 100%;
}
.WhatsnextRowEditor .TrumbowygWrapper .trumbowyg-box {
  min-height: 234px;
}
.WhatsnextRowEditor .TrumbowygWrapper .trumbowyg-editor {
  min-height: 158px;
}

.TermsAndPrivacySettings__body {
  padding: 27px 30px;
  display: grid;
  grid-row-gap: 25px;
}

.AccountDesignSettings {
  display: grid;
  grid-row-gap: 25px;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  padding: 25px 30px;
}
.AccountDesignSettings__row {
  display: grid;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #71737f;
}
.AccountDesignSettings__row__colorRow {
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-column-gap: 54px;
  color: #00a455;
}
.AccountDesignSettings__row__colorRow .SvgIcon {
  width: 14px;
  height: 14px;
}
.AccountDesignSettings__row__linkRow {
  color: #00a455;
  cursor: pointer;
}
.AccountDesignSettings__row__linkRow .SvgIcon {
  width: 14px;
  height: 14px;
}
.AccountDesignSettings__row .TrumbowygWrapper .trumbowyg-box {
  min-height: 143px;
}
.AccountDesignSettings__row .TrumbowygWrapper .trumbowyg-editor {
  min-height: 106px;
}
.AccountDesignSettings__colorExample {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AccountDesignSettings__colorExample__block {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AccountDesignSettings__colorExample__block__circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.AccountDesignSettings__colorExample--editButton {
  cursor: pointer;
}
.AccountDesignSettings__linksRows {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.AccountDesignSettings__linkRow {
  height: 62px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
}
.AccountDesignSettings__linkRow__borderedPart {
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content -webkit-max-content;
  grid-template-columns: min-content max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-bottom: 1px solid #e8e8ea;
}
.AccountDesignSettings__linkRow__dragIcon {
  width: 16px;
  height: 16px;
  border-bottom: 1px solid #fff;
}
.AccountDesignSettings__linkRow__icon {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: contain;
}
.AccountDesignSettings__linkRow__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.AccountDesignSettings__linkRow__controls {
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-max-content;
  grid-template-columns: min-content max-content;
  grid-gap: 25px;
}
.AccountDesignSettings__colorSelection {
  width: 300px;
  height: 85px;
  position: relative;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQwIiBoZWlnaHQ9Ijk1IiB2aWV3Qm94PSIwIDAgMzQwIDk1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgogICAgICAgIDxtYXNrIGlkPSJwYXRoLTEtaW5zaWRlLTEiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICAgICAgICAgIGQ9Ik01My4yNTI0IDEzLjAxODRDNTIuMDU3OCAxMS42NjA1IDQ5Ljk0MjIgMTEuNjYwNSA0OC43NDc2IDEzLjAxODRMNDEuNTI2MyAyMS4yMjY2QzQwLjc5ODEgMjIuMDU0MyAzOS45MjE0IDIzIDM4LjgxOSAyM0gyOEMyMy41ODE3IDIzIDIwIDI2LjU4MTcgMjAgMzFWNTlDMjAgNjMuNDE4MyAyMy41ODE3IDY3IDI4IDY3SDMxMkMzMTYuNDE4IDY3IDMyMCA2My40MTgzIDMyMCA1OVYzMUMzMjAgMjYuNTgxNyAzMTYuNDE4IDIzIDMxMiAyM0g2My4xODFDNjIuMDc4NiAyMyA2MS4yMDE5IDIyLjA1NDMgNjAuNDczNyAyMS4yMjY2TDUzLjI1MjQgMTMuMDE4NFoiLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICAgICAgZD0iTTUzLjI1MjQgMTMuMDE4NEM1Mi4wNTc4IDExLjY2MDUgNDkuOTQyMiAxMS42NjA1IDQ4Ljc0NzYgMTMuMDE4NEw0MS41MjYzIDIxLjIyNjZDNDAuNzk4MSAyMi4wNTQzIDM5LjkyMTQgMjMgMzguODE5IDIzSDI4QzIzLjU4MTcgMjMgMjAgMjYuNTgxNyAyMCAzMVY1OUMyMCA2My40MTgzIDIzLjU4MTcgNjcgMjggNjdIMzEyQzMxNi40MTggNjcgMzIwIDYzLjQxODMgMzIwIDU5VjMxQzMyMCAyNi41ODE3IDMxNi40MTggMjMgMzEyIDIzSDYzLjE4MUM2Mi4wNzg2IDIzIDYxLjIwMTkgMjIuMDU0MyA2MC40NzM3IDIxLjIyNjZMNTMuMjUyNCAxMy4wMTg0WiIKICAgICAgICAgICAgICBmaWxsPSJ3aGl0ZSIvPgogICAgICAgIDxwYXRoIGQ9Ik00OC43NDc2IDEzLjAxODRMNDcuOTk2OCAxMi4zNTc5VjEyLjM1NzlMNDguNzQ3NiAxMy4wMTg0Wk01My4yNTI0IDEzLjAxODRMNTIuNTAxNiAxMy42Nzg5VjEzLjY3ODlMNTMuMjUyNCAxMy4wMTg0Wk00OS40OTg0IDEzLjY3ODlDNTAuMjk0OCAxMi43NzM3IDUxLjcwNTIgMTIuNzczNyA1Mi41MDE2IDEzLjY3ODlMNTQuMDAzMiAxMi4zNTc5QzUyLjQxMDQgMTAuNTQ3NCA0OS41ODk2IDEwLjU0NzQgNDcuOTk2OCAxMi4zNTc5TDQ5LjQ5ODQgMTMuNjc4OVpNNDIuMjc3MSAyMS44ODcxTDQ5LjQ5ODQgMTMuNjc4OUw0Ny45OTY4IDEyLjM1NzlMNDAuNzc1NSAyMC41NjYxTDQyLjI3NzEgMjEuODg3MVpNMjggMjRIMzguODE5VjIySDI4VjI0Wk0yMSAzMUMyMSAyNy4xMzQgMjQuMTM0IDI0IDI4IDI0VjIyQzIzLjAyOTQgMjIgMTkgMjYuMDI5NCAxOSAzMUgyMVpNMjEgNTlWMzFIMTlWNTlIMjFaTTI4IDY2QzI0LjEzNCA2NiAyMSA2Mi44NjYgMjEgNTlIMTlDMTkgNjMuOTcwNiAyMy4wMjk0IDY4IDI4IDY4VjY2Wk0zMTIgNjZIMjhWNjhIMzEyVjY2Wk0zMTkgNTlDMzE5IDYyLjg2NiAzMTUuODY2IDY2IDMxMiA2NlY2OEMzMTYuOTcxIDY4IDMyMSA2My45NzA2IDMyMSA1OUgzMTlaTTMxOSAzMVY1OUgzMjFWMzFIMzE5Wk0zMTIgMjRDMzE1Ljg2NiAyNCAzMTkgMjcuMTM0IDMxOSAzMUgzMjFDMzIxIDI2LjAyOTQgMzE2Ljk3MSAyMiAzMTIgMjJWMjRaTTYzLjE4MSAyNEgzMTJWMjJINjMuMTgxVjI0Wk01Mi41MDE2IDEzLjY3ODlMNTkuNzIyOSAyMS44ODcxTDYxLjIyNDUgMjAuNTY2MUw1NC4wMDMyIDEyLjM1NzlMNTIuNTAxNiAxMy42Nzg5Wk02My4xODEgMjJDNjIuOTI4OSAyMiA2Mi42NDMzIDIxLjg5NCA2Mi4yOTE1IDIxLjYyN0M2MS45MzM1IDIxLjM1NTQgNjEuNTkyMiAyMC45ODQgNjEuMjI0NSAyMC41NjYxTDU5LjcyMjkgMjEuODg3MUM2MC4wODM0IDIyLjI5NjkgNjAuNTQ0NiAyMi44MTIyIDYxLjA4MjYgMjMuMjIwNEM2MS42MjY4IDIzLjYzMzIgNjIuMzMwOCAyNCA2My4xODEgMjRWMjJaTTQwLjc3NTUgMjAuNTY2MUM0MC40MDc4IDIwLjk4NCA0MC4wNjY1IDIxLjM1NTQgMzkuNzA4NSAyMS42MjdDMzkuMzU2NyAyMS44OTQgMzkuMDcxMSAyMiAzOC44MTkgMjJWMjRDMzkuNjY5MiAyNCA0MC4zNzMyIDIzLjYzMzIgNDAuOTE3NCAyMy4yMjA0QzQxLjQ1NTQgMjIuODEyMiA0MS45MTY2IDIyLjI5NjkgNDIuMjc3MSAyMS44ODcxTDQwLjc3NTUgMjAuNTY2MVoiCiAgICAgICAgICAgICAgZmlsbD0iI0Q3REFFMCIgZmlsbC1vcGFjaXR5PSIwLjQiIG1hc2s9InVybCgjcGF0aC0xLWluc2lkZS0xKSIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzQwIiBoZWlnaHQ9Ijk1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICAgICAgICAgICBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHk9IjgiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=);
  background-position: center;
  background-size: contain;
  -webkit-transform: translate(-39px, -2px);
          transform: translate(-39px, -2px);
}
.AccountDesignSettings__colorSelection__body {
  position: absolute;
  top: 6px;
  left: 17px;
  width: 265px;
  height: 70px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.AccountDesignSettings__colorSelection__colorBlock {
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content min-content;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AccountDesignSettings__colorSelection__colorBlock__color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AccountDesignSettings__colorSelection__colorBlock__color__check {
  color: #fff;
  width: 10px;
  height: 10px;
}
.AccountDesignSettings__colorSelection__colorBlock__input .Input {
  max-width: 100px;
  border: none;
  position: relative;
}
.AccountDesignSettings__colorSelection__colorBlock__input .Input .Input__tag {
  padding-left: 10px;
}
.AccountDesignSettings__colorSelection__controls {
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
}
.AccountDesignSettings__colorSelection__controls .SvgIcon {
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.DesignRowEditor {
  display: grid;
  grid-row-gap: 26px;
}
.DesignRowEditor__modal.ModalInstance {
  width: 480px;
}
.DesignRowEditor .TrumbowygWrapper .trumbowyg-box {
  min-height: 234px;
}
.DesignRowEditor .TrumbowygWrapper .trumbowyg-editor {
  min-height: 158px;
}

.FormSettings {
  padding: 0 30px 25px;
  display: grid;
  grid-row-gap: 25px;
}
.FormSettings__body__row {
  height: 68px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
  margin: 0 30px;
  border-bottom: 1px solid #e8e8ea;
}
.FormSettings__body__row--1column {
  grid-template-columns: 1fr;
  height: auto;
  padding-top: 25px;
  border-bottom: none;
}
.FormSettings__body__row--visualEditorBlock {
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-gap: 20px;
  height: auto;
  padding-top: 25px;
  border-bottom: none;
}
.FormSettings__body__row__text {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
}
.FormSettings__body__row__titleWithToggle {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 16px;
}
.SmallFormEmbedCodeBlock,
.BigFormEmbedCodeBlock {
  display: unset;
}
.SmallFormEmbedCodeBlock__textArea,
.BigFormEmbedCodeBlock__textArea {
  width: 100%;
  margin-top: 16px;
  background-color: #f2f4f6;
  color: #71737f;
}

.FormSettingsEditor {
  display: grid;
  grid-row-gap: 26px;
}
.FormSettingsEditor__modal.ModalInstance {
  width: 480px;
}

.TruckStyleSettings {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 25px;
}
.TruckStyleSettings__colorBlock {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 16px;
}
.TruckStyleSettings__colorBlock__preview {
  width: 100%;
  height: 160px;
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.FormEmbedCodeBlock {
  display: unset;
}
.FormEmbedCodeBlock__textArea {
  width: 100%;
  margin-top: 16px;
  background-color: #f2f4f6;
  color: #71737f;
}

.SalesGreetingSettingsForm__body {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 200px -webkit-min-content auto;
  grid-template-columns: 200px min-content auto;
  grid-column-gap: 30px;
  padding: 30px;
  padding-bottom: 0;
}
.SalesGreetingSettingsForm__separator {
  width: 0;
  height: 100%;
  border-right: 1px solid #e8e8ea;
}
.SalesGreetingSettingsForm__statuses {
  padding-bottom: 30px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 5px;
}
.SalesGreetingSettingsForm__editor {
  padding-bottom: 30px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 30px;
}
.SalesGreetingSettingsForm__emulator {
  padding: 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
  white-space: pre-wrap;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
          box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  overflow: hidden;
  width: 310px;
}
.SalesGreetingSettingsForm__emulator .ImageWithTwoLines {
  padding: 0;
}

.ImageWithTwoLines {
  padding: 16px;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-gap: 15px;
  background: #fff;
  max-width: 100%;
}
.ImageWithTwoLines--Mobile {
  padding: 4.444444444444445vw;
  grid-gap: 2.777777777777778vw;
}
.ImageWithTwoLines__image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-color: #ff8c00;
}
.ImageWithTwoLines--Mobile .ImageWithTwoLines__image {
  width: 19.444444444444443vw;
}
.ImageWithTwoLines__lines {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 2px;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ImageWithTwoLines--Mobile .ImageWithTwoLines__lines {
  grid-gap: 0.555555555555556vw;
}
.ImageWithTwoLines__line1 {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 600;
}
.ImageWithTwoLines--Mobile .ImageWithTwoLines__line1 {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-weight: 600;
}
.ImageWithTwoLines__line2 {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
}
.ImageWithTwoLines--Mobile .ImageWithTwoLines__line2 {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #71737f;
}

.ChatBotSettings-module__root--FrL5Z {
  padding: 30px;
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-row-gap: 16px;
}
.ChatBotSettings-module__root--FrL5Z .TrumbowygWrapper .trumbowyg-box {
  min-height: 150px;
  height: 180px;
  width: 395px;
}
.ChatBotSettings-module__titleWithToggle--1uU4- {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ChatBotSettings-module__titleWithToggle--1uU4- .ToggleButton__box {
  -webkit-transform: scale(0.888888888888889);
          transform: scale(0.888888888888889);
}
.ChatBotSettings-module__textArea--UEdJP {
  width: 100%;
}
.ChatBotSettings-module__ChatBotEmbeddedCodeBlock--FPfPg {
  display: unset;
}
.ChatBotSettings-module__ChatBotEmbeddedCodeBlock__textArea--x-oaw {
  width: 100%;
  margin-top: 16px;
  background-color: #f2f4f6;
  color: #71737f;
}

.SalesGreetings-module__root--bZcjb {
  width: 400px;
  min-height: 150px;
  display: grid;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 9px;
  pointer-events: none;
}
.SalesGreetings-module__root--Mobile--PngsN {
  width: unset;
  min-height: unset;
}
.SalesGreetings-module__root--textless--FnVU- {
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
}
.SalesGreetings-module__root--bZcjb .SalesGreetings-module__remark--w4Exx {
  padding: 9px 16px;
  background-color: #fff;
  border-radius: 15px;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  font-size: 13px;
  line-height: 16px;
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  pointer-events: all;
}
.SalesGreetings-module__root--Mobile--PngsN.SalesGreetings-module__root--bZcjb .SalesGreetings-module__remark--w4Exx {
  padding: 2.5vw 4.444444444444445vw;
  border-radius: 4.166666666666667vw;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.SalesGreetings-module__root--bZcjb .SalesGreetings-module__remark--hidden--WCJyZ {
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
}
.SalesGreetings-module__root--bZcjb .SalesGreetings-module__avatar--ETm-l {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-color: #f5f5dc;
  z-index: 1;
  position: relative;
  pointer-events: all;
}
.SalesGreetings-module__root--Mobile--PngsN.SalesGreetings-module__root--bZcjb .SalesGreetings-module__avatar--ETm-l {
  width: 14.444444444444445vw;
  height: 14.444444444444445vw;
}
.SalesGreetings-module__root--bZcjb .SalesGreetings-module__avatar__redCircle--ovcLI {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ee4b19;
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.SalesGreetings-module__root--Mobile--PngsN.SalesGreetings-module__root--bZcjb .SalesGreetings-module__avatar__redCircle--ovcLI {
  width: 5.555555555555555vw;
  height: 5.555555555555555vw;
  top: 0vw;
  right: -1.666666666666667vw;
  font-size: 2.5vw;
}

.ActionButtonSettings-module__root--2oP4F {
  display: grid;
  grid-template-columns: auto 344px;
  grid-column-gap: 16px;
}
.ActionButtonSettings-module__root--2oP4F .ActionButtonSettings-module__tabPaneTabs--DoR9A {
  padding: 0;
}
.ActionButtonSettings-module__header--I65hM {
  grid-column: span 2;
}
.ActionButtonSettings-module__leftColumn--yELcg {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 100%;
  grid-row-gap: 25px;
  -ms-flex-line-pack: start;
      align-content: start;
  padding: 25px 0;
}
.ActionButtonSettings-module__togglesList--rDPCV {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 100%;
  grid-row-gap: 16px;
}

.SalesGreetingsBlock {
  padding: 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
  white-space: pre-wrap;
  background-color: #fff;
}
.SalesGreetingsBlock--Mobile {
  padding: 4.444444444444445vw;
  grid-row-gap: 2.5vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #71737f;
}
.SalesGreetingsBlock--v2 {
  padding: 20px;
  grid-row-gap: 23px;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2 {
  padding: 3.888888888888889vw 4.444444444444445vw;
  grid-row-gap: 5.555555555555555vw;
}
.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines {
  padding: 0;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__image {
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
}
.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__image {
  width: 72px;
  height: 72px;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__image {
  width: 15.555555555555555vw;
  height: 15.555555555555555vw;
}
.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__lines {
  display: grid;
  grid-template-areas: "line1" "line2" "line3";
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__lines {
  grid-row-gap: 0;
}
.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__line1 {
  grid-area: line2;
  font-family: DM Sans;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__line1 {
  font-size: 4.444444444444445vw;
  line-height: 6.666666666666667vw;
}
.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__line2 {
  grid-area: line1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #00a455;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__line2 {
  font-size: 3.333333333333333vw;
  line-height: 4.444444444444445vw;
  font-weight: 700;
}
.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__line3 {
  grid-area: line3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #12152a;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2.SalesGreetingsBlock .SalesGreetingsBlock__ImageWithTwoLines__line3 {
  font-size: 3.888888888888889vw;
  line-height: 5.555555555555555vw;
}
.SalesGreetingsBlock__value {
  font-size: 14px;
  line-height: 20px;
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__value {
  font-size: 14px;
  line-height: 20px;
  width: 307px;
}
.SalesGreetingsBlock--v2 .SalesGreetingsBlock__value {
  font-size: 14px;
  font-weight: 550;
  line-height: 20px;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2 .SalesGreetingsBlock__value {
  font-size: 14px;
  line-height: 20px;
  width: 290px;
}
.SalesGreetingsBlock__submitUpdateButton {
  background-color: #575958;
  width: 100%;
  margin-top: 9px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.22);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.22);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__submitUpdateButton {
  margin-top: 2.5vw;
  -webkit-box-shadow: 0 0.555555555555556vw 0.555555555555556vw 0 rgba(0,0,0,0.22);
          box-shadow: 0 0.555555555555556vw 0.555555555555556vw 0 rgba(0,0,0,0.22);
}
.SalesGreetingsBlock--v2 .SalesGreetingsBlock__submitUpdateButton {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 0;
  grid-column-gap: 16px;
  background-color: #00a455;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2 .SalesGreetingsBlock__submitUpdateButton {
  -webkit-box-shadow: none;
          box-shadow: none;
  grid-column-gap: 4.444444444444445vw;
}
.SalesGreetingsBlock--v2 .SalesGreetingsBlock__submitUpdateButton:hover {
  background-color: #00a455;
}
.SalesGreetingsBlock__submitUpdateButton:hover {
  background-color: #575958;
}
.SalesGreetingsBlock__submitUpdateButton:active {
  -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.22);
          box-shadow: 0 0 2px 0 rgba(0,0,0,0.22);
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__submitUpdateButton:active {
  -webkit-box-shadow: 0 0 0.555555555555556vw 0 rgba(0,0,0,0.22);
          box-shadow: 0 0 0.555555555555556vw 0 rgba(0,0,0,0.22);
  -webkit-transform: translateY(0.555555555555556vw);
          transform: translateY(0.555555555555556vw);
}
.SalesGreetingsBlock__submitUpdateButton.Button--disabled {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.SalesGreetingsBlock__goToConfirmationButton {
  width: 100%;
  margin-top: 9px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.22);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.22);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__goToConfirmationButton {
  margin-top: 2.5vw;
  -webkit-box-shadow: 0 0.555555555555556vw 0.555555555555556vw 0 rgba(0,0,0,0.22);
          box-shadow: 0 0.555555555555556vw 0.555555555555556vw 0 rgba(0,0,0,0.22);
}
.SalesGreetingsBlock__goToConfirmationButton:active {
  -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.22);
          box-shadow: 0 0 2px 0 rgba(0,0,0,0.22);
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__goToConfirmationButton:active {
  -webkit-box-shadow: 0 0 0.555555555555556vw 0 rgba(0,0,0,0.22);
          box-shadow: 0 0 0.555555555555556vw 0 rgba(0,0,0,0.22);
  -webkit-transform: translateY(0.555555555555556vw);
          transform: translateY(0.555555555555556vw);
}
.SalesGreetingsBlock .SalesGreetingsBlock__reservationButton {
  background-color: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock .SalesGreetingsBlock__reservationButton {
  background-color: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.SalesGreetingsBlock .SalesGreetingsBlock__reservationButton__inners {
  height: unset;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock .SalesGreetingsBlock__reservationButton__inners {
  height: unset;
}
.SalesGreetingsBlock .SalesGreetingsBlock__reservationButton__button.SalesGreetingsBlock__reservationButton__buttonForcing {
  width: 100%;
  background-color: #4d6eff;
}
.SalesGreetingsBlock .SalesGreetingsBlock__reservationButton__buttonContainer {
  grid-column-gap: 32px;
  padding-left: 20px;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock .SalesGreetingsBlock__reservationButton__buttonContainer {
  grid-column-gap: 8.88888888888889vw;
  padding-left: 5.555555555555555vw;
}
.SalesGreetingsBlock__row {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
}
.SalesGreetingsBlock--v2 .SalesGreetingsBlock__row {
  grid-column-gap: 14px;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2 .SalesGreetingsBlock__row {
  grid-column-gap: 3.888888888888889vw;
}
.SalesGreetingsBlock__messagesButton__button {
  position: relative;
  overflow: visible;
}
.SalesGreetingsBlock--Mobile.SalesGreetingsBlock--v2 .SalesGreetingsBlock__messagesButton__button {
  width: 15.555555555555555vw;
  height: 15.555555555555555vw;
}
.SalesGreetingsBlock__messagesButton__button--phone {
  margin-right: 10px;
  background-color: #f2f4f6;
  color: #00a455;
  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.15);
          box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__messagesButton__button--phone {
  margin-right: 2.777777777777778vw;
  -webkit-box-shadow: 0 1.111111111111111vw 4.444444444444445vw rgba(0,0,0,0.15);
          box-shadow: 0 1.111111111111111vw 4.444444444444445vw rgba(0,0,0,0.15);
}
.SalesGreetingsBlock__messagesButton__button--phone:hover {
  background-color: #f2f4f6;
  color: #00a455;
}
.SalesGreetingsBlock__messagesButton__button--hasNew:after {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #ee4b19;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__messagesButton__button--hasNew:after {
  width: 3.333333333333333vw;
  height: 3.333333333333333vw;
}
.SalesGreetingsBlock__messagesButton__button--fixed {
  position: fixed;
  right: 100px;
  bottom: 5%;
  z-index: 10;
  -webkit-box-shadow: 2px 2px 13px #606162;
          box-shadow: 2px 2px 13px #606162;
  width: 60px;
  height: 60px;
}
.SalesGreetingsBlock--Mobile .SalesGreetingsBlock__messagesButton__button--fixed {
  right: 0vw;
  -webkit-box-shadow: 0.555555555555556vw 0.555555555555556vw 3.611111111111111vw #606162;
          box-shadow: 0.555555555555556vw 0.555555555555556vw 3.611111111111111vw #606162;
  width: 16.666666666666668vw;
  height: 16.666666666666668vw;
}
.SalesGreetingsBlock__messagesButton__button--fixed .Button__icon {
  width: 32px;
  height: 32px;
}
.SalesGreetingsBlock--Desktop .SalesGreetingsBlock__messagesButton .Button__icon,
.SalesGreetingsBlock--Tablet .SalesGreetingsBlock__messagesButton .Button__icon {
  width: 22px;
  height: 22px;
}
.SalesGreetingsBlock--Desktop.SalesGreetingsBlock--notConfirmed .SalesGreetingsBlock__messagesButton,
.SalesGreetingsBlock--Tablet.SalesGreetingsBlock--notConfirmed .SalesGreetingsBlock__messagesButton {
  bottom: calc(70px + 5%);
}

.Messages {
  height: 100%;
  overflow: hidden;
  font-family: 'Mark';
}
.Messages--Mobile {
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.Messages__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.Messages__responseTemplates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
  padding: 0 10px;
  padding-bottom: 8px;
  background-color: #f2f4f6;
}
.Messages--Mobile .Messages__responseTemplates {
  gap: 1.666666666666667vw;
  padding: 0 2.777777777777778vw;
  padding-bottom: 2.222222222222222vw;
}
.Messages__responseTemplate {
  background-color: #fff;
  border-radius: 17px;
  padding: 8px 12px;
  font-weight: 550;
  font-size: 14px;
  line-height: 18px;
  color: #5550f3;
  cursor: pointer;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  border: 1px solid #ebebeb;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Messages--Mobile .Messages__responseTemplate {
  border-radius: 4.722222222222222vw;
  padding: 2.222222222222222vw 3.333333333333333vw;
  font-size: 3.888888888888889vw;
  line-height: 5vw;
  border-width: 0.277777777777778vw;
}
.Messages__responseTemplate:hover {
  background-color: #f5f5f5;
  border-color: #e0e2f3;
}
.Messages__responseTemplate:active {
  background-color: #e0e2f3;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}
.Messages__responseTemplate--justClicked {
  background-color: #e0e2f3;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}
.Messages__responseTemplate--justClicked:hover {
  background-color: #e0e2f3;
}
.Messages__responseTemplate--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}
.Messages__paddingLeftUnderAvatar {
  padding-left: 52px;
}
.Messages--Mobile .Messages__paddingLeftUnderAvatar {
  padding-left: 14.444444444444445vw;
}
.Messages__chatBotMessageButtons {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 4px;
  margin-bottom: 19px;
}
.Messages--Mobile .Messages__chatBotMessageButtons {
  grid-column-gap: 1.111111111111111vw;
  margin-bottom: 5.277777777777778vw;
}
.Messages .Messages__chatBotMessageButton {
  width: 100%;
  border-radius: 17px;
  border: none;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.102);
          box-shadow: 0 2px 6px 0 rgba(0,0,0,0.102);
}
.Messages--Mobile.Messages .Messages__chatBotMessageButton {
  -webkit-box-shadow: 0 0.555555555555556vw 1.666666666666667vw 0 rgba(0,0,0,0.102);
          box-shadow: 0 0.555555555555556vw 1.666666666666667vw 0 rgba(0,0,0,0.102);
}
.Messages__noMessagesBlock {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 200px;
  display: grid;
  grid-template-columns: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.Messages--Mobile .Messages__noMessagesBlock {
  min-height: 55.55555555555556vw;
  background-size: 66.66666666666667vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
}
.Messages__loader {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Messages__paper {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.Messages__paper__footer {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #e8e8ea;
  padding-right: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-y: hidden;
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-template-rows: 100%;
  grid-column-gap: 9px;
  max-height: 140px;
}
.Messages--Mobile .Messages__paper__footer {
  padding-right: 3.888888888888889vw;
  max-height: 38.888888888888886vw;
  border-top: 0.277777777777778vw solid #e8e8ea;
}
.Messages__paper__footer--withTokens {
  max-height: 200px;
}
.Messages__paper__footer__controls {
  position: sticky;
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-column-gap: 16px;
  grid-auto-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: start;
  grid-row-gap: 6px;
  padding: 6px 0;
}
.Messages--Mobile .Messages__paper__footer__controls {
  grid-column-gap: 4.444444444444445vw;
  grid-row-gap: 1.666666666666667vw;
  padding: 1.666666666666667vw 0;
}
.Messages__paper__footer__Input.TextArea {
  padding: 24px;
  padding-right: 0;
  border: none;
  border-radius: 4px;
  width: 100%;
  height: unset;
  outline: none;
  background-color: #fff;
  resize: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  max-height: 100%;
  overflow-y: auto;
}
.Messages--Mobile .Messages__paper__footer__Input.TextArea {
  padding: 6.666666666666667vw;
  padding-right: 0;
  border-radius: 1.111111111111111vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.Messages__paper__footer__Input.TextArea::-webkit-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #a0a1aa;
}
.Messages__paper__footer__Input.TextArea::-moz-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #a0a1aa;
}
.Messages__paper__footer__Input.TextArea::-ms-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #a0a1aa;
}
.Messages__paper__footer__Input.TextArea::placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #a0a1aa;
}
.Messages--Mobile .Messages__paper__footer__Input.TextArea::-webkit-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.Messages--Mobile .Messages__paper__footer__Input.TextArea::-moz-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.Messages--Mobile .Messages__paper__footer__Input.TextArea::-ms-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.Messages--Mobile .Messages__paper__footer__Input.TextArea::placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.Messages__paper__scroll {
  overflow: auto;
  padding: 0 8px;
  padding-top: 13px;
  top: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f2f4f6;
}
.Messages--Mobile .Messages__paper__scroll {
  padding: 3.611111111111111vw 2.222222222222222vw;
}
.Messages__animatedChatContainer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  background-color: #f2f4f6;
}
.Messages__animation {
  padding-left: 12px;
  padding-top: 12px;
}
.Messages .Messages__bigButton {
  cursor: pointer;
  padding-right: 30px;
  padding-left: 22px;
  width: 100%;
  text-transform: uppercase;
}
.Messages--Mobile.Messages .Messages__bigButton {
  padding-right: 8.333333333333334vw;
  padding-left: 6.111111111111111vw;
}
.Messages .Messages__bigButton--selectList {
  padding-right: inherit;
  padding-left: inherit;
  border: none;
  background-color: #8b4513;
  font-weight: 600;
}
.Messages .Messages__bigButton__selectedValue {
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Messages .Messages__smallButton {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.Messages--Mobile.Messages .Messages__smallButton {
  width: 6.666666666666667vw;
  height: 6.666666666666667vw;
}
.Messages__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Messages__dateDialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Messages__dateDialog__block {
  padding: 4px 16px;
  border-radius: 13px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.Messages--Mobile .Messages__dateDialog__block {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  padding: 1.111111111111111vw 4.444444444444445vw;
  margin-bottom: 4.444444444444445vw;
  border-radius: 3.611111111111111vw;
}
.Messages .trumbowyg-box {
  min-height: 140px;
  height: 100%;
  display: grid;
  grid-template-rows: -webkit-max-content -webkit-max-content auto;
  grid-template-rows: max-content max-content auto;
}
.Messages .trumbowyg-box .trumbowyg-editor {
  min-height: unset;
}
@-webkit-keyframes button-active {
  from {
    background-color: #a4a1f8;
  }
  to {
    background-color: #fff;
  }
}
@keyframes button-active {
  from {
    background-color: #a4a1f8;
  }
  to {
    background-color: #fff;
  }
}

.Loader {
  position: absolute;
  top: 0;
  left: 0;
  padding: 200px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
  pointer-events: none;
}
.Loader--Mobile {
  padding: 27.77777777777778vw;
}
.Loader--visible {
  opacity: 1;
  pointer-events: all;
}
.Loader__containter {
  width: 150px;
  height: 150px;
  background-size: contain;
  -webkit-animation: beat2 1s infinite alternate;
          animation: beat2 1s infinite alternate;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.Loader--Mobile .Loader__containter {
  width: 41.666666666666664vw;
  height: 41.666666666666664vw;
}
@-webkit-keyframes beat2 {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes beat2 {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.SmsTemplateCategoriesModal {
  width: 300px;
  height: 600px;
  max-height: 100vh;
}
.SmsTemplateCategoriesModal--Mobile {
  width: 83.33333333333333vw;
  height: 166.66666666666666vw;
}
.SmsTemplateCategoriesModal__body {
  padding: 8px;
  overflow: auto;
}
.SmsTemplateCategoriesModal--Mobile .SmsTemplateCategoriesModal__body {
  padding: 2.222222222222222vw;
}
.SmsTemplateCategories {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-template-columns: 100%;
  grid-row-gap: 8px;
  overflow: auto;
}
.SmsTemplateCategories--Mobile {
  grid-row-gap: 2.222222222222222vw;
}
.SmsTemplateCategories--maxContent {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.SmsTemplateCategories .SmsTemplateCategories__category {
  background-color: #f2f4f6;
  border-radius: 8px;
  -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,0.051) inset;
          box-shadow: 0 -1px 0 0 rgba(0,0,0,0.051) inset;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category {
  border-radius: 2.222222222222222vw;
  -webkit-box-shadow: 0 -0.277777777777778vw 0 0 rgba(0,0,0,0.051) inset;
          box-shadow: 0 -0.277777777777778vw 0 0 rgba(0,0,0,0.051) inset;
}
.SmsTemplateCategories .SmsTemplateCategories__category__template {
  padding: 12px 14px;
  color: #71737f;
  font-size: 13px;
  border-top: 1px solid #e1e5e5;
  cursor: pointer;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category__template {
  padding: 3.333333333333333vw 3.888888888888889vw;
  font-size: 3.611111111111111vw;
  border-top-width: 0.277777777777778vw;
}
.SmsTemplateCategories .SmsTemplateCategories__category__template--selected {
  border-left: 2px solid #00a455;
  color: #333;
  font-weight: 600;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category__template--selected {
  border-left-width: 0.555555555555556vw;
}
.SmsTemplateCategories .SmsTemplateCategories__category__template--enabled {
  color: #00a455;
}
.SmsTemplateCategories .SmsTemplateCategories__category__content {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-flow: row;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category__content {
  border-bottom-left-radius: 2.222222222222222vw;
  border-bottom-right-radius: 2.222222222222222vw;
}
.SmsTemplateCategories .SmsTemplateCategories__category__header {
  padding: 16px 12px;
  border: none;
  height: 42px;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category__header {
  padding: 4.444444444444445vw 3.333333333333333vw;
  height: 11.666666666666666vw;
}
.SmsTemplateCategories .SmsTemplateCategories__category__title {
  font-size: 14px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category__title {
  font-size: 3.888888888888889vw;
}
.SmsTemplateCategories .SmsTemplateCategories__category__title__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category__title__controls {
  padding-right: 2.777777777777778vw;
}
.SmsTemplateCategories .SmsTemplateCategories__category__title__plusIcon {
  width: 12px;
  height: 12px;
}
.SmsTemplateCategories--Mobile.SmsTemplateCategories .SmsTemplateCategories__category__title__plusIcon {
  width: 3.333333333333333vw;
  height: 3.333333333333333vw;
}

.UserInitialsAvatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #fff;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  background-size: cover;
  background-position: center;
  background-color: #fd9909;
}
.UserInitialsAvatar--Mobile {
  width: 12.222222222222221vw;
  height: 12.222222222222221vw;
  border-radius: 50%;
  border: 0.555555555555556vw solid #fff;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
  color: #fff;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}

.MessagesMessage {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-column-gap: 8px;
  margin-bottom: 19px;
}
.MessagesMessage--Mobile .MessagesMessage {
  grid-column-gap: 2.222222222222222vw;
  margin-bottom: 5.277777777777778vw;
}
.MessagesMessage--their .MessagesMessage__body {
  border-top-left-radius: 0;
}
.MessagesMessage--their .MessagesMessage__body--sms {
  background-color: #b8cdfc;
}
.MessagesMessage--my {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.MessagesMessage--my .MessagesMessage__body {
  border-bottom-right-radius: 0;
  color: #fff;
}
.MessagesMessage--my .MessagesMessage__footer {
  color: rgba(255,255,255,0.6);
}
.MessagesMessage__typingIndicatorDot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #00a455;
  margin-right: 8px;
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.MessagesMessage--Mobile .MessagesMessage__typingIndicatorDot {
  margin-right: 2.222222222222222vw;
  width: 3.611111111111111vw;
  height: 3.611111111111111vw;
}
.MessagesMessage__typingIndicatorDot:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.MessagesMessage__typingIndicatorDot:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.MessagesMessage__typingIndicatorDot:nth-child(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.MessagesMessage__right {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 9px;
  position: relative;
}
.MessagesMessage--Mobile .MessagesMessage__right {
  grid-row-gap: 2.5vw;
}
.MessagesMessage__userName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.MessagesMessage--Mobile .MessagesMessage__userName {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
}
.MessagesMessage__footer {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #a0a1aa;
  left: 0;
  width: 100%;
  position: absolute;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 9px;
  bottom: 6px;
  padding-right: 12px;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.MessagesMessage--Mobile .MessagesMessage__footer {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  grid-column-gap: 2.5vw;
  bottom: 1.666666666666667vw;
  padding-right: 3.333333333333333vw;
}
.MessagesMessage__footer__read {
  height: 100%;
  width: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.MessagesMessage--Mobile .MessagesMessage__footer__read {
  width: 5vw;
}
.MessagesMessage__footer__read--negative {
  color: #ee4b19;
}
.MessagesMessage__footer__read--gold {
  color: #fd9909;
}
.MessagesMessage__body {
  height: auto;
  padding: 12px 16px 25px;
  width: 290px;
  border-radius: 20px;
  word-break: break-word;
  white-space: pre-line;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  background-color: #fff;
  position: relative;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.MessagesMessage--Mobile .MessagesMessage__body {
  padding: 3.333333333333333vw 4.444444444444445vw 6.944444444444445vw;
  width: 80.55555555555556vw;
  border-radius: 5.555555555555555vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.MessagesMessage__body--primary {
  background: #00a455;
}
.MessagesMessage__body--sms {
  background-color: #4d6eff;
}
.MessagesMessage__body--statusIndicator {
  padding-bottom: 12px;
}
.MessagesMessage--Mobile .MessagesMessage__body--statusIndicator {
  padding-bottom: 3.333333333333333vw;
}
.MessagesMessage__body a {
  color: inherit;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.MessagesBotAnimation-module__MessagesBotAnimation--d59Sj {
  width: 270px;
  height: 290px;
  position: relative;
  position: relative;
}
.MessagesBotAnimation-module__MessagesBotAnimation__fallback--CGfoF {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-image: url(./images/804fb198cdc06354a4fa7c010418d207.png);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.MessagesBotAnimation-module__MessagesBotAnimation__fallback_hidden--B\+H9g {
  opacity: 0;
}

.AccountMessages.ModalInstance {
  width: 360px;
  height: 650px;
}
.AccountMessages .Messages {
  padding: 0;
  height: 100%;
}
.AccountMessages .Messages__paper__footer {
  padding-right: 12px;
}
.AccountMessages .Messages__paper__footer__Input.TextArea {
  padding: 16px;
  padding-right: 0;
}
.AccountMessagesMobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  overflow: hidden;
  background: #f2f4f6;
}

.AccountNavigation {
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.277777777777778vmin;
  font-weight: 600;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6.944444444444445vw;
  padding: 0 6.944444444444445vw;
  height: 18.055555555555557vw;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  z-index: 1;
}
.AccountNavigation--paper {
  background: #fff;
}
.AccountNavigation--panel {
  background: #12152a;
}
.AccountNavigation .SvgIcon {
  height: 3.611111111111111vw;
}
.AccountNavigation--paper.AccountNavigation .SvgIcon {
  color: #12152a;
}
.AccountNavigation--panel.AccountNavigation .SvgIcon {
  color: #fff;
}
.AccountNavigation--paper .AccountNavigation__title {
  color: #12152a;
}
.AccountNavigation--panel .AccountNavigation__title {
  color: #fff;
}

.AccountBottomPanelBlock {
  position: sticky;
  background-color: #4d73eb;
  bottom: 0;
  width: 100%;
  -webkit-box-shadow: 0 -2px 16px rgba(0,0,0,0.1);
          box-shadow: 0 -2px 16px rgba(0,0,0,0.1);
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  z-index: 1;
  pointer-events: all;
}
.AccountBottomPanelBlock--Mobile {
  -webkit-box-shadow: 0 -0.555555555555556vw 4.444444444444445vw rgba(0,0,0,0.1);
          box-shadow: 0 -0.555555555555556vw 4.444444444444445vw rgba(0,0,0,0.1);
  border-top-right-radius: 4.166666666666667vw;
  border-top-left-radius: 4.166666666666667vw;
  bottom: 0;
}
.AccountBottomPanelBlock__inners {
  height: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AccountBottomPanelBlock--Mobile .AccountBottomPanelBlock__inners {
  height: 19.72222222222222vw;
}
.AccountBottomPanelBlock__inners .Button {
  background-color: transparent;
}

.AccountDiscountBlock {
  color: #71737f;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  grid-column-gap: 16px;
  padding: 16px 0;
}
.AccountDiscountBlock__icon {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0zNS43NzQ2IDQwSDQuMjI1NDNDMi44OTE5MSA0MCAxLjgxMDk3IDM4LjkxOSAxLjgxMDk3IDM3LjU4NTZWMTEuOTMzN0gzOC4xODkzVjM3LjU4NTZDMzguMTg5MiAzOC45MTkgMzcuMTA4MiA0MCAzNS43NzQ2IDQwWiIKICAgICAgICAgIGZpbGw9IiMwMEE0NTUiLz4KICAgIDxwYXRoIGQ9Ik0zNS43NzQ2IDExLjkzMzdWMzcuNTg1NkMzNS43NzQ2IDM4LjkxOTEgMzQuNjkzNiA0MCAzMy4zNjAyIDQwSDM1Ljc3NDZDMzcuMTA4MSA0MCAzOC4xODkxIDM4LjkxOSAzOC4xODkxIDM3LjU4NTZWMTEuOTMzN0gzNS43NzQ2WiIKICAgICAgICAgIGZpbGw9IiMwMDc4M0UiLz4KICAgIDxwYXRoIGQ9Ik0xNy4wOTg4IDExLjkzMzdIMjIuOTAxM1Y0MEgxNy4wOTg4VjExLjkzMzdaIiBmaWxsPSIjRkRERjc5Ii8+CiAgICA8cGF0aCBkPSJNMTcuMDk4OCAxMS45MzM3SDIyLjkwMTNWMTQuMzQ4MkgxNy4wOTg4VjExLjkzMzdaIiBmaWxsPSIjRjlEMDY4Ii8+CiAgICA8cGF0aCBkPSJNNDAgNy43NDA5MVYxMC4zMjQxQzQwIDExLjIxMzEgMzkuMjc5MyAxMS45MzM4IDM4LjM5MDMgMTEuOTMzOEgxLjYwOTY5QzAuNzIwNzAzIDExLjkzMzcgMCAxMS4yMTMgMCAxMC4zMjRWNy43NDA5MUMwIDYuODUxOTMgMC43MjA3MDMgNi4xMzEyMyAxLjYwOTY5IDYuMTMxMjNIMzguMzkwNEMzOS4yNzkzIDYuMTMxMjMgNDAgNi44NTE5MyA0MCA3Ljc0MDkxWiIKICAgICAgICAgIGZpbGw9IiNGRERGNzkiLz4KICAgIDxwYXRoIGQ9Ik0zOC4zOTAzIDYuMTMxMjNIMzUuOTc1OUMzNi44NjQ5IDYuMTMxMjMgMzcuNTg1NiA2Ljg1MTkzIDM3LjU4NTYgNy43NDA5MVYxMC4zMjQxQzM3LjU4NTYgMTEuMjEzMSAzNi44NjQ5IDExLjkzMzggMzUuOTc1OSAxMS45MzM4SDM4LjM5MDNDMzkuMjc5MyAxMS45MzM4IDQwIDExLjIxMzEgNDAgMTAuMzI0MVY3Ljc0MDkxQzQwIDYuODUxOTMgMzkuMjc5MyA2LjEzMTIzIDM4LjM5MDMgNi4xMzEyM1oiCiAgICAgICAgICBmaWxsPSIjRjlEMDY4Ii8+CiAgICA8cGF0aCBkPSJNMTkuOTk5OSAzNS45ODEzQzI0Ljc4MTMgMzUuOTgxMyAyOC42NTc0IDMyLjEwNTIgMjguNjU3NCAyNy4zMjM4QzI4LjY1NzQgMjIuNTQyNCAyNC43ODEzIDE4LjY2NjMgMTkuOTk5OSAxOC42NjYzQzE1LjIxODUgMTguNjY2MyAxMS4zNDI0IDIyLjU0MjQgMTEuMzQyNCAyNy4zMjM4QzExLjM0MjQgMzIuMTA1MiAxNS4yMTg1IDM1Ljk4MTMgMTkuOTk5OSAzNS45ODEzWiIKICAgICAgICAgIGZpbGw9IiNERDYzNkUiLz4KICAgIDxwYXRoIGQ9Ik0xOS45OTk5IDE4LjY2NjRDMTkuNTkwMSAxOC42NjY0IDE5LjE4NzIgMTguNjk1NSAxOC43OTI2IDE4Ljc1MDZDMjMuMDAyNCAxOS4zMzgxIDI2LjI0MjggMjIuOTUyMiAyNi4yNDI4IDI3LjMyMzlDMjYuMjQyOCAzMS42OTU1IDIzLjAwMjQgMzUuMzA5NyAxOC43OTI2IDM1Ljg5NzJDMTkuMTg3MiAzNS45NTIyIDE5LjU5MDEgMzUuOTgxNCAxOS45OTk5IDM1Ljk4MTRDMjQuNzgxMyAzNS45ODE0IDI4LjY1NzQgMzIuMTA1MyAyOC42NTc0IDI3LjMyMzlDMjguNjU3NCAyMi41NDI1IDI0Ljc4MTMgMTguNjY2NCAxOS45OTk5IDE4LjY2NjRaIgogICAgICAgICAgZmlsbD0iI0RBNEE1NCIvPgogICAgPHBhdGggZD0iTTE3LjkzMTEgMzIuMTk0MkMxNy42MjM3IDMyLjA2NTIgMTcuNDc5MSAzMS43MTE0IDE3LjYwODEgMzEuNDA0TDIxLjMwODQgMjIuNTg3MkMyMS40Mzc0IDIyLjI3OTkgMjEuNzkxIDIyLjEzNTIgMjIuMDk4NSAyMi4yNjQyQzIyLjQwNTkgMjIuMzkzMiAyMi41NTA1IDIyLjc0NzEgMjIuNDIxNSAyMy4wNTQ0TDE4LjcyMTMgMzEuODcxMkMxOC41OTEgMzIuMTgyMSAxOC4yMzE2IDMyLjMyMDIgMTcuOTMxMSAzMi4xOTQyWiIKICAgICAgICAgIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNMTcuMTc0MSAyNi44MTMzQzE1LjkzOTggMjYuODEzMyAxNC45MzU1IDI1LjY5MDMgMTQuOTM1NSAyNC4zMDk4QzE0LjkzNTUgMjIuOTI5NCAxNS45Mzk4IDIxLjgwNjMgMTcuMTc0MSAyMS44MDYzQzE4LjQwODUgMjEuODA2MyAxOS40MTI3IDIyLjkyOTMgMTkuNDEyNyAyNC4zMDk4QzE5LjQxMjcgMjUuNjkwMyAxOC40MDg1IDI2LjgxMzMgMTcuMTc0MSAyNi44MTMzWk0xNy4xNzQxIDIzLjAxMzVDMTYuNjA1NSAyMy4wMTM1IDE2LjE0MjggMjMuNTk1IDE2LjE0MjggMjQuMzA5OEMxNi4xNDI4IDI1LjAyNDYgMTYuNjA1NSAyNS42MDYgMTcuMTc0MSAyNS42MDZDMTcuNzQyOCAyNS42MDYgMTguMjA1NSAyNS4wMjQ2IDE4LjIwNTUgMjQuMzA5OEMxOC4yMDU1IDIzLjU5NSAxNy43NDI5IDIzLjAxMzUgMTcuMTc0MSAyMy4wMTM1WiIKICAgICAgICAgIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNMjIuODI1NiAzMi44NDE0QzIxLjU5MTMgMzIuODQxNCAyMC41ODcgMzEuNzE4MyAyMC41ODcgMzAuMzM3OUMyMC41ODcgMjguOTU3NCAyMS41OTEzIDI3LjgzNDQgMjIuODI1NiAyNy44MzQ0QzI0LjA2IDI3LjgzNDQgMjUuMDY0MiAyOC45NTc0IDI1LjA2NDIgMzAuMzM3OUMyNS4wNjQxIDMxLjcxODMgMjQuMDU5OSAzMi44NDE0IDIyLjgyNTYgMzIuODQxNFpNMjIuODI1NiAyOS4wNDE1QzIyLjI1NyAyOS4wNDE1IDIxLjc5NDMgMjkuNjIzIDIxLjc5NDMgMzAuMzM3OUMyMS43OTQzIDMxLjA1MjYgMjIuMjU3IDMxLjYzNDEgMjIuODI1NiAzMS42MzQxQzIzLjM5NDMgMzEuNjM0MSAyMy44NTcgMzEuMDUyNiAyMy44NTcgMzAuMzM3OUMyMy44NTcgMjkuNjIzMSAyMy4zOTQzIDI5LjA0MTUgMjIuODI1NiAyOS4wNDE1WiIKICAgICAgICAgIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNMzMuOTU0MSA2LjEzMTE2SDIyLjkwMTJWMy4wNDIzM0wyOS4yMDczIDAuMjg3MjUxQzMxLjQ0NjYgLTAuNjkxMTA4IDMzLjk1NDEgMC45NDk2NzMgMzMuOTU0MSAzLjM5MzVWNi4xMzExNloiCiAgICAgICAgICBmaWxsPSIjREQ2MzZFIi8+CiAgICA8cGF0aCBkPSJNMjkuMzU4MyAwLjIyNjgxM0MzMC42MDAxIDAuNzA0NzgyIDMxLjUzOTUgMS44OTgxNCAzMS41Mzk1IDMuMzkzNDVWNi4xMzExMUgzMy45NTRWMy4zOTM0NUMzMy45NTQgMS4wMDQ0NyAzMS41NTc5IC0wLjYxNTYwOSAyOS4zNTgzIDAuMjI2ODEzWiIKICAgICAgICAgIGZpbGw9IiNEQTRBNTQiLz4KICAgIDxwYXRoIGQ9Ik02LjA0NTkgNi4xMzExNkgxNy4wOTg4VjMuMDQyMzNMMTAuNzkyOCAwLjI4NzI1MUM4LjU1MzQgLTAuNjkxMTA4IDYuMDQ1OSAwLjk0OTY3MyA2LjA0NTkgMy4zOTM1VjYuMTMxMTZaIgogICAgICAgICAgZmlsbD0iI0RENjM2RSIvPgogICAgPHBhdGggZD0iTTE3LjA5ODggMy4wNDIyNEgyMi45MDEzVjYuMTMxMDZIMTcuMDk4OFYzLjA0MjI0WiIgZmlsbD0iIzAwQTQ1NSIvPgogICAgPHBhdGggZD0iTTI4LjY0MTUgMTQuNzc3OEwyNS4zMTQyIDE2Ljg3MTNDMjUuMTQzOCAxNi45Nzg2IDI0LjkxNzggMTYuOTExIDI0LjgzNDIgMTYuNzI3N0wyMCA2LjEzMTIzSDI0LjcwMjdMMjkuMTYxOSAxMS4yNzU0QzMwLjA5ODMgMTIuMzU1NyAyOS44NTE1IDE0LjAxNjUgMjguNjQxNSAxNC43Nzc4WiIKICAgICAgICAgIGZpbGw9IiNERDYzNkUiLz4KICAgIDxwYXRoIGQ9Ik0yOS4xNjE3IDExLjI3NTRMMjQuNzAyNSA2LjEzMTIzSDIyLjI4OEwyNi43NDcyIDExLjI3NTRDMjcuNjgzNyAxMi4zNTU3IDI3LjQzNjkgMTQuMDE2NSAyNi4yMjY5IDE0Ljc3NzlMMjQuNDUzNSAxNS44OTM2TDI0LjgzNCAxNi43Mjc4QzI0LjkxNzYgMTYuOTExMSAyNS4xNDM2IDE2Ljk3ODYgMjUuMzE0IDE2Ljg3MTRMMjguNjQxMyAxNC43Nzc5QzI5Ljg1MTQgMTQuMDE2NSAzMC4wOTgyIDEyLjM1NTcgMjkuMTYxNyAxMS4yNzU0WiIKICAgICAgICAgIGZpbGw9IiNEQTRBNTQiLz4KICAgIDxwYXRoIGQ9Ik0xMS4zNTg2IDE0Ljc3NzhMMTQuNjg1OSAxNi44NzEzQzE0Ljg1NjMgMTYuOTc4NiAxNS4wODIzIDE2LjkxMSAxNS4xNjU5IDE2LjcyNzdMMjAgNi4xMzEyM0gxNS4yOTc0TDEwLjgzODEgMTEuMjc1NEM5LjkwMTczIDEyLjM1NTcgMTAuMTQ4NSAxNC4wMTY1IDExLjM1ODYgMTQuNzc3OFoiCiAgICAgICAgICBmaWxsPSIjREQ2MzZFIi8+CiAgICA8cGF0aCBkPSJNMTcuNTg1NyA2LjEzMTIzTDEzLjEzMjEgMTUuODkzNkwxNC42ODYgMTYuODcxM0MxNC44NTY1IDE2Ljk3ODYgMTUuMDgyNCAxNi45MTEgMTUuMTY2IDE2LjcyNzdMMjAuMDAwMSA2LjEzMTIzSDE3LjU4NTdaIgogICAgICAgICAgZmlsbD0iI0RBNEE1NCIvPgo8L3N2Zz4K);
  background-size: contain;
  background-position: center;
}
.AccountDiscountBlock--Mobile .AccountDiscountBlock__icon {
  width: 11.11111111111111vw;
  height: 11.11111111111111vw;
}
.AccountDiscountBlock__textBlock {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #12152a;
}
.AccountDiscountBlock--Mobile .AccountDiscountBlock__textBlock {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #12152a;
}
.AccountDiscountBlock__title {
  font-weight: 600;
}
.AccountDiscountBlock__price {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #00a455;
  font-weight: 600;
}
.AccountDiscountBlock--Mobile .AccountDiscountBlock__price {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #00a455;
  font-weight: 600;
}

.ReviewSettings {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-template-rows: 100%;
  overflow: hidden;
}
.ReviewSettings__left {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  overflow: auto;
  grid-row-gap: 26px;
}
.ReviewSettings__right {
  padding: 0 40px;
}
.ReviewSettings__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.ReviewSettings__visualEditor {
  width: 360px;
}
.ReviewSettings__links {
  display: grid;
  grid-template-columns: 1fr 1fr -webkit-max-content -webkit-max-content;
  grid-template-columns: 1fr 1fr max-content max-content;
  grid-column-gap: 26px;
  grid-row-gap: 22px;
}
.ReviewSettings__input {
  width: 100%;
}
.ReviewSettings__settingsBlock {
  width: 100%;
}

.AccountReviewModal {
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-template-columns: 100%;
  grid-row-gap: 10px;
  width: 360px;
  padding: 40px 26px;
  font-size: 15px;
  line-height: 20px;
}
.AccountReviewModal--Mobile {
  font-size: 4.166666666666667vw;
  line-height: 5.555555555555555vw;
  grid-row-gap: 2.777777777777778vw;
  padding: 2.777777777777778vw 5.555555555555555vw;
  width: 100%;
}
.AccountReviewModal__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
}
.AccountReviewModal--Mobile .AccountReviewModal__title {
  margin-top: 2.777777777777778vw;
  font-size: 6.666666666666667vw;
  line-height: 8.333333333333334vw;
}
.AccountReviewModal__stars {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  margin-top: 30px;
}
.AccountReviewModal--Mobile .AccountReviewModal__stars {
  margin-top: 8.333333333333334vw;
  margin-bottom: 8.333333333333334vw;
}
.AccountReviewModal__starButton {
  width: 60px;
  height: 60px;
  padding: 0;
}
.AccountReviewModal--Mobile .AccountReviewModal__starButton {
  width: 16.666666666666668vw;
  height: 16.666666666666668vw;
}
.AccountReviewModal__starButton .AccountReviewModal__starButton__icon.AccountReviewModal__starButton__iconForce.AccountReviewModal__starButton__iconForce2 {
  width: 52px;
  height: 52px;
}
.AccountReviewModal--Mobile.AccountReviewModal .AccountReviewModal__starButton .AccountReviewModal__starButton__icon.AccountReviewModal__starButton__iconForce.AccountReviewModal__starButton__iconForce2 {
  width: 14.444444444444445vw;
  height: 14.444444444444445vw;
}
.AccountReviewModal__starButton .AccountReviewModal__starButton__icon {
  color: #d3d1dc;
}
.AccountReviewModal__starButton .AccountReviewModal__starButton__icon--active {
  color: #fdc36d;
}
.AccountReviewModal__introText {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.AccountReviewModal--Mobile .AccountReviewModal__introText {
  font-size: 15px;
  line-height: 20px;
  width: 320px;
}
.AccountReviewModal__introText img {
  max-width: 100%;
}
.AccountReviewModal__thanksText {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.AccountReviewModal--Mobile .AccountReviewModal__thanksText {
  font-size: 6.666666666666667vw;
  line-height: 8.333333333333334vw;
  margin-bottom: 8.333333333333334vw;
}
.AccountReviewModal__continueButton {
  width: 100%;
  height: 56px;
}
.AccountReviewModal--Mobile .AccountReviewModal__continueButton {
  height: 15.555555555555555vw;
}
.AccountReviewModal__submitButton {
  width: 100%;
  height: 56px;
  background-color: #ff7323;
  margin-top: 30px;
}
.AccountReviewModal--Mobile .AccountReviewModal__submitButton {
  height: 15.555555555555555vw;
  margin-top: 8.333333333333334vw;
}
.AccountReviewModal__submitButton:hover {
  background-color: #ff7323;
}
.AccountReviewModal__submitButton--disabled {
  background-color: #d3d1dc;
  color: #fff;
}
.AccountReviewModal__link {
  border-radius: 8px;
  width: 100%;
  height: 56px;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  color: #fff;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  margin-bottom: 20px;
}
.AccountReviewModal--Mobile .AccountReviewModal__link {
  height: 15.555555555555555vw;
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
  border-radius: 2.222222222222222vw;
  margin-bottom: 5.555555555555555vw;
}
.AccountReviewModal__link__icon {
  position: absolute;
  right: 20px;
}
.AccountReviewModal--Mobile .AccountReviewModal__link__icon {
  right: 5.555555555555555vw;
}
.AccountReviewModal__textArea {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
}
.AccountReviewModal--Mobile .AccountReviewModal__textArea {
  margin-bottom: 5.555555555555555vw;
}

.ReviewDashboard {
  width: 100%;
  background-color: #fff;
}
.ReviewDashboard__header {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  grid-auto-flow: column;
  background-color: #f8f8f9;
  padding: 0 25px;
}
.ReviewDashboard__star {
  width: 18px;
  height: 18px;
  color: #d3d1dd;
}
.ReviewDashboard__star--active {
  color: #f8c662;
  margin-right: 2px;
}
.ReviewDashboard__table__feedback {
  padding: 38px 34px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
.ReviewDashboard__table__dropdownIcon {
  color: #00a455;
}
.ReviewDashboard__table__dropdown {
  border-bottom: 1px solid #e8e8ea;
}
.ReviewDashboard__table__dropdownHeader {
  height: 48px;
  border-bottom: none;
}
.ReviewDashboard__table__row {
  display: grid;
  grid-template-columns: 1fr 2fr 3fr 2fr 2fr 2fr;
  height: 48px;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-column-gap: 40px;
  padding: 0 25px;
}
.ReviewDashboard__table__row--header {
  background-color: #f8f8f9;
  padding-right: 40px;
}
.ReviewDashboard__table__cell {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
}
.ReviewDashboard__table__cell--link {
  cursor: pointer;
}
.ReviewDashboard__table__cell--link:hover {
  text-decoration: underline;
}
.ReviewDashboard__table__cell--showReview {
  color: #00a455;
  font-weight: 500;
  font-size: 14px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ReviewDashboard__table__cell--header {
  font-size: 12px;
  color: #71737f;
  font-weight: 500;
}

.DateRangePicker {
  display: grid;
  height: 34px;
  grid-template-rows: 100%;
  grid-auto-columns: 1fr -webkit-max-content 1fr;
  grid-auto-columns: 1fr max-content 1fr;
  grid-auto-flow: column;
  grid-gap: 14px;
}
.DateRangePicker--Mobile {
  height: 9.444444444444445vw;
  grid-gap: 3.888888888888889vw;
}
.DateRangePicker--noDefis {
  grid-gap: 0;
}
.DateRangePicker__input {
  width: 120px;
  cursor: pointer;
}
.DateRangePicker--Mobile .DateRangePicker__input {
  width: 30.555555555555557vw;
}
.DateRangePicker__input--focused.DateRangePicker__input--left {
  z-index: 1;
}
.DateRangePicker__input--left .DateRangePicker__input__field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.DateRangePicker__input--right .DateRangePicker__input__field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: translateX(-1px);
          transform: translateX(-1px);
}
.DateRangePicker--Mobile .DateRangePicker__input--right .DateRangePicker__input__field {
  -webkit-transform: translateX(-0.277777777777778vw);
          transform: translateX(-0.277777777777778vw);
}
.DateRangePicker__inputCross {
  width: 12px;
  height: 12px;
}
.DateRangePicker--Mobile .DateRangePicker__inputCross {
  width: 3.333333333333333vw;
  height: 3.333333333333333vw;
}
.DateRangePicker__separator {
  line-height: 34px;
  text-align: center;
}
.DateRangePicker--Mobile .DateRangePicker__separator {
  line-height: 9.444444444444445vw;
}
.DateRangePicker__clearBtn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy41MzMiIGhlaWdodD0iMjcuNTMzIiB2aWV3Qm94PSIwIDAgMjcuNTMzIDI3LjUzMyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTt9LmJ7ZmlsbDojNGQ0ZjVjO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzU1IC01MCkiPjxyZWN0IGNsYXNzPSJhIiB3aWR0aD0iMjcuNTMzIiBoZWlnaHQ9IjI3LjUzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU1IDUwKSIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNOC4zMTgsMTcuNVYxMC4wMzhILjg2YS44Ni44NiwwLDAsMSwwLTEuNzIxSDguMzE4Vi44NmEuODYuODYsMCwxLDEsMS43MjEsMFY4LjMxN0gxNy41YS44Ni44NiwwLDEsMSwwLDEuNzIxSDEwLjAzOVYxNy41YS44Ni44NiwwLDEsMS0xLjcyMSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY4Ljc2NyA1MC43ODcpIHJvdGF0ZSg0NSkiLz48L2c+PC9zdmc+);
  background-position: center;
  cursor: pointer;
  width: 30px;
  height: 100%;
  justify-self: flex-end;
}
.DateRangePicker--Mobile .DateRangePicker__clearBtn {
  width: 8.333333333333334vw;
}

.Pagination {
  display: grid;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f4f6;
  color: #71737f;
  padding: 10px 0;
}
.Pagination--Mobile {
  color: #71737f;
  padding: 2.777777777777778vw 3.333333333333333vw;
}

.ChatBotIntegrationSettings .ChatBotIntegrationSettings__IconWithTextImageBlock {
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
}
.ChatBotIntegrationSettings .ChatBotIntegrationSettings__IconWithTextImageBlock__text {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.ChatBotIntegrationSettings__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.CodeBlock-module__CodeBlock--yOKN8 {
  display: unset;
}
.CodeBlock-module__CodeBlock__textArea--vTzFO {
  width: 100%;
  margin-top: 16px;
  background-color: #f2f4f6;
  color: #71737f;
}

.EmployeeDetails {
  display: grid;
  gap: 16px;
  margin-top: -20px;
}
.EmployeeDetails__idAndCreated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #71737f;
  gap: 9px;
}
.EmployeeDetails__idAndCreated__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  gap: 9px;
}
.EmployeeDetails__idAndCreated__block__label {
  color: #71737f;
}
.EmployeeDetails__body {
  display: grid;
  grid-template-columns: 6fr 4fr;
  grid-template-rows: 100%;
  gap: 65px;
}
.EmployeeDetails__body .ImagePreLoader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 310px;
  height: 278px;
  padding-left: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}
.EmployeeDetails__body__inputs {
  display: grid;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EmployeeDetails__body__input {
  display: grid;
  grid-template-columns: 4fr 6fr;
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EmployeeDetails__body__input .Input,
.EmployeeDetails__body__input .SelectList {
  width: 100%;
}
.EmployeeDetails__body__input .IconWithText {
  color: #a0a1aa;
}

.AdditionalDetails {
  display: grid;
  gap: 16px;
}
.AdditionalDetails__idAndCreated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #71737f;
  gap: 9px;
}
.AdditionalDetails__idAndCreated__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  gap: 9px;
}
.AdditionalDetails__idAndCreated__block__label {
  color: #71737f;
}
.AdditionalDetails__body {
  display: grid;
  grid-template-columns: 6fr 4fr;
  grid-template-rows: 100%;
  gap: 65px;
}
.AdditionalDetails__body .ImagePreLoader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 310px;
  height: 278px;
  padding-left: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}
.AdditionalDetails__body__inputs {
  display: grid;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AdditionalDetails__body__input {
  display: grid;
  grid-template-columns: 4fr 6fr;
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AdditionalDetails__body__input .Input,
.AdditionalDetails__body__input .DatePicker {
  width: 100%;
}
.AdditionalDetails__body__input .DateRangePicker {
  grid-template-columns: 1fr -webkit-min-content 1fr;
  grid-template-columns: 1fr min-content 1fr;
}
.AdditionalDetails__body__input .IconWithText {
  color: #a0a1aa;
}

.EmailSignature__visualEditorBlock {
  width: 753px;
}

.UserSmtpSettings {
  width: 753px;
}

.AutoAssignmentSettings {
  padding: 30px;
}
.AutoAssignmentSettings__title {
  padding-bottom: 30px;
}
.AutoAssignmentSettings__row {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-column-gap: 25px;
  padding-bottom: 16px;
}

.EditUser {
  position: absolute;
  top: 70px;
  left: 64px;
  width: 100%;
  height: 100%;
  border-top-left-radius: 15px;
  overflow: hidden;
  z-index: 3;
  display: grid;
  width: calc(100% - 64px);
  height: calc(100% - 70px);
  overflow: hidden;
  grid-template-rows: 100%;
  grid-template-columns: 290px auto;
  border-top-left-radius: 15px;
}
.EditUser__leftColumn {
  background-color: #fff;
}
.EditUser__leftColumn__tabs {
  padding: 16px 20px 0;
}
.EditUser__leftColumn__editUser {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e8e8ea;
  padding: 16px 20px;
}
.EditUser__leftColumn__editUser__data {
  display: grid;
  gap: 4px;
}
.EditUser__leftColumn__editUser__data__value {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #00a455;
}
.EditUser__leftColumn__editUser__data__label {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.EditUser__leftColumn__editUser .Button {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}
.EditUser__rightColumn {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f2f4f6;
  overflow-y: auto;
}
.EditUser__rightColumn__body {
  padding: 32px;
  display: grid;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
.EditUser__rightColumn__body .SettingsBlock {
  width: auto;
  min-width: 850px;
}

.UserGoogleCalendarSettings__statusesList {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 12px;
  grid-row-gap: 9px;
  justify-items: start;
}
.UserGoogleCalendarSettings__emailInput {
  max-width: 600px;
}
.UserGoogleCalendarSettings__statusesTitle {
  -ms-flex-item-align: start;
      align-self: start;
  margin-top: 3px;
}
.UserGoogleCalendarSettings .Settings__settingName {
  min-width: 200px;
}

.PermissionsSettings__marginBottom {
  margin-bottom: 16px;
}
.PermissionsSettings .TabPane__views {
  padding: 30px;
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 16px;
}

.RatesAndCommissionsSettings {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 25px;
}
.RatesAndCommissionsSettings__moverTable {
  display: grid;
  grid-template-columns: 205px 100px;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 21px;
  grid-column-gap: 21px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RatesAndCommissionsSettings__moverTable__title {
  color: #71737f;
}
.RatesAndCommissionsSettings__table {
  display: grid;
  grid-template-columns: 300px 105px;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RatesAndCommissionsSettings__table__input {
  width: 100%;
}
.RatesAndCommissionsSettings__table__title {
  color: #71737f;
  margin-top: 14px;
}

.UserList {
  background-color: #f2f4f6;
  padding: 0 16px;
  width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  position: relative;
}
.UserList__filterSvg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
.UserList__table {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content min-content auto min-content;
  position: relative;
}
.UserList__addUser {
  text-decoration: none;
  padding: 25px 0;
}
.UserList__switcher {
  border-top: 1px solid #e8e8ea;
  background: #fff;
  border-top-right-radius: 8px;
  padding: 20px;
  z-index: 1;
}
.UserList__header {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 1fr;
  grid-template-rows: 100%;
  gap: 16px;
  padding: 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #a0a1aa;
  background-color: #f2f4f6;
}
.UserList__tabs {
  height: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.UserList__tabs__tab {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  cursor: pointer;
  max-width: 270px;
  background-color: #f9f9f9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ebedef;
  border-bottom: none;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UserList__tabs__tab--hidden {
  display: none;
}
.UserList__tabs__tab:before {
  content: '';
  position: absolute;
  height: 126%;
  width: 40px;
  top: -3px;
  right: 3px;
  max-width: 270px;
  background-color: inherit;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-right: 1px solid #ebedef;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  z-index: -1;
}
.UserList__tabs__tab--active {
  background-color: #fff;
  -webkit-filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
          filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
}
.UserList__tabs__tab__count {
  font-size: 11px;
  color: #fff;
  padding: 0 4px;
  font-weight: 700;
  border-radius: 9px;
}
.UserList__tabs__tab__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-left: 5px;
  margin-right: 9px;
}
.UserList__row {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 1fr;
  grid-template-rows: 100%;
  gap: 16px;
  border-bottom: 1px solid #e8e8ea;
  padding: 16px 16px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}
.UserList__row:last-child {
  border-color: transparent;
}
.UserList__row__buttons {
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content;
  grid-template-rows: 100%;
  gap: 9px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.UserList__row__avatar {
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-template-rows: 100%;
  gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 9px;
  margin: -9px;
}
.UserList__row__avatar .UserInitialsAvatar {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

.DepartmentSettings {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.RatesAutomation {
  display: grid;
  gap: 16px;
  grid-template-columns: 311px 1fr;
  height: 100%;
  width: 100%;
  padding-bottom: 25px;
}
.RatesAutomation__right {
  top: 20px;
  height: 80vh;
  position: sticky;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  gap: 30px;
  overflow: hidden;
}
.RatesAutomation__topButtons {
  justify-self: end;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.RatesAutomation__topButtons--show {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.RatesAutomation--primary {
  color: #00a455;
}
.RatesAutomation--negative {
  color: #ee4b19;
}
.RatesAutomation__stateSettings {
  display: grid;
  gap: 16px;
}
.RatesAutomation__stateSettings__header {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  gap: 16px;
  padding: 0 15px;
}
.RatesAutomation__stateSettings__body {
  display: grid;
  gap: 16px;
}
.RatesAutomation__stateSettings__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 16px;
  line-height: 17px;
}
.RatesAutomation__selectStateBlock {
  display: grid;
  grid-template-columns: 39px 1fr;
  height: 100%;
  grid-template-rows: 100%;
  gap: 11px;
}
.RatesAutomation__selectStateBlock__icon {
  justify-self: center;
}
.RatesAutomation__selectStateBlock__icon__content {
  padding-top: 15px;
  display: grid;
  grid-auto-rows: 14px;
  text-align: center;
}
.RatesAutomation__selectStateBlock__icon__content__bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}
.RatesAutomation__selectStateBlock__icon .SvgIcon {
  margin: auto;
  width: 14px;
  height: 14px;
}
.RatesAutomation__selectStateBlock__data {
  display: grid;
  grid-auto-columns: 100%;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  gap: 11px;
  padding-bottom: 25px;
}
.RatesAutomation__selectStateBlock__data__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.RatesAutomation__selectStateBlock__data__name .SelectList {
  width: 100%;
}
.RatesAutomation__selectStateBlock__data__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 16px;
  line-height: 17px;
}
.RatesAutomation__selectStateBlock__dots {
  background: radial-gradient(circle closest-corner, #e8e8ea 2px, transparent 2px);
  background-size: 14px 14px;
  background-repeat: repeat-y;
  background-position: left top;
  height: 100%;
  width: 14px;
  justify-self: center;
}
.RatesAutomation__params {
  position: relative;
}
.RatesAutomation__params__header {
  background: #fff;
  padding: 25px 25px 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.RatesAutomation__params__body {
  min-height: 180px;
  position: relative;
  display: grid;
  background: #fff;
  z-index: 1;
  padding: 25px 10px 0;
  gap: 16px;
}
.RatesAutomation__params__separator {
  width: 100%;
  height: 24px;
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
}
.RatesAutomation--Mobile .RatesAutomation__params__separator {
  height: 6.666666666666667vw;
}
.RatesAutomation__params__separator__inner {
  background-color: #fff;
}
.RatesAutomation__params__separator__inner__line {
  border-bottom: 1px dashed #e8e8ea;
  width: 100%;
  height: 50%;
}
.RatesAutomation--Mobile .RatesAutomation__params__separator__inner__line {
  border-bottom: 0.277777777777778vw dashed #e8e8ea;
}
.RatesAutomation__params__separator__svg {
  width: 12px;
  height: 24px;
}
.RatesAutomation--Mobile .RatesAutomation__params__separator__svg {
  width: 3.333333333333333vw;
  height: 6.666666666666667vw;
}
.RatesAutomation__params__separator__svg--left {
  -webkit-transform: rotaBte(180deg);
          transform: rotaBte(180deg);
}
.RatesAutomation__params__bottomSvg {
  z-index: -1;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: -16px;
  left: 0;
}

.SettingsOnMap {
  width: 100%;
  overflow: hidden;
}
.SettingsOnMap__map {
  width: 100%;
}
.SettingsOnMap__state--0 {
  fill: #ccd0dd;
}
.SettingsOnMap__state--1 {
  fill: #00a455;
}
.SettingsOnMap__state--2 {
  fill: #ee4b19;
}
.SettingsOnMap__state--3 {
  fill: #698fff;
}
.SettingsOnMap__state__land:hover {
  opacity: 0.8;
}
.SettingsOnMap__state__letters {
  fill: #fff;
}
.SettingsOnMap__state__letters--textOutside0 {
  fill: #ccd0dd;
}
.SettingsOnMap__state__letters--textOutside1 {
  fill: #00a455;
}
.SettingsOnMap__state__letters--textOutside2 {
  fill: #ee4b19;
}
.SettingsOnMap__state__letters--textOutside3 {
  fill: #698fff;
}
.SettingsOnMap .canada-map {
  width: 100%;
  height: 100%;
  display: block;
}

.UnitedKingdomMap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.UnitedKingdomMap__state--0 {
  fill: #ccd0dd;
}
.UnitedKingdomMap__state--1 {
  fill: #00a455;
}
.UnitedKingdomMap__state--2 {
  fill: #ee4b19;
}
.UnitedKingdomMap__state--3 {
  fill: #698fff;
}
.UnitedKingdomMap__state__land:hover {
  opacity: 0.8;
}
.UnitedKingdomMap__state__letters {
  fill: #fff;
}
.UnitedKingdomMap__state__letters--textOutside0 {
  fill: #ccd0dd;
}
.UnitedKingdomMap__state__letters--textOutside1 {
  fill: #00a455;
}
.UnitedKingdomMap__state__letters--textOutside2 {
  fill: #ee4b19;
}
.UnitedKingdomMap__state__letters--textOutside3 {
  fill: #698fff;
}

.FranceMap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.FranceMap__state--0 {
  fill: #ccd0dd;
}
.FranceMap__state--1 {
  fill: #00a455;
}
.FranceMap__state--2 {
  fill: #ee4b19;
}
.FranceMap__state--3 {
  fill: #698fff;
}
.FranceMap__state__land:hover {
  opacity: 0.8;
}
.FranceMap__state__letters {
  fill: #fff;
}
.FranceMap__state__letters--textOutside0 {
  fill: #ccd0dd;
}
.FranceMap__state__letters--textOutside1 {
  fill: #00a455;
}
.FranceMap__state__letters--textOutside2 {
  fill: #ee4b19;
}
.FranceMap__state__letters--textOutside3 {
  fill: #698fff;
}

.RatesAutomations {
  display: grid;
  gap: 16px;
  background: #f2f4f6;
  border-radius: 8px;
  padding: 0 15px;
}
.RatesAutomations__iconInHeader {
  display: grid;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
}
.RatesAutomations .DropdownPanel__header {
  padding: 0;
  border-bottom: 0;
}
.RatesAutomations .DropdownPanel__header__button {
  display: none;
}
.RatesAutomations .DropdownPanel__header__title .RatesAutomations__iconInHeader .SvgIcon {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  color: #a0a1aa;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.RatesAutomations .DropdownPanel__header--visible .DropdownPanel__header__title .SvgIcon,
.RatesAutomations .DropdownPanel__header--visible .RatesAutomations__iconInHeader .SvgIcon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.RatesAutomations .DropdownPanel__content__wrapper {
  display: grid;
  gap: 16px;
}
.RatesAutomations__inputBlock {
  display: grid;
  gap: 6px;
}
.RatesAutomations__inputBlock .Input {
  width: 100%;
}
.RatesAutomations__inputBlock__label {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
  white-space: nowrap;
}
.RatesAutomations__row {
  display: grid;
  grid-template-columns: 1fr 1fr -webkit-min-content;
  grid-template-columns: 1fr 1fr min-content;
  gap: 21px;
}
.RatesAutomations__row .Button {
  -ms-flex-item-align: end;
      align-self: end;
}

.InputsBlock {
  display: grid;
  gap: 16px;
  padding: 0 15px;
}
.InputsBlock__item {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 90px;
}
.InputsBlock__item .Input {
  width: 100%;
}
.InputsBlock__label {
  -ms-flex-item-align: center;
      align-self: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}

.BasicSettings {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 25px;
}

.ExtraFee {
  display: grid;
  margin-top: -20px;
  gap: 25px;
}
.ExtraFee--textPrimary {
  color: #00a455;
}
.ExtraFee__info {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}
.ExtraFee__section {
  display: grid;
  gap: 16px;
}
.ExtraFee__section__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
.ExtraFee .SvgIcon {
  justify-self: right;
  width: 10px;
  height: 10px;
}
.ExtraFee .Input {
  width: 100%;
}
.ExtraFee__doubleInputsLine {
  display: grid;
  grid-template-columns: 18px -webkit-max-content 70px -webkit-max-content 70px;
  grid-template-columns: 18px max-content 70px max-content 70px;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ExtraFee__singleInputLine {
  display: grid;
  grid-template-columns: 18px -webkit-max-content 70px -webkit-max-content;
  grid-template-columns: 18px max-content 70px max-content;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ImportSettings {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  height: 100%;
  overflow: hidden;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.ImportSettings__blockWithTitle {
  min-width: 200px;
}
.ImportSettings__row {
  width: 100%;
  overflow: auto;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 16px;
  grid-auto-flow: column;
}
.ImportSettings__tableContainer {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.UserSelectorSelectedValue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
}
.UserSelectorSelectedValue--Mobile {
  gap: 2.777777777777778vw;
}
.UserSelectorSelectedValue--disabled {
  pointer-events: none;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  color: #71737f;
}
.UserSelectorSelectedValue__userInitialsAvatar {
  width: 28px;
  height: 28px;
  font-size: 10px;
}
.UserSelectorSelectedValue--Mobile .UserSelectorSelectedValue__userInitialsAvatar {
  width: 7.777777777777778vw;
  height: 7.777777777777778vw;
  font-size: 2.777777777777778vw;
}

.ManagerSelector--smallPreview {
  cursor: pointer;
  display: grid;
  gap: 16px;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ManagerSelector--smallPreview:hover {
  color: #00a455;
}
.ManagerSelector--Mobile .ManagerSelector--smallPreview {
  gap: 4.444444444444445vw;
}
.ManagerSelector--block {
  display: grid;
  grid-template-columns: 40px auto;
  grid-auto-columns: minmax(32px, -webkit-max-content);
  grid-auto-columns: minmax(32px, max-content);
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 4.5px 16px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
  overflow: hidden;
}
.ManagerSelector--Mobile.ManagerSelector--block {
  grid-template-columns: 11.11111111111111vw auto;
  grid-auto-columns: minmax(8.88888888888889vw, -webkit-max-content);
  grid-auto-columns: minmax(8.88888888888889vw, max-content);
  grid-gap: 4.444444444444445vw;
  padding: 1.25vw 4.444444444444445vw;
}
.ManagerSelector--disabled {
  pointer-events: none;
}
.ManagerSelector__userText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.ManagerSelector--Mobile .ManagerSelector__userText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
}
.ManagerSelector__editIcon {
  font-size: 18px;
  position: relative;
  color: #00a455;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ManagerSelector--Mobile .ManagerSelector__editIcon {
  font-size: 5vw;
  -webkit-transform: translateX(16.666666666666668vw);
          transform: translateX(16.666666666666668vw);
}
.ManagerSelector:hover .ManagerSelector__editIcon {
  cursor: pointer;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.ManagerSelector__boldLinkText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
}
.ManagerSelector--Mobile .ManagerSelector__boldLinkText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
}
.ManagerSelector__userName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ManagerSelector--Mobile .ManagerSelector__userName {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.ManagerSelector__column {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 4px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #71737f;
}
.ManagerSelector--Mobile .ManagerSelector__column {
  grid-gap: 1.111111111111111vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
}
.EditManager {
  display: grid;
  width: 100%;
  height: 237px;
  overflow-y: auto;
}
.EditManager--Mobile {
  height: unset;
}
.EditManager__list__user {
  display: grid;
  grid-template-columns: 44px auto -webkit-min-content;
  grid-template-columns: 44px auto min-content;
  grid-template-rows: 100%;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px;
  background: transparent;
}
.EditManager--Mobile .EditManager__list__user {
  grid-template-columns: 12.222222222222221vw auto -webkit-min-content;
  grid-template-columns: 12.222222222222221vw auto min-content;
  gap: 6.944444444444445vw;
  padding: 2.5vw;
}
.EditManager__list__user:hover {
  background: #f2f4f6;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.EditManager__list__user__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.EditManager--Mobile .EditManager__list__user__name {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.EditManager__list__user__UserInitialsAvatar {
  width: 28px;
  height: 28px;
  font-size: 10px;
}
.EditManager--Mobile .EditManager__list__user__UserInitialsAvatar {
  width: 7.777777777777778vw;
  height: 7.777777777777778vw;
  font-size: 2.777777777777778vw;
}
.EditManager__modal {
  width: 300px;
}
.EditManager__modal .SettingsBlock__body {
  padding: 0;
}

.VariablesLogs {
  width: 100%;
  height: 100%;
  position: relative;
  display: grid;
  grid-template-rows: 100%;
  overflow: scroll;
  padding-top: 20px;
}
.VariablesLogs--inlineBlock {
  display: inline-block;
}
.VariablesLogs__creator {
  margin: 20px;
  margin-bottom: 5px;
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.VariablesLogs__creator .Input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 5px;
}
.VariablesLogs__log {
  width: 100%;
  margin-bottom: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.VariablesLogs__log__left {
  width: 100px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.VariablesLogs__log__right {
  width: 100%;
  margin-left: 75px;
  color: #71737f;
}
.VariablesLogs__log__right__bodyWrapper {
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  padding: 16px;
  display: grid;
  gap: 4px;
}
.VariablesLogs__log__dots {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzgiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDEwMCAxMDAiCiAgIGhlaWdodD0iMTAwIgogICB3aWR0aD0iMTAwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJkb3RzLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi4zICgyNDA1NTQ2LCAyMDE4LTAzLTExKSI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjQiCiAgICAgaWQ9Im5hbWVkdmlldzg1MCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iNC43MiIKICAgICBpbmtzY2FwZTpjeD0iNDAuMzQ3NDIxIgogICAgIGlua3NjYXBlOmN5PSI1Mi40Mjg2NzUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc4IiAvPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxjaXJjbGUKICAgICBzdHlsZT0iZmlsbDojNzA3MDcwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjU4ODUyODY5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6bm9ybWFsIgogICAgIGlkPSJwYXRoMTM5OSIKICAgICBjeD0iNTAiCiAgICAgY3k9IjUwIgogICAgIHI9IjEwIiAvPgo8L3N2Zz4K);
  background-position: left;
  background-position-y: 8px;
  background-position-x: 40px;
  background-repeat: repeat-y;
  background-size: 20px;
}
.VariablesLogs__log__type {
  width: 100px;
  height: 40px;
  background-size: 20px;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.VariablesLogs__log__type__circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f2f4f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.VariablesLogs__log__type__circle--colorPrimary {
  background: #00a455;
}
.VariablesLogs__log__type__circle--warning {
  background: #fd9909;
}
.VariablesLogs__log__type__circle__icon {
  color: #a0a1aa;
}
.VariablesLogs__log__type__circle__icon--colorPanel {
  color: #fff;
}
.VariablesLogs__log__paper {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  padding-left: 20px;
  cursor: pointer;
  transition: -webkit-box-shadow 0.25s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
}
.VariablesLogs__log__paper .DropdownPanel__header {
  border-bottom: none;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-right: 0;
}
.VariablesLogs__log__paper .DropdownPanel__header__button {
  border: 1px solid #71737f;
  border-radius: 50%;
  padding: 4px;
  font-size: 19px;
}
.VariablesLogs__log__paper .DropdownPanel__header__button--rotated {
  border-color: #00a455;
  color: #00a455;
}
.VariablesLogs__log__paper .DropdownPanel__content__wrapper {
  padding: 20px;
}
.VariablesLogs__log__body {
  width: 100%;
}
.VariablesLogs__log__header {
  display: grid;
  gap: 4px;
  line-height: 20px;
  padding: 8px 0;
}
.VariablesLogs__log__date {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
}
.VariablesLogs__log__date__oneDot {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzgiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDEwMCAxMDAiCiAgIGhlaWdodD0iMTAwIgogICB3aWR0aD0iMTAwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJkb3RzLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi4zICgyNDA1NTQ2LCAyMDE4LTAzLTExKSI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjQiCiAgICAgaWQ9Im5hbWVkdmlldzg1MCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iNC43MiIKICAgICBpbmtzY2FwZTpjeD0iNDAuMzQ3NDIxIgogICAgIGlua3NjYXBlOmN5PSI1Mi40Mjg2NzUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc4IiAvPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxjaXJjbGUKICAgICBzdHlsZT0iZmlsbDojNzA3MDcwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjU4ODUyODY5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6bm9ybWFsIgogICAgIGlkPSJwYXRoMTM5OSIKICAgICBjeD0iNTAiCiAgICAgY3k9IjUwIgogICAgIHI9IjEwIiAvPgo8L3N2Zz4K);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 20px;
}
.VariablesLogs__log__date__primary {
  color: #00a455;
}
.VariablesLogs__log__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.JsonViewer {
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.JsonViewer__row {
  width: 100%;
  display: inline-block;
}
.JsonViewer__row__fieldname {
  float: left;
}
.JsonViewer__row__value {
  float: left;
}
.JsonViewer__row__nextLevel__title {
  width: 100%;
}
.JsonViewer__row__nextLevel__value {
  padding: 4px 20px;
}
.LogBody {
  display: grid;
  gap: 12px;
}
.LogBody--primary {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #00a455;
}
.LogBody--negative {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #ee4b19;
}
.LogBody__block {
  line-height: 20px;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content auto;
  grid-template-columns: max-content max-content auto;
}
.LogBody__block--expanded {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.LogBody__block__title {
  display: inline-block;
  margin-right: 11px;
}
.LogBody__block__title--bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.LogBody__block__body {
  display: inline-block;
  margin-right: 11px;
}
.LogBody__block__body--expanded {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 100%;
}
.LogBody__block .SvgIcon {
  font-size: 14px;
  display: inline-block;
  color: #00a455;
  margin-right: 11px;
  margin-top: 3px;
  line-height: 20px;
}
.LogBody .JsonViewer {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}

.DeveloperPanelSettings__noScroll {
  overflow: hidden;
}
.DeveloperPanelSettings__bodyForLogs {
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  grid-auto-rows: 100%;
}

.SettingsFirstLevel {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 245px auto;
  background-color: #252946;
}
.SettingsFirstLevel--minimized {
  grid-template-columns: 80px auto;
}
.SettingsFirstLevel--hiddenNav {
  grid-template-columns: 100%;
}
.SettingsFirstLevel__navButtons {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 16px;
  padding-right: 16px;
  padding-top: 16px;
}
.SettingsFirstLevel--hiddenNav .SettingsFirstLevel__navButtons {
  display: none;
}
.SettingsFirstLevel__body {
  background-color: #fff;
  border-top-left-radius: 15px;
  overflow: hidden;
}

.SettingsFirstLevelTabButton {
  width: 100%;
  height: 54px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-column-gap: 16px;
  padding: 0 16px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.SettingsFirstLevelTabButton--selected {
  background-color: #12152a;
}
.SettingsFirstLevelTabButton__iconPlace {
  width: 40px;
  height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.SettingsFirstLevelTabButton__background {
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: contain;
}
.SettingsFirstLevelTabButton__icon {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  position: absolute;
}
.SettingsFirstLevelTabButton__text {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

.GoogleCalendarSettings__colorSelectListOption {
  padding: 7px;
}
.GoogleCalendarSettings__colorSelectListOption__label {
  color: #fff;
  text-shadow: 0 0 3px #000;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Rubik';
}
.GoogleCalendarSettings__colorSelectList.SelectList {
  width: 300px;
}
.GoogleCalendarSettings__colorSelectList.SelectList .SelectList__selectedValue {
  padding-left: 0;
}
.GoogleCalendarSettings__colorSelectListOptions .SelectList__options__row {
  padding: 0;
}
.GoogleCalendarSettings__colorSelectListOptions .GoogleCalendarSettings__colorSelectListOption {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.GoogleCalendarSettings__colorSelectListOptions .GoogleCalendarSettings__colorSelectListOption__label {
  color: #fff;
  text-shadow: 0 0 3px #000;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Rubik';
}

.VerizonStoragesSettings {
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
}

.VerizonMap-module__ModalInstance--5KtW1.VerizonMap-module__VerizonMapModal--idBW2 {
  height: 100%;
}
.VerizonMap-module__VerizonMap--eA\+Ea {
  width: 100%;
  height: 100%;
  position: relative;
}
.VerizonMap-module__VerizonMap__modal--990I2 {
  height: 100%;
}
.VerizonMap-module__VerizonMap__container--WEgvy {
  width: 100%;
  height: 100%;
}
.VerizonMap-module__VerizonMap__liveIcon--c73Qz {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  color: #ff4500;
  -webkit-animation: VerizonMap-module__live--OpCGJ 1s alternate ease-in infinite;
          animation: VerizonMap-module__live--OpCGJ 1s alternate ease-in infinite;
}
@-webkit-keyframes VerizonMap-module__live--OpCGJ {
  0% {
    opacity: 50%;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes VerizonMap-module__live--OpCGJ {
  0% {
    opacity: 50%;
  }
  100% {
    opacity: 100%;
  }
}

.VerizonPreviewMap {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 400px -webkit-max-content;
  grid-template-rows: 400px max-content;
  grid-row-gap: 16px;
}
.VerizonMapEmbedCodeBlock {
  display: unset;
}
.VerizonMapEmbedCodeBlock__textArea {
  width: 100%;
  margin-top: 16px;
  background-color: #f2f4f6;
  color: #71737f;
}

.SmsTemplatesSettingsSettingsBlock {
  width: 100%;
}
.SmsTemplatesSettings {
  display: grid;
  grid-template-columns: 230px auto;
  grid-template-rows: 100%;
  grid-column-gap: 26px;
}
.SmsTemplatesSettings .SmsTemplatesSettings__fullWidthElem {
  width: 100%;
}
.SmsTemplatesSettings .SmsTemplatesSettings__templateBody {
  width: 100%;
  height: 150px;
}
.SmsTemplatesSettings__column {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 100%;
  grid-row-gap: 8px;
  overflow: auto;
}
.SmsTemplatesSettings__column--maxContent {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.SmsTemplatesSettings__row {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 26px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.Schedule {
  background-color: #f2f4f6;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 20px 40px;
}
.Schedule--Mobile {
  padding: 5.555555555555555vmin 0;
  padding-top: 0;
}
.Schedule__navigationButton {
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MC4xMzMiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCA0MC4xMzMgNDMiPgoJPGRlZnM+CgkJPHN0eWxlPi5he2ZpbGw6I2ZmZjt9PC9zdHlsZT4KCTwvZGVmcz4KCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yKSI+CgkJPHBhdGggY2xhc3M9ImEiCgkJCSAgZD0iTTQxLjQxNywyLjg2N0gzNi40Vi43MTdBLjcxNi43MTYsMCwwLDAsMzUuNjgzLDBIMzAuNjY3YS43MTYuNzE2LDAsMCwwLS43MTcuNzE3djIuMTVIMTQuMTgzVi43MTdBLjcxNi43MTYsMCwwLDAsMTMuNDY3LDBIOC40NWEuNzE2LjcxNiwwLDAsMC0uNzE3LjcxN3YyLjE1SDIuNzE3QS43MTYuNzE2LDAsMCwwLDIsMy41ODN2MzguN0EuNzE2LjcxNiwwLDAsMCwyLjcxNyw0M2gzOC43YS43MTYuNzE2LDAsMCwwLC43MTctLjcxN1YzLjU4M0EuNzE2LjcxNiwwLDAsMCw0MS40MTcsMi44NjdaTTMxLjM4MywxLjQzM2gzLjU4M3Y0LjNIMzEuMzgzdi00LjNabS0yMi4yMTcsMEgxMi43NXY0LjNIOS4xNjd2LTQuM1pNMy40MzMsNC4zaDQuM1Y2LjQ1YS43MTYuNzE2LDAsMCwwLC43MTcuNzE3aDUuMDE3YS43MTYuNzE2LDAsMCwwLC43MTctLjcxN1Y0LjNIMjkuOTVWNi40NWEuNzE2LjcxNiwwLDAsMCwuNzE3LjcxN2g1LjAxN0EuNzE2LjcxNiwwLDAsMCwzNi40LDYuNDVWNC4zaDQuM3Y2LjQ1SDMuNDMzWm0wLDM3LjI2N1YxMi4xODNINDAuN1Y0MS41NjdaIi8+CgkJPHBhdGggY2xhc3M9ImEiCgkJCSAgZD0iTTMwLjM1LDIzSDExVjQzLjc4M0gzOC4yMzNWMjNIMzAuMzVabS01LjAxNywxLjQzM0gzMC4zNVYyOS40NUgyNS4zMzNaTTMwLjM1LDM1LjlIMjUuMzMzVjMwLjg4M0gzMC4zNVpNMTguODgzLDMwLjg4M0gyMy45VjM1LjlIMTguODgzWm0wLTYuNDVIMjMuOVYyOS40NUgxOC44ODNabS02LjQ1LDBIMTcuNDVWMjkuNDVIMTIuNDMzWm0wLDYuNDVIMTcuNDVWMzUuOUgxMi40MzNaTTE3LjQ1LDQyLjM1SDEyLjQzM1YzNy4zMzNIMTcuNDVabTYuNDUsMEgxOC44ODNWMzcuMzMzSDIzLjlabTYuNDUsMEgyNS4zMzNWMzcuMzMzSDMwLjM1Wm02LjQ1LDBIMzEuNzgzVjM3LjMzM0gzNi44Wm0wLTYuNDVIMzEuNzgzVjMwLjg4M0gzNi44Wm0wLTExLjQ2N1YyOS40NUgzMS43ODNWMjQuNDMzWiIKCQkJICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NSAtNi41MTcpIi8+Cgk8L2c+Cjwvc3ZnPg==);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-size: 25%;
}
.Schedule__controls {
  margin: auto;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 350px;
}
.Schedule--Mobile .Schedule__controls {
  margin-bottom: 0;
  width: 97.22222222222223vmin;
}
.Schedule__controls__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Schedule--Mobile .Schedule__controls__title {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.Schedule__controls__title__month {
  color: #3d3d3d;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 4px;
}
.Schedule--Mobile .Schedule__controls__title__month {
  font-size: 6.666666666666667vmin;
  margin-bottom: 1.111111111111111vmin;
  margin-right: 3.333333333333333vmin;
}
.Schedule__controls__title__year {
  color: #979797;
  font-size: 14px;
  font-weight: 400;
}
.Schedule--Mobile .Schedule__controls__title__year {
  font-size: 3.888888888888889vmin;
}
.Schedule__controls__btn {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMzAuNzI3cHgiIGhlaWdodD0iMzAuNzI3cHgiIHZpZXdCb3g9IjAgMCAzMC43MjcgMzAuNzI3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMC43MjcgMzAuNzI3OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjQTRBRkI3IiBkPSJNMjkuOTk0LDEwLjE4M0wxNS4zNjMsMjQuODEyTDAuNzMzLDEwLjE4NGMtMC45NzctMC45NzgtMC45NzctMi41NjEsMC0zLjUzNmMwLjk3Ny0wLjk3NywyLjU1OS0wLjk3NiwzLjUzNiwwCgkJbDExLjA5NSwxMS4wOTNMMjYuNDYxLDYuNjQ3YzAuOTc3LTAuOTc2LDIuNTU5LTAuOTc2LDMuNTM1LDBDMzAuOTcxLDcuNjI0LDMwLjk3MSw5LjIwNiwyOS45OTQsMTAuMTgzeiIvPgo8L2c+Cjwvc3ZnPgo=);
  background-size: contain;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.Schedule--Mobile .Schedule__controls__btn {
  width: 6.111111111111111vmin;
  height: 6.111111111111111vmin;
}
.Schedule__controls__btn--prev {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.Schedule__controls__btn--next {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.Schedule__legend {
  width: 100%;
  padding: 0 14px;
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.Schedule--Mobile .Schedule__legend {
  padding: 0 3.888888888888889vmin;
  padding-top: 3.333333333333333vmin;
}
.Schedule__legend__item {
  margin-right: 20px;
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-max-content;
  grid-template-columns: min-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 9px;
}
.Schedule--Mobile .Schedule__legend__item {
  margin-right: 5.555555555555555vmin;
  margin-bottom: 3.333333333333333vmin;
}
.Schedule__legend__item__circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #808080;
}
.Schedule--Mobile .Schedule__legend__item__circle {
  width: 2.777777777777778vmin;
  height: ;
}

.ParklotMonth {
  background-color: #dedddd;
  border: 1px solid #dedddd;
  border-bottom: none;
  display: grid;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-auto-rows: minmax(140px, -webkit-min-content);
  grid-auto-rows: minmax(140px, min-content);
  grid-template-columns: 100%;
  grid-row-gap: 1px;
}
.ParklotMonth--Mobile {
  border-width: 0.277777777777778vmin;
  grid-auto-rows: minmax(38.888888888888886vmin, -webkit-min-content);
  grid-auto-rows: minmax(38.888888888888886vmin, min-content);
  grid-row-gap: 0.277777777777778vmin;
}
.ParklotMonth__weeks {
  position: relative;
}
.ParklotMonth__weeksLayer {
  display: grid;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-columns: 100%;
  grid-row-gap: 1px;
  pointer-events: none;
}
.ParklotMonth--Mobile .ParklotMonth__weeksLayer {
  grid-row-gap: 0.277777777777778vmin;
}
.ParklotMonth__weeksLayer--second {
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  width: 100%;
}
.ParklotMonth__weekLayers {
  position: relative;
  width: 100%;
  margin-bottom: 1px;
}
.ParklotMonth__dayNames {
  width: 100%;
  height: 80px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 100%;
}
.ParklotMonth--Mobile .ParklotMonth__dayNames {
  height: 8.88888888888889vmin;
}
.ParklotMonth__dayName {
  text-transform: uppercase;
  color: #979797;
  font-size: 20px;
  text-align: center;
  line-height: 80px;
  background: #fff;
}
.ParklotMonth--Mobile .ParklotMonth__dayName {
  font-size: 5.555555555555555vmin;
  line-height: 8.88888888888889vmin;
}
.ParklotMonth__week {
  position: relative;
  display: grid;
  grid-auto-rows: minmax(140px, -webkit-min-content);
  grid-auto-rows: minmax(140px, min-content);
  grid-template-columns: 100%;
}
.ParklotMonth--Mobile .ParklotMonth__week {
  grid-auto-rows: minmax(38.888888888888886vmin, -webkit-min-content);
  grid-auto-rows: minmax(38.888888888888886vmin, min-content);
}
.ParklotMonth__week--secondLayer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.ParklotMonth__week__parklotDay {
  pointer-events: all;
}
.ParklotMonth__week__parklotDay--dummy {
  pointer-events: none;
}
.ParklotMonth__week__parklotDay__dummy {
  padding-top: 45px;
}
.ParklotMonth--Mobile .ParklotMonth__week__parklotDay__dummy {
  padding-top: 12.5vmin;
}
.ParklotMonth__week__parklotDay__dummy__row {
  height: 55px;
}
.ParklotMonth--Mobile .ParklotMonth__week__parklotDay__dummy__row {
  height: 15.277777777777779vmin;
}
.ParklotMonth__week__days {
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr) 0;
  grid-template-rows: 100%;
  grid-column-gap: 1px;
}
.ParklotMonth--Mobile .ParklotMonth__week__days {
  grid-column-gap: 0.277777777777778vmin;
}
.ParklotMonth__week__days__trucksHeight {
  opacity: 0;
  pointer-events: none;
  padding: 10px 0;
  padding-top: 30px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: 18px;
  grid-row-gap: 4px;
}
.ParklotMonth--Mobile .ParklotMonth__week__days__trucksHeight {
  padding: 2.777777777777778vmin 0;
  padding-top: 8.333333333333334vmin;
  grid-auto-rows: 5vmin;
  grid-row-gap: 1.111111111111111vmin;
}
.ParklotMonth__week__day {
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  padding: 4px 9px;
  pointer-events: all;
  overflow: hidden;
}
.ParklotMonth--Mobile .ParklotMonth__week__day {
  font-size: 3.888888888888889vmin;
  padding: 1.111111111111111vmin 2.5vmin;
}
.ParklotMonth__week__day:hover {
  outline: 1px solid #d4a600;
}
.ParklotMonth--Mobile .ParklotMonth__week__day:hover {
  outline-width: 0.277777777777778vmin;
}
.ParklotMonth__week__day--selected {
  outline: 1px solid #d4a600;
}
.ParklotMonth--Mobile .ParklotMonth__week__day--selected {
  outline-width: 0.277777777777778vmin;
}
.ParklotMonth__week__day--anotherMonth {
  background-color: #f1f1f1;
}
.ParklotMonth__week__day--today {
  padding: 6px;
}
.ParklotMonth--Mobile .ParklotMonth__week__day--today {
  padding: 1.666666666666667vmin;
}
.ParklotMonth__week__day--today .ParklotMonth__week__day__number {
  background-color: #5fbf83;
  color: #fff;
  font-weight: 500;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 31px;
}
.ParklotMonth--Mobile .ParklotMonth__week__day--today .ParklotMonth__week__day__number {
  width: 5.555555555555555vmin;
  height: 5.555555555555555vmin;
  line-height: 5.555555555555555vmin;
}
.ParklotMonth__week__day__stats {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 4px;
}
.ParklotMonth--Mobile .ParklotMonth__week__day__stats {
  grid-column-gap: 1.111111111111111vmin;
}
.ParklotMonth__week__day__stats__number {
  width: 20px;
  height: 20px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
}
.ParklotMonth--Mobile .ParklotMonth__week__day__stats__number {
  width: 3.888888888888889vmin;
  height: 3.888888888888889vmin;
  font-size: 3.611111111111111vmin;
  border-radius: 0.833333333333333vmin;
  line-height: 3.888888888888889vmin;
}
.ParklotMonth__week__day__stats__number--confirmed {
  background-color: rgba(0,164,85,0.15);
  color: #00a455;
}
.ParklotMonth__week__day__stats__number--notConfirmed {
  background-color: rgba(58,99,219,0.15);
  color: #3a63db;
}
.ParklotMonth__week__day__stats__number--busyMovers {
  width: unset;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 4px;
  background-color: #474747;
  color: #fff;
  padding: 0 6px;
}
.ParklotMonth--Mobile .ParklotMonth__week__day__stats__number--busyMovers {
  grid-column-gap: 1.111111111111111vmin;
  padding: 0;
  width: unset;
}
.ParklotMonth__week__trucks {
  width: 100%;
  min-height: 100%;
  padding: 10px 0;
  padding-top: 30px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: 18px;
  grid-row-gap: 4px;
}
.ParklotMonth--Mobile .ParklotMonth__week__trucks {
  padding: 2.777777777777778vmin 0;
  padding-top: 8.333333333333334vmin;
  grid-auto-rows: 5vmin;
  grid-row-gap: 1.111111111111111vmin;
}
.ParklotMonth__week__trucks__row {
  position: relative;
}
.ParklotMonth__week__trucks__job {
  overflow: hidden;
  pointer-events: all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  height: 100%;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 500;
  background-color: #708090;
  cursor: pointer;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}
.ParklotMonth--Mobile .ParklotMonth__week__trucks__job {
  font-size: 3.333333333333333vmin;
  border-radius: 1.388888888888889vmin;
}
.ParklotMonth__week__trucks__job--selected {
  background-color: #808080;
  -webkit-box-shadow: 1px 5px 20px 0 rgba(0,0,0,0.361);
          box-shadow: 1px 5px 20px 0 rgba(0,0,0,0.361);
}
.ParklotMonth--Mobile .ParklotMonth__week__trucks__job--selected {
  -webkit-box-shadow: 0.277777777777778vmin 1.388888888888889vmin 5.555555555555555vmin 0 rgba(0,0,0,0.361);
          box-shadow: 0.277777777777778vmin 1.388888888888889vmin 5.555555555555555vmin 0 rgba(0,0,0,0.361);
}
.ParklotMonth__week__trucks__job--overbooked {
  border: 2px solid #f00;
  opacity: 0.6;
}
.ParklotMonth .ParklotJobDescription__backgroundOverlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0.251), rgba(255,255,255,0.251) 26.4px, rgba(255,255,255,0.125) 26.4px, rgba(255,255,255,0.125) 44px);
}
.ParklotMonth--Mobile.ParklotMonth .ParklotJobDescription__backgroundOverlay {
  background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0.251), rgba(255,255,255,0.251) 7.333333333333332vmin, rgba(255,255,255,0.125) 7.333333333333332vmin, rgba(255,255,255,0.125) 12.222222222222221vmin);
}
.ParklotMonthJobDescription {
  width: 100%;
  height: 100%;
  position: relative;
  padding-left: 12px;
  overflow: hidden;
  z-index: 1;
}
.ParklotMonthJobDescription--Mobile {
  padding-left: 3.333333333333333vmin;
}
.ParklotMonthJobDescription--current:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 13px;
  border: 4px dashed #fff;
}
.ParklotMonthJobDescription--Mobile .ParklotMonthJobDescription--current:after {
  border-radius: 3.611111111111112vmin;
  border-width: 1.111111111111111vmin;
}
.ParklotMonthJobDescription--backgroundColorStatus0 {
  background-color: #fd9909;
}
.ParklotMonthJobDescription--backgroundColorStatus1 {
  background-color: #3a63db;
}
.ParklotMonthJobDescription--backgroundColorStatus2 {
  background-color: #00a455;
}
.ParklotMonthJobDescription__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  position: relative;
  grid-gap: 9px;
  padding: 4px;
  overflow: hidden;
  z-index: 1;
}
.ParklotMonthJobDescription--Mobile .ParklotMonthJobDescription__content {
  grid-gap: 2.5vmin;
  padding: 1.111111111111111vmin;
  grid-column-gap: 1.666666666666667vmin;
}
.ParklotMonthJobDescription__content--type1 {
  color: #12152a;
}
.ParklotMonthJobDescription__serviceTypeColor {
  position: absolute;
  height: 100%;
  width: 8px;
  top: 0;
  left: 0;
}
.ParklotMonthJobDescription--Mobile .ParklotMonthJobDescription__serviceTypeColor {
  width: 2.222222222222222vmin;
}
.ParklotMonthJobDescription__serviceTypeColor--fullWidth {
  width: 100%;
}
.ParklotMonthJobDescription--Mobile .ParklotMonthJobDescription__serviceTypeColor--fullWidth {
  width: 100%;
}
.ParklotMonthJobDescription--horizontal {
  grid-template-columns: minmax(8px, 30px) auto;
  grid-template-rows: 100%;
}
.ParklotMonthJobDescription--Mobile .ParklotMonthJobDescription--horizontal {
  grid-template-columns: minmax(2.222222222222222vmin, 8.333333333333334vmin) auto;
}
.ParklotMonthJobDescription--vertical {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-columns: 100%;
}
.ParklotMonthJobDescription__row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ParklotMonthJobDescription__row2Columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ParklotMonthJobDescription__row3Columns {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr -webkit-min-content;
  grid-template-columns: 1fr 1fr min-content;
  grid-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ParklotMonthJobDescription--Mobile .ParklotMonthJobDescription__row3Columns {
  grid-gap: 2.5vmin;
}
.ParklotMonthJobDescription__circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.ParklotMonthJobDescription--Mobile .ParklotMonthJobDescription__circle {
  width: 3.888888888888889vmin;
  height: 3.888888888888889vmin;
}
.ParklotMonthJobDescription__circle--0 {
  background-color: #25e137;
}
@-webkit-keyframes overbookingAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes overbookingAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

.ParklotDay {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 140px auto;
  grid-template-rows: 45px auto;
  grid-template-areas: "corner table" "trucks table";
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-top: 1px solid #eeeff4;
  position: relative;
}
.ParklotDay--Mobile {
  grid-template-columns: 38.888888888888886vmin auto;
  grid-template-rows: 12.5vmin auto;
  border-top-witdh: 0.277777777777778vmin;
}
.ParklotDay--vertical {
  grid-template-areas: "corner trucks" "table table";
  grid-template-columns: 60px auto;
  grid-template-rows: 65px -webkit-min-content;
  grid-template-rows: 65px min-content;
}
.ParklotDay--Mobile.ParklotDay--vertical {
  grid-template-columns: 13.88888888888889vmin auto;
  grid-template-rows: 18.055555555555557vmin -webkit-min-content;
  grid-template-rows: 18.055555555555557vmin min-content;
}
.ParklotDay__staticVerticalTimelineLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  padding-top: 65px;
  z-index: 1;
}
.ParklotDay--Mobile .ParklotDay__staticVerticalTimelineLayer {
  width: 13.88888888888889vmin;
  padding-top: 18.055555555555557vmin;
}
.ParklotDay__scrollButton {
  width: 60px;
  height: 100px;
  background-color: #ff69b4;
  position: sticky;
  right: 0;
}
.ParklotDay--Mobile .ParklotDay__scrollButton {
  width: 16.666666666666668vmin;
  height: 27.77777777777778vmin;
}
.ParklotDay__corner {
  grid-area: corner;
  border-bottom: 1px solid #eeeff4;
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ParklotDay--Mobile .ParklotDay__corner {
  border-bottom-width: 0.277777777777778vmin;
  font-size: 4.444444444444445vmin;
}
.ParklotDay--vertical .ParklotDay__corner {
  border-right: none;
  border-bottom: none;
}
.ParklotDay__gridWithRowSized {
  grid-auto-rows: 55px;
}
.ParklotDay--Mobile .ParklotDay__gridWithRowSized {
  grid-auto-rows: 15.277777777777779vmin;
}
.ParklotDay--vertical .ParklotDay__gridWithRowSized {
  grid-auto-rows: unset;
}
.ParklotDay__truckNames {
  grid-area: trucks;
  display: grid;
  grid-template-columns: 100%;
  position: sticky;
  left: 0;
  z-index: 2;
}
.ParklotDay--vertical .ParklotDay__truckNames {
  grid-template-columns: unset;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  grid-auto-columns: 1fr;
  grid-column-gap: 1px;
  background-color: #e8e8ea;
  border-bottom: 1px solid #e8e8ea;
  position: sticky;
  left: unset;
  top: 0;
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__truckNames {
  grid-auto-columns: 37.22222222222222vmin;
  grid-column-gap: 0.277777777777778vmin;
  border-bottom-width: 0.277777777777778vmin;
}
.ParklotDay__truck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  background-color: #f2f4f6;
}
.ParklotDay--Mobile .ParklotDay__truck {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
}
.ParklotDay--horizontal .ParklotDay__truck {
  border-bottom: 1px solid #e8e8ea;
  border-right: 1px solid #e8e8ea;
  font-size: 15px;
}
.ParklotDay--Mobile.ParklotDay--horizontal .ParklotDay__truck {
  border-bottom-width: 0.277777777777778vmin;
  border-right-width: 0.277777777777778vmin;
  font-size: 4.166666666666667vmin;
}
.ParklotDay--vertical .ParklotDay__truck {
  padding: 16px;
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__truck {
  padding: 1.666666666666667vmin;
}
.ParklotDay__truck--active {
  background-color: #00a455;
  color: #fff;
}
.ParklotDay__truck__text {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ParklotDay__tableContainer {
  grid-area: table;
}
.ParklotDay--vertical .ParklotDay__tableContainer {
  width: 100%;
  overflow: visible;
}
.ParklotDay__table {
  display: grid;
  grid-template-rows: 45px auto;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
}
.ParklotDay--Mobile .ParklotDay__table {
  grid-template-rows: 12.5vmin auto;
}
.ParklotDay--vertical .ParklotDay__table {
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-template-columns: 60px auto;
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__table {
  grid-template-columns: 13.88888888888889vmin auto;
}
.ParklotDay__table__timeline {
  cursor: -webkit-grab;
  cursor: grab;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  border-bottom: 1px solid #eeeff4;
  background-color: #fff;
  grid-auto-columns: 70px;
}
.ParklotDay--Mobile .ParklotDay__table__timeline {
  border-bottom-width: 0.277777777777778vmin;
  grid-auto-columns: 19.444444444444443vmin;
}
.ParklotDay--vertical .ParklotDay__table__timeline {
  grid-auto-columns: unset;
  grid-template-columns: 100%;
  grid-template-rows: unset;
  grid-auto-rows: 70px;
  grid-auto-flow: dense;
  border-bottom: none;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__table__timeline {
  grid-auto-rows: 11.11111111111111vmin;
  -webkit-transform: translateY(-2.222222222222222vmin);
          transform: translateY(-2.222222222222222vmin);
}
.ParklotDay__table__timeline--active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.ParklotDay__table__timeline__hour {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 10px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.ParklotDay--Mobile .ParklotDay__table__timeline__hour {
  padding-bottom: 2.777777777777778vmin;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  color: #71737f;
}
.ParklotDay--vertical .ParklotDay__table__timeline__hour {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
}
.ParklotDay__table__timeline__hour__background {
  position: absolute;
  width: 0;
  height: 5px;
  left: -1px;
  bottom: 0;
  border-left: 1px solid #e8e8ea;
}
.ParklotDay--Mobile .ParklotDay__table__timeline__hour__background {
  height: 1.388888888888889vmin;
  left: -0.277777777777778vmin;
  border-left-width: 0.277777777777778vmin;
}
.ParklotDay__table__timeline__hour__digit {
  padding-right: 4px;
}
.ParklotDay--Mobile .ParklotDay__table__timeline__hour__digit {
  padding-right: 1.111111111111111vmin;
}
.ParklotDay--horizontal .ParklotDay__table__timeline__hour__digit {
  font-size: 13px;
  font-weight: 500;
  color: #12152a;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
}
.ParklotDay--Mobile.ParklotDay--horizontal .ParklotDay__table__timeline__hour__digit {
  font-size: 3.611111111111111vmin;
  -webkit-transform: translateX(-2.222222222222222vmin);
          transform: translateX(-2.222222222222222vmin);
}
.ParklotDay--vertical .ParklotDay__table__timeline__hour__digit {
  margin-bottom: 0;
}
.ParklotDay--horizontal .ParklotDay__table__timeline__hour__suffix {
  text-transform: uppercase;
  font-size: 10px;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
}
.ParklotDay--Mobile.ParklotDay--horizontal .ParklotDay__table__timeline__hour__suffix {
  font-size: 2.777777777777778vmin;
  -webkit-transform: translateX(-2.222222222222222vmin);
          transform: translateX(-2.222222222222222vmin);
}
.ParklotDay__table__jobs {
  display: grid;
}
.ParklotDay--vertical .ParklotDay__table__jobs {
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-column-gap: 1px;
  background-color: #e8e8ea;
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__table__jobs {
  grid-auto-columns: 37.22222222222222vmin;
  grid-column-gap: 0.277777777777778vmin;
}
.ParklotDay__table__jobs__row {
  position: relative;
}
.ParklotDay--vertical .ParklotDay__table__jobs__row {
  border-bottom: none;
}
.ParklotDay__table__jobs__row__grid {
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  cursor: pointer;
  grid-auto-columns: 70px;
}
.ParklotDay--Mobile .ParklotDay__table__jobs__row__grid {
  grid-auto-columns: 19.444444444444443vmin;
}
.ParklotDay--vertical .ParklotDay__table__jobs__row__grid {
  height: unset;
  width: 100%;
  grid-auto-columns: unset;
  grid-auto-rows: 70px;
  grid-template-rows: unset;
  grid-template-columns: 100%;
  grid-auto-flow: dense;
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__table__jobs__row__grid {
  grid-auto-rows: 11.11111111111111vmin;
}
.ParklotDay__table__jobs__row__jobsLayer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
.ParklotDay--vertical .ParklotDay__table__jobs__row__jobsLayer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ParklotDay__table__jobs__row__job {
  position: absolute;
  left: 0;
  right: 0;
  height: calc(100% - 12px);
  cursor: pointer;
  color: #fff;
  pointer-events: all;
}
.ParklotDay--Mobile .ParklotDay__table__jobs__row__job {
  height: calc(100% - 3.333333333333333vmin);
}
.ParklotDay--vertical .ParklotDay__table__jobs__row__job {
  left: unset;
  right: unset;
  top: 0;
  padding: 0;
  height: unset;
  width: 94%;
  overflow: hidden;
  margin-top: 4px;
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__table__jobs__row__job {
  margin-top: 1.111111111111111vmin;
}
.ParklotDay__table__jobs__row__job--postfix {
  z-index: 2;
}
.ParklotDay__table__jobs__row__job__tooltipHandler {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ParklotDay__table__jobs__row__job__overbookingCount {
  background-color: #fff;
  color: #12152a;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #12152a;
  position: absolute;
  z-index: 1;
}
.ParklotDay--Mobile .ParklotDay__table__jobs__row__job__overbookingCount {
  min-width: 5vmin;
  height: 5vmin;
  border-width: 0.277777777777778vmin;
}
.ParklotDay--vertical .ParklotDay__table__jobs__row__job__overbookingCount {
  right: 15px;
  top: 44px;
}
.ParklotDay--Mobile.ParklotDay--vertical .ParklotDay__table__jobs__row__job__overbookingCount {
  right: 4.166666666666667vmin;
  top: 12.222222222222221vmin;
}
.ParklotDay--horizontal .ParklotDay__table__jobs__row__job__overbookingCount {
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.ParklotDay__table__jobs__hour {
  background-color: #fff;
  border-bottom: 1px solid #e8e8ea;
  border-right: 1px solid #e8e8ea;
}
.ParklotDay--Mobile.ParklotDay__table__jobs__hour {
  border-bottom-width: 0.277777777777778vmin;
  border-right-width: 0.277777777777778vmin;
}
.ParklotDay__grid--selected .ParklotDay__table__jobs__hour {
  background-color: #f2f4f6;
}

.ParklotJobDescription {
  width: 100%;
  height: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  position: relative;
  grid-gap: 9px;
  padding: 12px;
  overflow: hidden;
  z-index: 1;
  font-weight: 500;
}
.ParklotJobDescription--Mobile {
  border-radius: 1.388888888888889vmin;
  grid-gap: 2.5vmin;
  padding: 3.333333333333333vmin;
}
.ParklotJobDescription--current:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 3px;
  border: 4px dashed #fff;
}
.ParklotJobDescription--Mobile.ParklotJobDescription--current:after {
  border-radius: 0.833333333333333vmin;
  border-width: 1.111111111111111vmin;
}
.ParklotJobDescription--highlighted:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 4px;
  border: 2px dashed #fff;
}
.ParklotJobDescription--Mobile.ParklotJobDescription--highlighted:after {
  border-radius: 0.833333333333333vmin;
  border-width: 1.111111111111111vmin;
}
.ParklotJobDescription--horizontal {
  grid-auto-flow: column;
  grid-template-columns: unset;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-template-rows: 100%;
  grid-column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  border-left: 10px solid #808080;
  padding-left: 2px;
}
.ParklotJobDescription--Mobile.ParklotJobDescription--horizontal {
  grid-column-gap: 3.333333333333333vmin;
  font-size: 3.333333333333333vmin;
  border-left-width: 2.777777777777778vmin;
  padding-left: 0.555555555555556vmin;
}
.ParklotJobDescription--vertical {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-columns: 100%;
  border-top: 10px solid #808080;
  padding-top: 2px;
}
.ParklotJobDescription--Mobile.ParklotJobDescription--vertical {
  border-top-width: 2.777777777777778vmin;
  padding-top: 0.555555555555556vmin;
}
.ParklotJobDescription__smallText {
  font-size: 10px;
}
.ParklotJobDescription--Mobile .ParklotJobDescription__smallText {
  font-size: 2.777777777777778vmin;
}
.ParklotJobDescription__scalerContainer {
  width: 100%;
  height: 100%;
  position: relative;
}
.ParklotJobDescription--backgroundColorStatus0 {
  background-color: #fd9909;
}
.ParklotJobDescription--backgroundColorStatus1 {
  background-color: #3a63db;
}
.ParklotJobDescription--backgroundColorStatus2 {
  background-color: #00a455;
}
.ParklotJobDescription--type1 {
  z-index: 0;
  background-color: #a4a3ff;
}
.ParklotJobDescription--type2 {
  z-index: 0;
  background-color: #ffef60;
  color: #12152a;
}
.ParklotJobDescription--completed {
  background-color: #ffd744;
}
.ParklotJobDescription__columnSeparator {
  width: 0;
  height: 25px;
  border: 1px solid rgba(255,255,255,0.3);
}
.ParklotJobDescription--Mobile .ParklotJobDescription__columnSeparator {
  height: 6.944444444444445vmin;
  border-width: 0.277777777777778vmin;
}
.ParklotJobDescription__column {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 7px;
  z-index: 1;
}
.ParklotJobDescription--Mobile .ParklotJobDescription__column {
  grid-column-gap: 1.944444444444444vmin;
}
.ParklotJobDescription__column--stack {
  grid-auto-flow: row;
}
.ParklotJobDescription--backgroundColorStatus0.ParklotJobDescription .UserInitialsAvatar {
  background-color: #ea8b02;
  border-color: #ea8b02;
}
.ParklotJobDescription--backgroundColorStatus1.ParklotJobDescription .UserInitialsAvatar {
  background-color: #2752d3;
  border-color: #2752d3;
}
.ParklotJobDescription--backgroundColorStatus2.ParklotJobDescription .UserInitialsAvatar {
  background-color: #00944d;
  border-color: #00944d;
}
.ParklotJobDescription--horizontal.ParklotJobDescription .UserInitialsAvatar {
  width: 24px;
  height: 24px;
  font-size: 12px;
}
.ParklotJobDescription--Mobile.ParklotJobDescription--horizontal.ParklotJobDescription .UserInitialsAvatar {
  width: 6.666666666666667vmin;
  height: 6.666666666666667vmin;
  font-size: 3.333333333333333vmin;
}
.ParklotJobDescription__row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ParklotJobDescription__row2Columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ParklotJobDescription__row3Columns {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr -webkit-min-content;
  grid-template-columns: 1fr 1fr min-content;
  grid-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ParklotJobDescription--Mobile .ParklotJobDescription__row3Columns {
  grid-gap: 2.5vmin;
}
.ParklotJobDescription__circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.ParklotJobDescription--Mobile .ParklotJobDescription__circle {
  width: 3.888888888888889vmin;
  height: 3.888888888888889vmin;
}
.ParklotJobDescription__circle--0 {
  background-color: #25e137;
}
.ParklotJobDescription .SvgIcon {
  width: 14px;
  height: 14px;
}
.ParklotJobDescription--Mobile .ParklotJobDescription .SvgIcon {
  width: 3.888888888888889vmin;
  height: 3.888888888888889vmin;
}

.ModalInstance.ParklotRequestPopupModal {
  width: 350px;
}
.ModalInstance--Mobile.ModalInstance.ParklotRequestPopupModal {
  width: 100%;
}
.ParklotRequestPopup {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
  padding: 16px;
}
.ParklotRequestPopup--Mobile {
  grid-gap: 4.444444444444445vmin;
  padding: 4.444444444444445vmin;
}
.ParklotRequestPopup__requestSelector {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 9px;
  overflow-x: auto;
  grid-auto-flow: column;
}
.ParklotRequestPopup--Mobile .ParklotRequestPopup__requestSelector {
  grid-gap: 2.5vmin;
}
.ParklotRequestPopup__requestDescription {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 9px;
  color: #71737f;
}
.ParklotRequestPopup--Mobile .ParklotRequestPopup__requestDescription {
  grid-gap: 1.666666666666667vmin;
}
.ParklotRequestPopup__requestDescription__text {
  display: inline;
}
.ParklotRequestPopup__requestDescription__controls {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ParklotRequestPopup--Mobile .ParklotRequestPopup__requestDescription__controls {
  grid-column-gap: 4.444444444444445vmin;
}
.ParklotRequestPopup__requestDescription__2columns {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr;
  grid-gap: 9px;
}
.ParklotRequestPopup--Mobile .ParklotRequestPopup__requestDescription__2columns {
  grid-gap: 2.5vmin;
}
.ParklotRequestPopup__requestDescription__textWithSeparators {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 9px;
}
.ParklotRequestPopup--Mobile .ParklotRequestPopup__requestDescription__textWithSeparators {
  grid-gap: 2.5vmin;
}
.ParklotRequestPopup__requestDescription__textWithSeparators__separator {
  height: 100%;
  width: 0;
  border-right: 1px solid #e8e8ea;
}
.ParklotRequestPopup--Mobile .ParklotRequestPopup__requestDescription__textWithSeparators__separator {
  border-right-width: 0.277777777777778vmin;
}

.ParklotJobPostfixDescription {
  width: 100%;
  height: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  position: relative;
  grid-gap: 9px;
  padding: 12px;
  overflow: hidden;
  z-index: 1;
  font-weight: 500;
  background-color: rgba(217,217,217,0.6);
  color: #71737f;
}
.ParklotJobPostfixDescription--horizontal {
  grid-auto-flow: column;
  grid-template-columns: unset;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-template-rows: 100%;
  grid-column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.ParklotJobPostfixDescription--vertical {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-columns: 100%;
}
.ParklotJobPostfixDescription__smallText {
  font-size: 10px;
}
.ParklotJobPostfixDescription__column {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 7px;
  z-index: 1;
}
.ParklotJobPostfixDescription__column--stack {
  grid-auto-flow: row;
}
.ParklotJobPostfixDescription__row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ParklotJobPostfixDescription .SvgIcon {
  width: 14px;
  height: 14px;
}

.DashboardRootComponent {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  grid-template-columns: 100%;
}
.DashboardRootComponent--Mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.DashboardRootComponent__topPanelPlace {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 4;
  position: relative;
}
.DashboardRootComponent__contentPlace {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-areas: "navigation body";
}
.DashboardRootComponent--Mobile .DashboardRootComponent__contentPlace {
  grid-template-columns: 100%;
  grid-template-rows: auto -webkit-max-content;
  grid-template-rows: auto max-content;
  grid-template-areas: "body" "navigation";
  position: relative;
}
.DashboardRootComponent__navigationPlace {
  grid-area: navigation;
  overflow: hidden;
  pointer-events: none;
}
.DashboardRootComponent__workingPlace {
  grid-area: body;
  overflow: hidden;
  border-top-left-radius: 15px;
}
.DashboardRootComponent--Mobile .DashboardRootComponent__workingPlace {
  border-top-left-radius: 0;
}

.TopPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 70px;
  background-color: #12152a;
  padding: 8px 16px;
  gap: 34px;
}
.TopPanel--devMode {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='60px'><text transform='rotate(-30 0 0) translate(-10 0)' x='0' y='40' fill='hotpink' font-size='20'>dev!</text></svg>");
  background-repeat: repeat;
}
.TopPanel--demoMode {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='60px'><text transform='rotate(-30 0 0) translate(-10 0)' x='0' y='40' fill='hotpink' font-size='20'>demo!</text></svg>");
  background-repeat: repeat;
}
.TopPanel--Mobile {
  height: 17.77777777777778vw;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
  grid-gap: 0;
  padding: 3.333333333333333vmin 4.444444444444445vmin;
}
.TopPanel .TopPanel__button {
  width: 24px;
  height: 24px;
}
.TopPanel--Mobile.TopPanel .TopPanel__button {
  width: 6.666666666666667vmin;
  height: 6.666666666666667vmin;
}
.TopPanel__group {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.TopPanel--Mobile .TopPanel__group {
  grid-column-gap: 3.888888888888889vmin;
}
.TopPanel__searchScreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  overflow: hidden;
  background-color: #fff;
  padding: 12px;
}
.TopPanel--Mobile .TopPanel__searchScreen {
  padding: 3.333333333333333vmin;
}
.TopPanel__searchScreen .TopPanel__searchScreen__search {
  position: static;
  color: #12152a;
}
.TopPanel__searchScreen .TopPanel__searchScreen__search__input {
  color: #12152a;
}
.TopPanel__searchScreen .TopPanel__searchScreen__search__results {
  width: 100%;
  top: 57px;
  left: 0;
}
.TopPanel--Mobile .TopPanel__searchScreen .TopPanel__searchScreen__search__results {
  top: 15.833333333333334vmin;
}
.TopPanel__searchScreen .TopPanel__searchScreen__search__resultsScroller {
  max-height: calc(100vh - 57px);
}
.TopPanel--Mobile .TopPanel__searchScreen .TopPanel__searchScreen__search__resultsScroller {
  max-height: calc(100vh - 15.833333333333334vmin);
}
.TopPanel .TopPanel__createRequest {
  cursor: pointer;
  width: 196px;
  height: 44px;
  font-weight: 500;
  background-color: #29b965;
  border: none;
}
.TopPanel--Mobile.TopPanel .TopPanel__createRequest {
  height: 11.11111111111111vmin;
  width: 11.11111111111111vmin;
  border-radius: 5.555555555555555vmin;
}
.TopPanel .TopPanel__createRequest__selectedValue {
  color: #fff;
}
.TopPanel--Mobile.TopPanel .TopPanel__createRequest__selectedValue {
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.TopPanel .TopPanel__createRequest__button {
  -webkit-filter: brightness(2);
          filter: brightness(2);
}
.TopPanel--Mobile.TopPanel .TopPanel__createRequest__button {
  display: none;
}
.TopPanel--Mobile.TopPanel .TopPanel__createRequest__selectedValueText {
  display: none;
}
.TopPanel__logo {
  height: 100%;
  width: 123px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.TopPanel--Mobile .TopPanel__logo {
  width: 16.666666666666668vmin;
}
.TopPanel__search {
  height: 100%;
  width: 500px;
}
.TopPanel__notifications {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.TopPanel--Mobile .TopPanel__notifications {
  gap: 4.444444444444445vmin;
}
.TopPanel__user {
  height: 100%;
}
.TopPanel__user__separator {
  height: 30px;
  width: 1px;
  background-color: #ebebf2;
  margin: 20px;
}
.TopPanel__extender {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.FullTextSearch {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #d0d0d4;
}
.FullTextSearch__searchIcon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.FullTextSearch--Mobile .FullTextSearch__searchIcon {
  width: 3.888888888888889vw;
  height: 3.888888888888889vw;
}
.FullTextSearch__input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #d0d0d4;
}
.FullTextSearch__input::-webkit-input-placeholder {
  color: #a0a1aa;
}
.FullTextSearch__input::-moz-placeholder {
  color: #a0a1aa;
}
.FullTextSearch__input::-ms-input-placeholder {
  color: #a0a1aa;
}
.FullTextSearch__input::placeholder {
  color: #a0a1aa;
}
.FullTextSearch__input .Input__field {
  border: none;
  background: none;
}
.FullTextSearch__clearButton {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin-right: 25px;
}
.FullTextSearch--Mobile .FullTextSearch__clearButton {
  width: 3.888888888888889vw;
  height: 3.888888888888889vw;
}
.FullTextSearch__results {
  position: absolute;
  width: 500px;
  top: 100%;
}
.FullTextSearch--Mobile .FullTextSearch__results {
  width: 100vw;
}
.FullTextSearch__results .DropdownPanel__header {
  height: 0;
  border: 0;
}
.FullTextSearch__results .DropdownPanel__content {
  background-color: #2c2f4c;
  color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.FullTextSearch--Mobile .FullTextSearch__results .DropdownPanel__content {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.FullTextSearch__resultsScroller {
  max-height: 400px;
  overflow: auto;
}
.FullTextSearch--Mobile .FullTextSearch__resultsScroller {
  max-height: 111.11111111111111vw;
}
.FullTextSearch__result {
  display: block;
  padding: 16px;
  cursor: pointer;
  border-bottom: 1px solid #61648a;
  color: #d0d0d4;
  text-decoration: none;
}
.FullTextSearch--Mobile .FullTextSearch__result {
  padding: 4.444444444444445vw;
  border-bottom-width: 0.277777777777778vw;
}
.FullTextSearch__result--storageTenant {
  background-color: #2c4d2c;
}
.FullTextSearch__result:hover {
  background: #474c69;
}
.FullTextSearch__result--storageTenant.FullTextSearch__result:hover {
  background: #476947;
}
.FullTextSearch__result__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
}
.FullTextSearch--Mobile .FullTextSearch__result__row {
  line-height: 6.666666666666667vw;
}
.FullTextSearch__result__row em {
  color: #f6a801;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}
.FullTextSearch--Mobile .FullTextSearch__result__row em {
  font-size: 3.888888888888889vw;
}
.FullTextSearch__result__row__value {
  font-style: normal;
  font-size: 12px;
  max-width: 300px;
  height: 24px;
  overflow: hidden;
}
.FullTextSearch--Mobile .FullTextSearch__result__row__value {
  font-size: 3.333333333333333vw;
  max-width: 83.33333333333333vw;
  height: 6.666666666666667vw;
}
.FullTextSearch__result__row__title {
  font-weight: 500;
  font-size: 12px;
  width: 145px;
}
.FullTextSearch--Mobile .FullTextSearch__result__row__title {
  font-size: 3.333333333333333vw;
  width: 40.27777777777778vw;
}

.StorageTenantStatus {
  position: relative;
  display: grid;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  padding: 2px 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  font-weight: 600;
  font-size: 13px;
  height: 20px;
  white-space: nowrap;
}
.StorageTenantStatus--0 {
  color: #f6940b;
}
.StorageTenantStatus--1 {
  color: #00a455;
}
.StorageTenantStatus--2 {
  color: #4d73eb;
}
.StorageTenantStatus__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: currentColor;
  opacity: 0.3;
  border-radius: 5px;
}

.TopPanelMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.TopPanelMenu__UserInitialsAvatar {
  width: 36px;
  height: 36px;
}
.TopPanelMenu--Mobile .TopPanelMenu__UserInitialsAvatar {
  width: 10vmin;
  height: 10vmin;
}
.TopPanelMenu__user {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto 44px;
  grid-template-columns: min-content auto 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  cursor: pointer;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.TopPanelMenu--Mobile .TopPanelMenu__user {
  gap: 3.888888888888889vmin;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
}
.TopPanelMenu__user:hover,
.TopPanelMenu--showOptions {
  background: #252946;
}
.TopPanelMenu--Mobile .TopPanelMenu__user:hover,
.TopPanelMenu--Mobile .TopPanelMenu--showOptions {
  background: transparent;
}
.TopPanelMenu__user__info {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #d0d0d4;
  display: grid;
  gap: 4px;
}
.TopPanelMenu--Mobile .TopPanelMenu__user__info {
  display: none;
}
.TopPanelMenu__user__info__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-weight: 700;
}
.TopPanelMenu__user__menuIcon {
  color: #fff;
  font-size: 18px;
}
.TopPanelMenu--Mobile .TopPanelMenu__user__menuIcon {
  font-size: 5vmin;
}
.TopPanelMenu__user__icon {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  color: #fff;
  width: 13px;
  height: 13px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  margin: auto;
}
.TopPanelMenu--Mobile .TopPanelMenu__user__icon {
  display: none;
}
.TopPanelMenu--showOptions .TopPanelMenu__user__icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.TopPanelMenuOptions {
  position: relative;
  width: 230px;
  top: -15px;
  right: 14px;
}
.TopPanelMenuOptions--Mobile {
  width: 63.888888888888886vmin;
  top: -1.666666666666667vmin;
  right: 3.055555555555555vmin;
}
.TopPanelMenuOptions .TooltipBodyWithTriangle__body {
  padding: 9px 0;
}
.TopPanelMenuOptions--Mobile.TopPanelMenuOptions .TooltipBodyWithTriangle__body {
  padding: 2.5vmin 0;
}
.TopPanelMenuOptions__option {
  background: #fff;
  padding: 10px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.TopPanelMenuOptions--Mobile .TopPanelMenuOptions__option {
  padding: 2.777777777777778vmin;
}
.TopPanelMenuOptions__option:hover {
  background: #f2f4f6;
}
.TopPanelMenuOptions__option:hover .IconWithText {
  color: #12152a;
}
.TopPanelMenuOptions__option .IconWithText {
  color: #a0a1aa;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.TopPanelMenuOptions__option .IconWithText__icon {
  width: 16px;
  height: 16px;
}
.TopPanelMenuOptions--Mobile .TopPanelMenuOptions__option .IconWithText__icon {
  width: 4.444444444444445vmin;
  height: 4.444444444444445vmin;
}

.TopPanelButton {
  position: relative;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.TopPanelButton--Mobile {
  width: 6.666666666666667vmin;
  height: 6.666666666666667vmin;
}
.TopPanelButton__background {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #12152a;
  -webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.TopPanelButton--white .TopPanelButton__background {
  color: #fff;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.TopPanelButton__icon {
  color: #fff;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.TopPanelButton--Mobile .TopPanelButton__icon {
  width: 5vmin;
  height: 5vmin;
}
.TopPanelButton--white .TopPanelButton__icon {
  color: #12152a;
}
.TopPanelButton__notification {
  height: 12px;
  padding: 0 2px;
  background: #ee4b19;
  color: #fff;
  position: absolute;
  z-index: 2;
  font-size: 11px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  line-height: 10px;
  border-radius: 3px;
  top: 4px;
  left: 23px;
  -webkit-box-shadow: 0 0 0 1px #12152a;
          box-shadow: 0 0 0 1px #12152a;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}
.TopPanelButton--Mobile .TopPanelButton__notification {
  height: 3.333333333333333vmin;
  padding: 0 0.555555555555556vmin;
  font-size: 3.055555555555555vmin;
  line-height: 2.777777777777778vmin;
  border-radius: 0.833333333333333vmin;
  top: -0.833333333333333vmin;
  left: 4.166666666666667vmin;
  -webkit-box-shadow: 0 0 0 0.277777777777778vmin #12152a;
          box-shadow: 0 0 0 0.277777777777778vmin #12152a;
}
.TopPanelButton--white .TopPanelButton__notification {
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}

.CustomersOnlineModal {
  width: 900px;
  height: 680px;
}

.CustomersOnline {
  background-color: #f2f4f6;
  padding: 10px 20px;
  padding-top: 0;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-flow: row;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-gap: 4px;
  height: 100%;
  overflow-y: scroll;
  position: relative;
}
.CustomersOnline--Mobile {
  padding: 0vw;
  grid-gap: 0;
}
.CustomersOnline__clientInfoWrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.CustomersOnline__clientInfo {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  overflow: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 200px);
  background-color: #fff;
  -webkit-box-shadow: 0 -4px 26px 0 rgba(0,0,0,0.149);
          box-shadow: 0 -4px 26px 0 rgba(0,0,0,0.149);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.CustomersOnline--Mobile .CustomersOnline__clientInfo {
  height: calc(100% - 55.55555555555556vw);
  -webkit-box-shadow: 0 -1.111111111111111vw 7.222222222222222vw 0 rgba(0,0,0,0.149);
          box-shadow: 0 -1.111111111111111vw 7.222222222222222vw 0 rgba(0,0,0,0.149);
  border-top-left-radius: 4.444444444444445vw;
  border-top-right-radius: 4.444444444444445vw;
}
.CustomersOnline__clientInfo--visible {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: all;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.CustomersOnline__clientInfo__header {
  padding: 15px;
  display: grid;
  overflow: hidden;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 6px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CustomersOnline--Mobile .CustomersOnline__clientInfo__header {
  padding: 4.166666666666667vw;
}
.CustomersOnline__clientInfo__contacts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: grid;
  grid-auto-flow: row;
}
.CustomersOnline__link {
  color: #00a455;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.CustomersOnline__link:hover {
  border-bottom-color: rgba(0,164,85,0.5);
}
.CustomersOnline__link:active {
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
  border-bottom-color: #00a455;
}
.CustomersOnline__header {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content 2fr 2fr 3fr 3fr;
  grid-template-columns: max-content 2fr 2fr 3fr 3fr;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 10px;
  padding-bottom: 6px;
  grid-column-gap: 10px;
}
.CustomersOnline__header__iconPadding {
  width: 18px;
}
.CustomersOnline .CustomersOnline__clientPanel {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.102);
          box-shadow: 0 3px 8px 0 rgba(0,0,0,0.102);
  overflow: hidden;
}
.CustomersOnline .CustomersOnline__clientPanel__contentWrapped {
  padding: 10px 14px;
}
.CustomersOnline .CustomersOnline__clientPanel__header {
  padding: 10px;
  border-bottom: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 10px;
}
.CustomersOnline .CustomersOnline__clientPanel__icon {
  font-size: 18px;
  color: #00a455;
}
.CustomersOnline__clientRowInfo {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 2fr 2fr 3fr 3fr;
  grid-column-gap: 10px;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
  -webkit-transition-duration: 120ms;
          transition-duration: 120ms;
}
.CustomersOnline--Mobile .CustomersOnline__clientRowInfo {
  grid-template-columns: 1fr 1fr;
  padding: 2.222222222222222vw;
  grid-column-gap: 2.777777777777778vw;
  font-size: 3.333333333333333vw;
  line-height: 4.444444444444445vw;
  font-weight: 400;
  border-bottom: 0.277777777777778vw solid #e8e8ea;
}
.CustomersOnline__clientRowInfo--selected {
  background-color: #e9edf0;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}
.CustomersOnline__clientRowInfo__bold {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.CustomersOnline--Mobile .CustomersOnline__clientRowInfo__bold {
  font-size: pcToVw(12px);
  line-height: 5vw;
}
.CustomersOnline__clientRowInfo__boldSmall {
  font-weight: 700;
}
.CustomersOnline__clientRowInfo__column {
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-flow: row;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: start;
  grid-gap: 4px;
}
.CustomersOnline__clientRowInfo__requests {
  overflow: hidden;
  display: grid;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-gap: 4px;
}

.MoveInCell-module__MoveInCell--6vzRB {
  font-weight: 400;
}

.VolumeCell-module__VolumeCell--I6HSy {
  font-weight: 400;
}

.BalanceCell-module__BalanceCell--CG0M6 {
  font-weight: 500, color #00a455;
}
.BalanceCell-module__BalanceCell_negative--skFS1 {
  color: #ee4b19;
}

.CustomersOnlineClientOrders .CustomersOnlineClientOrders__tabPane__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.CustomersOnlineClientOrders--Mobile.CustomersOnlineClientOrders .CustomersOnlineClientOrders__tabPane__tabs {
  gap: 2.777777777777778vw;
  padding: 0 4.166666666666667vw;
}
.CustomersOnlineClientOrders .CustomersOnlineClientOrders__tabPane__views {
  padding: 6px;
  padding-top: 12px;
}
.CustomersOnlineClientOrders--Mobile.CustomersOnlineClientOrders .CustomersOnlineClientOrders__tabPane__views {
  padding: 0vw;
  padding-top: 3.333333333333333vw;
}
.CustomersOnlineClientOrders__request {
  cursor: pointer;
  min-height: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: start;
  padding: 5px 10px;
  font-size: 12px;
  border-bottom: 1px solid #e8e8ea;
  -webkit-transition-duration: 120ms;
          transition-duration: 120ms;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.CustomersOnlineClientOrders--Mobile .CustomersOnlineClientOrders__request {
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-column-gap: 0;
  grid-row-gap: 1.111111111111111vw;
  padding: 2.777777777777778vw 4.166666666666667vw;
  min-height: 13.333333333333334vw;
  font-size: 3.333333333333333vw;
  border-bottom-width: 1px;
}
.CustomersOnlineClientOrders__request:hover {
  background-color: #f2f4f6;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}
.CustomersOnlineClientOrders__request:active {
  background-color: #e9edf0;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}
.CustomersOnlineClientOrders__request--link {
  text-decoration: unset;
  color: unset;
}
.CustomersOnlineClientOrders__request--header {
  color: #71737f;
  font-weight: 500;
  cursor: unset;
}
.CustomersOnlineClientOrders--Mobile .CustomersOnlineClientOrders__request--header {
  display: none;
}
.CustomersOnlineClientOrders__request--header:hover {
  background-color: transparent;
}
.CustomersOnlineClientOrders__request--header:active {
  background-color: transparent;
}
.CustomersOnlineClientOrders__request__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.CustomersOnlineClientOrders__bold {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.CustomersOnlineClientOrders--Mobile .CustomersOnlineClientOrders__bold {
  font-size: 4.444444444444445vw;
  line-height: 5.555555555555555vw;
}
.CustomersOnlineClientOrders--Mobile.CustomersOnlineClientOrders .CustomersOnlineClientOrders__moveDate {
  font-size: 3.888888888888889vw;
}
.CustomersOnlineClientOrders .CustomersOnlineClientOrders__RequestStatus {
  font-size: 10px;
  line-height: 1.4em;
  padding: 2px 6px;
  border-radius: 5px;
}
.CustomersOnlineClientOrders--Mobile.CustomersOnlineClientOrders .CustomersOnlineClientOrders__RequestStatus {
  font-weight: 500;
  font-size: 2.777777777777778vw;
  padding: 0.555555555555556vw 1.666666666666667vw;
  border-radius: 1.388888888888889vw;
}
.CustomersOnlineClientOrders .CustomersOnlineClientOrders__MoveSizeCell {
  grid-row-gap: 0;
}
.CustomersOnlineClientOrders--Mobile.CustomersOnlineClientOrders .CustomersOnlineClientOrders__MoveSizeCell {
  font-weight: 600;
  font-size: 3.333333333333333vw;
  grid-auto-flow: column;
}
.CustomersOnlineClientOrders .CustomersOnlineClientOrders__ServiceTypeCell {
  font-weight: 400;
}

.CustomersOnlineNotificationButton {
  width: unset;
  height: 32px;
  color: unset;
  text-decoration: unset;
}
.CustomersOnlineNotificationButton--Mobile {
  height: 7.777777777777778vmin;
}
.CustomersOnlineNotificationButton__inners {
  background-color: #fff;
  height: 32px;
  border-radius: 16px;
  display: grid;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  padding: 0 12px;
}
.CustomersOnlineNotificationButton--Mobile .CustomersOnlineNotificationButton__inners {
  height: 7.777777777777778vmin;
  border-radius: 4.444444444444445vmin;
  grid-column-gap: 2.5vmin;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  padding: 0 2.222222222222222vmin;
  padding-left: 2.777777777777778vmin;
}
.CustomersOnlineNotificationButton__icon {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background-color: #71737f;
}
.CustomersOnlineNotificationButton--Mobile .CustomersOnlineNotificationButton__icon {
  width: 2.222222222222222vmin;
  height: 2.222222222222222vmin;
  border-radius: 0.833333333333333vmin;
}
.CustomersOnlineNotificationButton__icon--active {
  background-color: #00a455;
  -webkit-box-shadow: 0 0 0 3px rgba(0,164,85,0.4);
          box-shadow: 0 0 0 3px rgba(0,164,85,0.4);
}
.CustomersOnlineNotificationButton--Mobile .CustomersOnlineNotificationButton__icon--active {
  -webkit-box-shadow: 0 0 0 0.833333333333333vmin rgba(0,164,85,0.4);
          box-shadow: 0 0 0 0.833333333333333vmin rgba(0,164,85,0.4);
}

.UiKitPreview {
  background: #ffdead;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.UiKitPreview>* {
  margin-top: 10px;
}
.UiKitPreview__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.UiKitPreview__row--icons .SvgIcon {
  width: 44px;
  height: 44px;
}
.UiKitPreview__row>* {
  margin-right: 10px;
  margin-bottom: 10px;
}

.InvoiceStatus {
  padding: 3px 6px;
  position: relative;
  font-size: 12px;
  font-weight: 500;
}
.InvoiceStatus--Mobile {
  font-size: 3.333333333333333vw;
  padding: 0.833333333333333vw 1.666666666666667vw;
}
.InvoiceStatus__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 5px;
}
.InvoiceStatus--Mobile .InvoiceStatus__background {
  border-radius: 1.388888888888889vw;
}
.InvoiceStatus__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InvoiceStatus__point {
  width: 8px;
  height: 8px;
  margin-left: 9px;
  border-radius: 50%;
}
.InvoiceStatus--Mobile .InvoiceStatus__point {
  width: 2.222222222222222vw;
  height: 2.222222222222222vw;
  margin-left: 2.5vw;
}

.MultiToggleButton {
  height: 36px;
  display: grid;
  grid-auto-columns: 150px;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  background-color: #e4e4e4;
  border-radius: 18px;
  border: 2px solid #e4e4e4;
  cursor: pointer;
  position: relative;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  z-index: 0;
}
.MultiToggleButton--Mobile {
  grid-auto-columns: 41.666666666666664vw;
  height: 10vw;
  background-color: #e4e4e4;
  border-radius: 5vw;
  border: 5vw solid #e4e4e4;
  font-size: 3.888888888888889vw;
}
.MultiToggleButton__option {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: transparent;
  color: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MultiToggleButton__option--active {
  color: #fff;
}
.MultiToggleButton__options {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  font-weight: 400;
  font-size: 14px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-template-columns: 1fr 1fr;
}
.MultiToggleButton__text {
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.MultiToggleButton__circle {
  background-color: #00a455;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.MultiToggleButton--active .MultiToggleButton__circle {
  background-color: #e4e4e4;
}
.MultiToggleButton--Mobile .MultiToggleButton__circle {
  height: 100%;
  border-radius: 4.444444444444445vw;
}

.ApiTester {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.ApiTester__result {
  grid-column: span 2;
  color: #fff;
  white-space: pre-wrap;
}
.ApiTester__result--error {
  color: #f00;
}
.ApiTester .TrumbowygWrapper {
  background-color: #fff;
}

.ChatCard {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  gap: 11px;
  padding: 0 16px 0 15px;
  text-decoration: none;
}
.ChatCard--active {
  background-color: #f2f4f6;
  position: relative;
}
.ChatCard--active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: #00a455;
}
.ChatCard--active::before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.ChatCard__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ChatCard__requestInfo {
  height: 100%;
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content min-content;
  border-bottom: 1px solid #e8e8ea;
  padding: 9px 0;
}
.ChatCard__requestInfo--hiddenBorder {
  border-bottom: 1px solid #f2f4f6;
}
.ChatCard__requestInfo__userName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ChatCard__requestInfo__idRequest {
  display: grid;
  gap: 16px;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}
.ChatCard__requestInfo__idRequest__time {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.ChatCard__requestInfo__idRequest__id {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.ChatCard__requestInfo__lastMessage {
  display: grid;
  gap: 16px;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
}
.ChatCard__requestInfo__lastMessage__count {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  background-color: #00a455;
  border-radius: 8px;
  color: #fff;
  min-width: 16px;
  text-align: center;
  padding: 0 4px 0 4px;
}
.ChatCard__requestInfo__lastMessage__description {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ChatList__notification {
  text-align: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  color: #12152a;
  padding: 16px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), to(transparent));
  background: linear-gradient(0deg, #fff 50%, transparent);
}

.MessagesPage {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 331px auto;
  background-color: #fff;
}
.MessagesPage__request {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.MessagesPage__request__search {
  height: 65px;
  padding: 7px 0 7px 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  background-color: #fff;
  border-bottom: 1px solid #e8e8ea;
  z-index: 1;
}
.MessagesPage__request__list {
  padding-top: 6px;
  width: 100%;
  overflow-y: auto;
  height: 100%;
}
.MessagesPage__messageBlock {
  overflow: hidden;
  background-color: #f2f4f6;
}

.MessagesContainer {
  display: grid;
  height: 100%;
  overflow: hidden;
  grid-template-rows: 65px auto;
  border-left: 1px solid #f2f4f6;
}
.MessagesContainer .Messages__loader .Loader {
  background-color: #f2f4f6;
}
.MessagesContainer__emptyRequest {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
}
.MessagesContainer__header {
  background: #fff;
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-max-content;
  grid-template-columns: min-content auto max-content;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #f2f4f6;
}
.MessagesContainer__header .UserInitialsAvatar {
  width: 36px;
  height: 36px;
  font-size: 13px;
}
.MessagesContainer__header__data {
  display: grid;
  gap: 2px;
}
.MessagesContainer__header__data--primary {
  color: #00a455;
}
.MessagesContainer__header__data--negative {
  color: #ee4b19;
}
.MessagesContainer__header__data__requestId {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
}
.MessagesContainer__header__data__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
}

.ParklotContainer {
  background: #fff;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  overflow: hidden;
}
.ParklotContainer .ParklotContainer__deliveryToggle {
  width: 260px;
  position: absolute;
  left: 0;
  top: 4px;
}
.ParklotContainer--Mobile.ParklotContainer .ParklotContainer__deliveryToggle {
  width: 72.22222222222223vw;
  height: 15.555555555555555vw;
  position: fixed;
  bottom: 7.777777777777778vw;
  top: unset;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 3;
}
.ParklotContainer--Mobile.ParklotContainer .ParklotContainer__deliveryToggle__background,
.ParklotContainer--Mobile.ParklotContainer .ParklotContainer__deliveryToggle__option {
  border-radius: 7.777777777777778vw;
}
.ParklotContainer--Mobile.ParklotContainer .ParklotContainer__deliveryToggle__title {
  font-size: 4.444444444444445vw;
}
.ParklotContainer--Mobile.ParklotContainer .ParklotContainer__deliveryToggle__desc {
  font-size: 3.333333333333333vw;
}
.ParklotContainer__controls {
  width: 100%;
  height: 50px;
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 16px;
  position: relative;
}
.ParklotContainer--Mobile .ParklotContainer__controls {
  height: 13.88888888888889vw;
  grid-column-gap: 5.555555555555555vw;
  padding: 0 4.444444444444445vw;
}
.ParklotContainer__controls__busyMovers {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 4px;
  background-color: #474747;
  height: 28px;
  border-radius: 14px;
  color: #fff;
  padding: 0 10px;
  font-size: 20px;
}
.ParklotContainer--Mobile .ParklotContainer__controls__busyMovers {
  grid-column-gap: 1.111111111111111vw;
  height: 7.777777777777778vw;
  border-radius: 3.888888888888889vw;
  padding: 0 2.777777777777778vw;
  font-size: 5.555555555555555vw;
}
.ParklotContainer__controls__busyMovers__icon {
  width: 18px;
  height: 18px;
  color: #fff;
}
.ParklotContainer--Mobile .ParklotContainer__controls__busyMovers__icon {
  width: 5vw;
  height: 5vw;
}
.ParklotContainer__controls__icon {
  width: 18px;
  height: 18px;
  color: #71737f;
  cursor: pointer;
}
.ParklotContainer--Mobile .ParklotContainer__controls__icon {
  width: 5vw;
  height: 5vw;
}
.ParklotContainer__controls__icon:hover {
  color: #00a455;
}
.ParklotContainer__controls__icon--active {
  color: #00a455;
}
.ParklotContainer__controls__rightButtons {
  position: absolute;
  right: 16px;
  display: grid;
  grid-column-gap: 16px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ParklotContainer--Mobile .ParklotContainer__controls__rightButtons {
  right: 4.444444444444445vw;
  grid-column-gap: 4.444444444444445vw;
}
.ParklotContainer__switcher {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  justify-items: center;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  width: 340px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.ParklotContainer--Mobile .ParklotContainer__switcher {
  grid-column-gap: 4.444444444444445vw;
  width: 94.44444444444444vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
}
.ParklotContainer__switcher__btn {
  color: #00a455;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ParklotTimeEditor {
  padding: 25px 16px;
  padding-bottom: 16px;
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 16px;
}
.ParklotTimeEditor__modal.ModalInstance {
  width: 260px;
}
.ParklotTimeEditor__saveButton {
  justify-self: end;
}

.DurationPicker {
  width: 85px;
  height: 34px;
}
.DurationPicker--Mobile {
  width: 23.61111111111111vw;
  height: 9.444444444444445vw;
}
.DurationPicker__hidden {
  display: none;
}
.DurationPicker__selectList {
  width: 100%;
}
.DurationPicker .Input {
  width: 100%;
}
.DurationPicker--empty .DurationPicker .Input {
  color: #71737f;
}
.DurationPicker .react-datepicker-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: 1px solid #e8e8ea;
}
.DurationPicker--Mobile.DurationPicker .react-datepicker-wrapper {
  border-radius: 0.833333333333333vw;
  border-width: 0.277777777777778vw;
}
.DurationPicker .react-datepicker-wrapper .react-datepicker__input-container {
  width: 100%;
  height: 100%;
}
.DurationPicker .react-datepicker-wrapper .react-datepicker__input-container input {
  width: 100%;
  height: 100%;
  border: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #12152a;
  padding: 9px;
}
.DurationPicker--Mobile.DurationPicker .react-datepicker-wrapper .react-datepicker__input-container input {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  padding: 2.5vw;
}
.DurationPicker__tooltip .react-datepicker {
  border-radius: 8px;
  border: none;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
.DurationPicker__tooltip--Mobile.DurationPicker__tooltip .react-datepicker {
  border-radius: 2.222222222222222vw;
}
.DurationPicker__tooltip .react-datepicker__header {
  display: none;
}
.DurationPicker__tooltip .react-datepicker__time-container {
  width: 100px;
}
.DurationPicker__tooltip--Mobile.DurationPicker__tooltip .react-datepicker__time-container {
  width: 27.77777777777778vw;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time {
  border-radius: 8px;
}
.DurationPicker__tooltip--Mobile.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time {
  border-radius: 2.222222222222222vw;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-radius: 8px;
  width: 100px;
}
.DurationPicker__tooltip--Mobile.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-radius: 2.222222222222222vw;
  width: 100%;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.DurationPicker__tooltip--Mobile.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  height: calc(54.166666666666664vw + (1.7rem / 2));
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #12152a;
}
.DurationPicker__tooltip--Mobile.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
  height: 8.333333333333334vw;
  padding: 1.388888888888889vw 2.777777777777778vw;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item.DurationPicker__hidden {
  display: none;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
  background-color: #f2f4f6;
  color: #12152a;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--disabled {
  background-color: rgba(113,115,127,0.15);
  color: #71737f;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--disabled:hover {
  background-color: rgba(113,115,127,0.15);
  color: #71737f;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
  background-color: #f2f4f6;
  color: #12152a;
  font-weight: 400;
}
.DurationPicker__tooltip .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected:hover {
  background-color: #f2f4f6;
}

.LongDistanceDeliveryToggle {
  width: 100%;
  height: 42px;
  margin-bottom: 9px;
  padding: 0 16px;
}
.LongDistanceDeliveryToggle--Mobile {
  height: 11.666666666666666vw;
  margin-bottom: 2.5vw;
  padding: 0 4.444444444444445vw;
}
.LongDistanceDeliveryToggle__background {
  width: 100%;
  height: 100%;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-gap: 0;
  background-color: #f2f4f6;
  border-radius: 8px;
  color: #71737f;
}
.LongDistanceDeliveryToggle--Mobile .LongDistanceDeliveryToggle__background {
  border-radius: 2.222222222222222vw;
}
.LongDistanceDeliveryToggle__option {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  padding: 6px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.LongDistanceDeliveryToggle--Mobile .LongDistanceDeliveryToggle__option {
  padding: 1.666666666666667vw;
  border-radius: 2.222222222222222vw;
}
.LongDistanceDeliveryToggle__option--selected {
  background-color: #00a455;
  color: #fff;
}
.LongDistanceDeliveryToggle__option__title {
  font-weight: 500;
}
.LongDistanceDeliveryToggle__option__desc {
  font-size: 10px;
}
.LongDistanceDeliveryToggle--Mobile .LongDistanceDeliveryToggle__option__desc {
  font-size: 2.777777777777778vw;
}

.FlatRateDeliveryToggle {
  width: 100%;
  height: 42px;
  margin-bottom: 9px;
  padding: 0 16px;
}
.FlatRateDeliveryToggle--Mobile {
  height: 11.666666666666666vw;
  margin-bottom: 2.5vw;
  padding: 0 4.444444444444445vw;
}
.FlatRateDeliveryToggle__background {
  width: 100%;
  height: 100%;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-gap: 0;
  background-color: #f2f4f6;
  border-radius: 8px;
  color: #71737f;
}
.FlatRateDeliveryToggle--Mobile .FlatRateDeliveryToggle__background {
  border-radius: 2.222222222222222vw;
}
.FlatRateDeliveryToggle__option {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  padding: 6px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.FlatRateDeliveryToggle--Mobile .FlatRateDeliveryToggle__option {
  padding: 1.666666666666667vw;
  border-radius: 2.222222222222222vw;
}
.FlatRateDeliveryToggle__option--selected {
  background-color: #00a455;
  color: #fff;
}
.FlatRateDeliveryToggle__option__title {
  font-weight: 500;
}
.FlatRateDeliveryToggle__option__desc {
  font-size: 10px;
}
.FlatRateDeliveryToggle--Mobile .FlatRateDeliveryToggle__option__desc {
  font-size: 2.777777777777778vw;
}

.StatusRow {
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  height: 48px;
  z-index: 1;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.StatusRow--Mobile {
  height: 9.444444444444445vw;
  border-radius: 2.222222222222222vw;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.StatusRow__status {
  height: 100%;
  position: relative;
  cursor: pointer;
  margin-right: -33px;
}
.StatusRow--Mobile .StatusRow__status {
  margin-right: -9.166666666666666vw;
}
.StatusRow__status--alternative {
  font-size: 15px;
  width: 234px;
  height: 100%;
  border: none;
  color: #fff;
}
.StatusRow--Mobile .StatusRow__status--alternative {
  font-size: 4.166666666666667vw;
  width: 38.888888888888886vw;
}
.StatusRow__status--alternative .RequestStatusName {
  text-transform: lowercase;
}
.StatusRow__status--alternative .RequestStatusName:first-letter {
  text-transform: uppercase;
}
.StatusRow__status:first-child {
  margin-right: 0;
}
.StatusRow__status .SelectList {
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
  color: #fff;
}
.StatusRow__status .RequestStatusName {
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.StatusRow__status__textBlock {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.StatusRow__status__textBlock--closed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StatusRow__status__icon {
  width: 44px;
  height: 44px;
  margin-left: 9px;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
          filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzOCAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk3NDggMjUuOTE2N0wzMS45OTk1IDE0LjE5MTlMMjYuMDMxNSAzLjk5OTIyTDYuMDA2ODUgMTUuNzI0TDExLjk3NDggMjUuOTE2N1oiIGZpbGw9IiMwRDdDNDciLz4KPHBhdGggZD0iTTI0LjQ5MTcgNi4yMjgwM0w4LjcwNjQ1IDE1LjQ3MDdDOS4wNDk3OCAxNi4wNTcxIDguODM5IDE2LjgxODcgOC4yMzU4NCAxNy4xNzE5TDExLjgwNCAyMy4yNjU4QzEyLjQwNzIgMjIuOTEyNiAxMy4xNzQ1IDIzLjEwMTUgMTMuNTE3OCAyMy42ODc5TDI5LjMwMzEgMTQuNDQ1MkMyOC45NTk3IDEzLjg1ODggMjkuMTcwNCAxMy4wOTcyIDI5Ljc3MzcgMTIuNzQ0TDI2LjIwNTUgNi42NTAxM0MyNS42MDIyIDcuMDAzNDEgMjQuODM1IDYuODE0MzggMjQuNDkxNyA2LjIyODAzWiIgZmlsbD0iIzBEQTg1RCIvPgo8cGF0aCBkPSJNMjEuNzUxMSAxMy4zNDkyQzIwLjYyNjggMTEuNDI5MSAxOC40ODU2IDEwLjU5MjUgMTYuOTY4NyAxMS40ODA3QzE1LjQ1MTcgMTIuMzY4OSAxNS4xMzM0IDE0LjY0NTUgMTYuMjU3NyAxNi41NjU3QzE3LjM4MiAxOC40ODU5IDE5LjUyMzIgMTkuMzIyNSAyMS4wNDAxIDE4LjQzNDNDMjIuNTU3MSAxNy41NDYxIDIyLjg3NTQgMTUuMjY5NCAyMS43NTExIDEzLjM0OTJaIiBmaWxsPSIjMEQ3QzQ3Ii8+CjxwYXRoIGQ9Ik0yNi43ODM1IDExLjEyMzFDMjcuMTgxMSAxMS4xMjMxIDI3LjUwMzUgMTAuODAwOCAyNy41MDM1IDEwLjQwMzFDMjcuNTAzNSAxMC4wMDU1IDI3LjE4MTEgOS42ODMxMSAyNi43ODM1IDkuNjgzMTFDMjYuMzg1OCA5LjY4MzExIDI2LjA2MzUgMTAuMDA1NSAyNi4wNjM1IDEwLjQwMzFDMjYuMDYzNSAxMC44MDA4IDI2LjM4NTggMTEuMTIzMSAyNi43ODM1IDExLjEyMzFaIiBmaWxsPSIjMEQ3QzQ3Ii8+CjxwYXRoIGQ9Ik0xMS4yMjQ5IDIwLjIzNDRDMTEuNjIyNSAyMC4yMzQ0IDExLjk0NDkgMTkuOTEyMSAxMS45NDQ5IDE5LjUxNDRDMTEuOTQ0OSAxOS4xMTY4IDExLjYyMjUgMTguNzk0NCAxMS4yMjQ5IDE4Ljc5NDRDMTAuODI3MiAxOC43OTQ0IDEwLjUwNDkgMTkuMTE2OCAxMC41MDQ5IDE5LjUxNDRDMTAuNTA0OSAxOS45MTIxIDEwLjgyNzIgMjAuMjM0NCAxMS4yMjQ5IDIwLjIzNDRaIiBmaWxsPSIjMDE3NjNFIi8+CjxwYXRoIGQ9Ik0yMC40OTU1IDE3Ljg0NDVMMjAuMjA2OCAxNy4zNTEzQzE5LjU1MjYgMTcuNjQ5OCAxOC44NTQ3IDE3LjcyODkgMTguMTE0IDE3LjU4ODNMMTguMjYzIDE2LjcxMTlDMTguODMzNyAxNi44MTkyIDE5LjMzNzUgMTYuNzg3IDE5Ljc3NTggMTYuNjE1MkwxOS4wMDg0IDE1LjMwNDdDMTguNDI4MiAxNS40ODEzIDE3Ljk2MTkgMTUuNTM5NSAxNy42MDk1IDE1LjQ3OThDMTcuMjU3MSAxNS40MiAxNi45NjY4IDE1LjE5NTQgMTYuNzM4OCAxNC44MDU5QzE2LjUxMDcgMTQuNDE2NCAxNi40NiAxNC4wMTgzIDE2LjU4NzUgMTMuNjEwOEMxNi43MTUxIDEzLjIwMzUgMTYuOTkwNyAxMi44NjA5IDE3LjQxNDYgMTIuNTgyNUwxNy4yMTY3IDEyLjI0NDdMMTcuNjQ4OCAxMS45OTE3TDE3Ljg1MDUgMTIuMzM2MUMxOC4zNjcgMTIuMDgyNCAxOC45MzQyIDExLjk3NjkgMTkuNTUyNCAxMi4wMjAzTDE5LjQ3NyAxMi44OTg5QzE5LjA1NTcgMTIuODYxNCAxOC42NTc2IDEyLjkxOTEgMTguMjgxNiAxMy4wNzI1TDE5LjAyNTEgMTQuMzQyNEwxOS4wNDU1IDE0LjMzMDVDMTkuNjM0NiAxNC4xNDkgMjAuMTExMyAxNC4wOTA2IDIwLjQ3NTQgMTQuMTU1M0MyMC44NDAzIDE0LjIyIDIxLjEzNzkgMTQuNDQ5NiAyMS4zNjg1IDE0Ljg0MzRDMjEuNTk5MiAxNS4yMzc2IDIxLjY0NzYgMTUuNjQwNCAyMS41MTMyIDE2LjA1MTNDMjEuMzc5MSAxNi40NjI3IDIxLjA4OTIgMTYuODEzNyAyMC42NDI5IDE3LjEwNTNMMjAuOTI3NiAxNy41OTE1TDIwLjQ5NTUgMTcuODQ0NVpNMTcuNDY1OSAxMy43NjMzQzE3LjQxMDMgMTMuOTMxOCAxNy40MjcgMTQuMDkxNCAxNy41MTUzIDE0LjI0MjNDMTcuNjAzNiAxNC4zOTMyIDE3LjcxODYgMTQuNDg2MSAxNy44NjAxIDE0LjUyMUMxOC4wMDEyIDE0LjU1NjUgMTguMjIyMSAxNC41NDA0IDE4LjUyMTkgMTQuNDczOEwxNy44Mzc2IDEzLjMwNTFDMTcuNjQ1NCAxMy40NDIgMTcuNTIxNSAxMy41OTQ2IDE3LjQ2NTkgMTMuNzYzM1pNMjAuNjIyNCAxNS44OTI2QzIwLjY4NzcgMTUuNzE1NSAyMC42NzQ1IDE1LjU0NzkgMjAuNTgyMiAxNS4zOTAyQzIwLjQ4OTkgMTUuMjMyNyAyMC4zNjczIDE1LjEzNjYgMjAuMjE0MiAxNS4xMDIyQzIwLjA2MDYgMTUuMDY4MSAxOS44MjUyIDE1LjA4OTYgMTkuNTA3OCAxNS4xNjY2TDIwLjIxOTcgMTYuMzgyM0MyMC40MjI3IDE2LjIzMzYgMjAuNTU2NiAxNi4wNzAyIDIwLjYyMjQgMTUuODkyNloiIGZpbGw9IiMwREE4NUQiLz4KPHBhdGggZD0iTTIwLjA0MzcgMjEuMTkyM0wyMy45MzIxIDE4LjkxNTVMMTcuOTY0MiA4LjcyMjgzTDE0LjA3NTcgMTAuOTk5NkwyMC4wNDM3IDIxLjE5MjNaIiBmaWxsPSIjRkZCQjIyIi8+CjxwYXRoIGQ9Ik0yMC4zMzE2IDIxLjAyNTJMMjAuNjI4OSAyMC44NTExTDE0LjY2MDkgMTAuNjU4NEwxNC4zNjM2IDEwLjgzMjVMMjAuMzMxNiAyMS4wMjUyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIzLjM0NjcgMTkuMjU4MUwyMy42NDQgMTkuMDg0TDE3LjY3NjEgOC44OTEzMUwxNy4zNzg3IDkuMDY1NEwyMy4zNDY3IDE5LjI1ODFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOC44MDYzNyAyNi45NzQ2TDMxLjU5MjMgMjIuNTkzOEwyOS4zNjI0IDEwLjk5NTZMNi41NzY1IDE1LjM3NjRMOC44MDYzNyAyNi45NzQ2WiIgZmlsbD0iIzAxNzYzRSIvPgo8cGF0aCBkPSJNOS4zMTY4NCAyNS4xNTcyTDcuNzI0NjEgMTYuODczM0M4LjE4MjI2IDE2Ljc4NTMgOC40ODE5MiAxNi4zNDMxIDguMzkzOTcgMTUuODg1NEwyNy44NjcyIDEyLjE0MjZDMjcuOTU1MSAxMi42MDAyIDI4LjM5NzQgMTIuODk5OSAyOC44NTUgMTIuODExOUwzMC40NDczIDIxLjA5NThDMjkuOTg5NiAyMS4xODM4IDI5LjY4OTkgMjEuNjI2IDI5Ljc3NzkgMjIuMDgzN0wxMC4zMDQ3IDI1LjgyNjVDMTAuMjE2OCAyNS4zNjg5IDkuNzc0NDkgMjUuMDY5MiA5LjMxNjg0IDI1LjE1NzJaIiBmaWxsPSIjMERBODVEIi8+CjxwYXRoIGQ9Ik0yMi4yMDk5IDE4LjM4MzVDMjEuNzg5OSAxNi4xOTg1IDIwLjA1IDE0LjY5NjMgMTguMzIzOSAxNS4wMjgyQzE2LjU5NzggMTUuMzYwMSAxNS41MzkgMTcuNDAwMyAxNS45NTkxIDE5LjU4NTNDMTYuMzc5MiAyMS43NzAyIDE4LjExOSAyMy4yNzI1IDE5Ljg0NTEgMjIuOTQwNkMyMS41NzEzIDIyLjYwODcgMjIuNjMgMjAuNTY4NSAyMi4yMDk5IDE4LjM4MzVaIiBmaWxsPSIjMDE3NjNFIi8+CjxwYXRoIGQ9Ik0yNy45MzY4IDE4LjAwMzVDMjguMzM0NSAxOC4wMDM1IDI4LjY1NjggMTcuNjgxMSAyOC42NTY4IDE3LjI4MzVDMjguNjU2OCAxNi44ODU4IDI4LjMzNDUgMTYuNTYzNSAyNy45MzY4IDE2LjU2MzVDMjcuNTM5MiAxNi41NjM1IDI3LjIxNjggMTYuODg1OCAyNy4yMTY4IDE3LjI4MzVDMjcuMjE2OCAxNy42ODExIDI3LjUzOTIgMTguMDAzNSAyNy45MzY4IDE4LjAwMzVaIiBmaWxsPSIjMDE3NjNFIi8+CjxwYXRoIGQ9Ik0xMC4yMzMyIDIxLjQwNjNDMTAuNjMwOCAyMS40MDYzIDEwLjk1MzIgMjEuMDg0IDEwLjk1MzIgMjAuNjg2M0MxMC45NTMyIDIwLjI4ODcgMTAuNjMwOCAxOS45NjYzIDEwLjIzMzIgMTkuOTY2M0M5LjgzNTU0IDE5Ljk2NjMgOS41MTMxOCAyMC4yODg3IDkuNTEzMTggMjAuNjg2M0M5LjUxMzE4IDIxLjA4NCA5LjgzNTU0IDIxLjQwNjMgMTAuMjMzMiAyMS40MDYzWiIgZmlsbD0iIzAxNzYzRSIvPgo8cGF0aCBkPSJNMTkuNTI4OSAyMi4yMDMzTDE5LjQyMTEgMjEuNjQyMkMxOC43MDQ4IDIxLjcwNTYgMTguMDIwNSAyMS41NDc1IDE3LjM2ODkgMjEuMTY4TDE3LjgwMTUgMjAuMzkxNEMxOC4zMDM4IDIwLjY4MjggMTguNzg5NSAyMC44MjA0IDE5LjI2IDIwLjgwNDVMMTguOTczNCAxOS4zMTMxQzE4LjM2NzUgMTkuMjg2MiAxNy45MDg0IDE5LjE4NTcgMTcuNTk2MSAxOS4wMTE5QzE3LjI4MzcgMTguODM4MSAxNy4wODUgMTguNTI5NiAxNi45OTk4IDE4LjA4NjNDMTYuOTE0NiAxNy42NDMxIDE2Ljk5OTQgMTcuMjUwOSAxNy4yNTU1IDE2LjkwOTFDMTcuNTExNiAxNi41Njc2IDE3Ljg4NTYgMTYuMzM2NSAxOC4zNzggMTYuMjE1MkwxOC4zMDQxIDE1LjgzMDhMMTguNzk1OCAxNS43MzYzTDE4Ljg3MTEgMTYuMTI4M0MxOS40NDI3IDE2LjA2MTIgMjAuMDEyNiAxNi4xNTA5IDIwLjU4MSAxNi4zOTc3TDIwLjIxNyAxNy4yMDFDMTkuODMyMyAxNy4wMjUyIDE5LjQzNzggMTYuOTQ3IDE5LjAzMjIgMTYuOTY2MkwxOS4zMDk5IDE4LjQxMTNMMTkuMzMzIDE4LjQwNjhDMTkuOTQ5IDE4LjQzMjIgMjAuNDE3OCAxOC41MzYgMjAuNzM5NiAxOC43MTg0QzIxLjA2MjEgMTguOTAxIDIxLjI2NjEgMTkuMjE2NSAyMS4zNTIyIDE5LjY2NDhDMjEuNDM4NCAyMC4xMTMzIDIxLjM0OTggMjAuNTA5MiAyMS4wODYxIDIwLjg1MThDMjAuODIyNSAyMS4xOTUgMjAuNDMyMyAyMS40MjkyIDE5LjkxNDIgMjEuNTU1NEwyMC4wMjA1IDIyLjEwODhMMTkuNTI4OSAyMi4yMDMzWk0xOC4wMzI4IDE3LjM0NThDMTcuOTI0MiAxNy40ODYgMTcuODg2OCAxNy42NDIxIDE3LjkxOTcgMTcuODEzOEMxNy45NTI3IDE3Ljk4NTYgMTguMDMwMSAxOC4xMTE1IDE4LjE1MTkgMTguMTkxNUMxOC4yNzMxIDE4LjI3MiAxOC40ODY4IDE4LjMzMDUgMTguNzkxNiAxOC4zNjc2TDE4LjUzNiAxNy4wMzc2QzE4LjMwOTIgMTcuMTAyNiAxOC4xNDE0IDE3LjIwNTIgMTguMDMyOCAxNy4zNDU4Wk0yMC4yOTkgMjAuNDA1M0MyMC40MTk3IDIwLjI2MDIgMjAuNDYzMSAyMC4wOTc4IDIwLjQyODYgMTkuOTE4M0MyMC4zOTQxIDE5LjczOSAyMC4zMTA1IDE5LjYwNzYgMjAuMTc3NiAxOS41MjQxQzIwLjA0NDIgMTkuNDQwNyAxOS44MTUxIDE5LjM4MjYgMTkuNDkwMiAxOS4zNDk0TDE5Ljc1NjEgMjAuNzMyOUMxOS45OTcxIDIwLjY2MDIgMjAuMTc3OSAyMC41NTA5IDIwLjI5OSAyMC40MDUzWiIgZmlsbD0iIzBEQTg1RCIvPgo8L3N2Zz4K);
}
.StatusRow__status__icon--inActive {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.StatusRow__status--inActive {
  color: #a0a1aa;
  stroke: rgba(18,21,42,0.1);
}
.StatusRow__status--selectList .RequestStatusName {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.StatusRow--Mobile.StatusRow__status--selectList .RequestStatusName {
  left: 3.055555555555555vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.StatusRow__status--selectList .SelectList__selectedValue {
  grid-gap: 0;
}
.StatusRow__status--selectList .SelectList__button {
  margin-left: auto;
}
.StatusRow__status__wrapper {
  height: 100%;
}
.StatusRow__status__background {
  width: 100%;
  height: 100%;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.StatusRow__status .RequestStatusName {
  text-transform: lowercase;
  display: block;
}
.StatusRow__status .RequestStatusName:first-letter {
  text-transform: uppercase;
}

.AddressOverview {
  display: grid;
}
.AddressOverview__withMargin {
  margin-top: 13px;
}
.AddressOverview--Mobile .AddressOverview__withMargin {
  margin-top: 3.611111111111111vw;
}
.AddressOverview__withMargin.Button {
  margin-top: 13px;
}
.AddressOverview--Mobile .AddressOverview__withMargin.Button {
  margin-top: 3.611111111111111vw;
}
.AddressOverview__block {
  cursor: pointer;
}
.AddressOverview__block--noPointer {
  cursor: unset;
}
.AddressOverview .AddressOverview__destinationMapButton {
  color: #ee4b19;
}
.AddressOverview .AddressOverview__destinationMapButton:hover {
  background-color: #ee4b19;
  color: #fff;
}
.AddressOverview__row {
  padding: 4.5px 16px;
  display: grid;
  grid-template-columns: 18px auto;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  font-weight: 500;
}
.AddressOverview--Mobile .AddressOverview__row {
  padding: 1.25vw 4.444444444444445vw;
  grid-template-columns: 5vw auto;
  grid-gap: 2.5vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #71737f;
  font-weight: 500;
}
.AddressOverview__row--originTitle {
  color: #00a455;
}
.AddressOverview--Mobile .AddressOverview__row--originTitle {
  color: #00a455;
}
.AddressOverview__row--destinationTitle {
  color: #ee4b19;
}
.AddressOverview--Mobile .AddressOverview__row--destinationTitle {
  color: #ee4b19;
}
.AddressOverview__row--extraStopTitle {
  color: #4d73eb;
}
.AddressOverview--Mobile .AddressOverview__row--extraStopTitle {
  color: #4d73eb;
}
.AddressOverview__row--customFirstColumn {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.AddressOverview--Mobile .AddressOverview__row--customFirstColumn {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.AddressOverview__row__bigIcon {
  width: 55px;
  height: 55px;
  background-size: contain;
  background-position: center;
}
.AddressOverview--Mobile .AddressOverview__row__bigIcon {
  width: 15.277777777777779vw;
  height: 15.277777777777779vw;
}
.AddressOverview__row__bigIcon--warehouse {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0yNC44ODA1IDEuODE3ODRMMjQuODc5MiAxLjgxODkxQzIyLjE1NjcgLTAuMDMyMzk3MiAxOC4yNzAxIDAuMTE5MjgzIDEzLjM4OTkgMi45MzY5NkM1Ljk5NDg5IDcuMjA2NDQgMCAxNS43NDQzIDAgMjIuMDA2OUwyOC4yMjAzIDM4LjQzNjFMNTIuNTk0NiAxNy44Nzg4TDI0Ljg4MDUgMS44MTc4NFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KICAgICAgICA8cGF0aCBkPSJNMTYuOTI5NyA0Ljk4MTc4QzIxLjQzNDkgMi4zODA3OCAyNS4wOTI1IDIuMDUzMDMgMjcuNzcgMy40NzQyMkwyNi43ODE0IDIuOTAxMzRMMjYuNzgwMSAyLjkwMjQyQzI0LjA1NzcgMS4wNTExMSAyMC4xNzEgMS4yMDI3OSAxNS4yOTA4IDQuMDIwMzZDNy44OTU3NyA4LjI5MDA1IDEuOTAwODggMTYuODI3OSAxLjkwMDg4IDIzLjA5MDVMMy41NDAwMyAyNC4wNDQ4QzMuNTQ0NTQgMTcuNzgyOCA5LjUzNzM5IDkuMjQ5NzYgMTYuOTI5NyA0Ljk4MTc4WiIgZmlsbD0iI0FCMkMzNyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yNC4zMDM4IDkuMjgzMjFDMjguODA4OSA2LjY4MjIgMzIuNDY2NSA2LjM1NDQ2IDM1LjE0NCA3Ljc3NTY1TDM0LjE1NTQgNy4yMDI3N0wzNC4xNTQxIDcuMjAzODRDMzEuNDMxNyA1LjM1MjY0IDI3LjU0NSA1LjUwNDMyIDIyLjY2NDggOC4zMjE4OUMxNS4yNjk4IDEyLjU5MTQgOS4yNzQ5IDIxLjEyOTQgOS4yNzQ5IDI3LjM5MTlMMTAuOTE0MSAyOC4zNDYyQzEwLjkxODYgMjIuMDg0MiAxNi45MTE0IDEzLjU1MTEgMjQuMzAzOCA5LjI4MzIxWiIgZmlsbD0iI0FCMkMzNyIvPgogICAgICAgIDxwYXRoIGQ9Ik0zMS42NzM4IDEzLjU2NUMzNi4xNzg5IDEwLjk2NCAzOS44MzY1IDEwLjYzNjMgNDIuNTE0IDEyLjA1NzVMNDEuNTI1NCAxMS40ODQ2TDQxLjUyNDEgMTEuNDg1N0MzOC44MDE3IDkuNjM0MzYgMzQuOTE1IDkuNzg2MDQgMzAuMDM0OCAxMi42MDM2QzIyLjYzOTggMTYuODczMyAxNi42NDUgMjUuNDExMiAxNi42NDUgMzEuNjczOEwxOC4yODQyIDMyLjYyOEMxOC4yODg2IDI2LjM2NjEgMjQuMjgxNSAxNy44MzMgMzEuNjczOCAxMy41NjVaIiBmaWxsPSIjQUIyQzM3Ii8+CiAgICAgICAgPHBhdGggZD0iTTM4Ljk1MDYgMTcuODEwMkM0My40NTU4IDE1LjIwOTEgNDcuMTEzNCAxNC44ODE0IDQ5Ljc5MDkgMTYuMzAyNkw0OC44MDIzIDE1LjcyOTdMNDguODAxIDE1LjczMDhDNDYuMDc4NiAxMy44Nzk1IDQyLjE5MTkgMTQuMDMxMiAzNy4zMTE3IDE2Ljg0ODdDMjkuOTE2OCAyMS4xMTg0IDIzLjkyMTkgMjkuNjU2MyAyMy45MjE5IDM1LjkxODlMMjUuNTYxIDM2Ljg3MzFDMjUuNTY1NCAzMC42MTEyIDMxLjU1ODQgMjIuMDc4MSAzOC45NTA2IDE3LjgxMDJaIiBmaWxsPSIjQUIyQzM3Ii8+CiAgICAgICAgPHBhdGggZD0iTTQxLjYxMDEgMTkuMzY2MUMzNC4yNzA1IDIzLjYwMzYgMjguMzEzMyAzMi4wNDQ1IDI4LjIyNDMgMzguMjkzN0wyOC4yMjI2IDM4LjI5NzlMMCAyMi4wMDY4VjM3LjA1ODdDMCAzOC4xMDkyIDAuNTYwNDIgMzkuMDc5OCAxLjQ3MDA3IDM5LjYwNUwyNi4xMzggNTMuODQ3QzI3LjQyNzkgNTQuNTkxOCAyOS4wMTcyIDU0LjU5MTYgMzAuMzA3IDUzLjg0NjhMNTMuNTMwMSA0MC40MzQ5QzU0LjQzOTcgMzkuOTA5NyA1NC45OTk5IDM4LjkzOTEgNTQuOTk5OSAzNy44ODg4VjIyLjk3NDdDNTUgMTYuNzEyMiA0OS4wMDUxIDE1LjA5NjUgNDEuNjEwMSAxOS4zNjYxWiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgogICAgICAgIDxwYXRoIGQ9Ik01My41MzAzIDM2LjkxMDJMMzAuMzA3MSA1MC4zMjE5QzI5LjAxNzMgNTEuMDY2OSAyNy40MjggNTEuMDY2OSAyNi4xMzggNTAuMzIyM0wxLjQ3MDA3IDM2LjA4MDNDMC41NjA0MiAzNS41NTUxIDAgMzQuNTg0NCAwIDMzLjUzMzlWMzcuMDU4OEMwIDM4LjEwOTIgMC41NjA0MiAzOS4wNzk5IDEuNDcwMDcgMzkuNjA1MUwyNi4xMzggNTMuODQ3MkMyNy40Mjc5IDU0LjU5MTggMjkuMDE3MiA1NC41OTE4IDMwLjMwNzEgNTMuODQ2OUw1My41MzAzIDQwLjQzNTFDNTQuNDM5OCAzOS45MDk5IDU1IDM4LjkzOTMgNTUgMzcuODg5VjM0LjM2NDJDNTUgMzUuNDE0NCA1NC40Mzk3IDM2LjM4NDkgNTMuNTMwMyAzNi45MTAyWiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyKSIvPgogICAgICAgIDxwYXRoIGQ9Ik0zOC4zODkyIDQ5LjE3NjRMNDguMDMwMiA0My42MTAxVjM0LjEwNzlMMzguMzg5MiAzOS42OTY1VjQ5LjE3NjRaIiBmaWxsPSIjNDMzODZCIi8+CiAgICAgICAgPHBhdGggZD0iTTguNTc3OTkgMzUuMTI1Mkw1LjQ4Nzc5IDMzLjM0ODNWMjguNTE3OEw4LjU3Nzk5IDMwLjMwOTJWMzUuMTI1MloiIGZpbGw9IiM0MzM4NkIiLz4KICAgICAgICA8cGF0aCBkPSJNMTkuOTAwMyA0MS43MzI4TDE2LjgxMDEgMzkuOTU1OFYzNS4xMjUyTDE5LjkwMDMgMzYuOTE2NlY0MS43MzI4WiIgZmlsbD0iIzQzMzg2QiIvPgogICAgICAgIDxwYXRoIGQ9Ik0zOC4zODkyIDM2LjgxNjZMNDEuNDc5NCAzNS4wMzk3VjMwLjIwOTJMMzguMzg5MiAzMi4wMDA1VjM2LjgxNjZaIiBmaWxsPSIjNDMzODZCIi8+CiAgICAgICAgPHBhdGggZD0iTTQ0LjkzOTkgMzMuMDI0OUw0OC4wMzAxIDMxLjI0NzlWMjYuNDE3NUw0NC45Mzk5IDI4LjIwODdWMzMuMDI0OVoiIGZpbGw9IiM0MzM4NkIiLz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjE3LjgzOTMiIHkxPSIzMi43MzU2IiB4Mj0iMzIuODEwNCIgeTI9IjYuODA0OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQUIyQzM3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC4yMDA3IiBzdG9wLWNvbG9yPSIjQjUyRjNCIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC41NDcxIiBzdG9wLWNvbG9yPSIjRDEzODQ2Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC45OTUyIiBzdG9wLWNvbG9yPSIjRkU0NzU3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNDc1NyIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iMjQuNTYwMSIgeTE9IjM1LjY5MjkiIHgyPSIyOC45NjgzIiB5Mj0iMzUuNjkyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQzVCQUVCIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q3RDFFQiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyIiB4MT0iMjUuMjU0MyIgeTE9IjQzLjk2OTgiIHgyPSIzMS40MzU3IiB5Mj0iNDMuOTY5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQUIyQzM3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC4yMDA3IiBzdG9wLWNvbG9yPSIjQjUyRjNCIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC41NDcxIiBzdG9wLWNvbG9yPSIjRDEzODQ2Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC45OTUyIiBzdG9wLWNvbG9yPSIjRkU0NzU3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNDc1NyIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMCI+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgZmlsbD0id2hpdGUiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgPC9kZWZzPgo8L3N2Zz4K);
}
.AddressOverview__row__bigIcon--truck {
  background-image: url(./images/c2b7a620522eb00726fe56cec667a073.svg);
}
.AddressOverview__row__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AddressOverview__row__icon.SvgIcon {
  justify-self: center;
  font-size: 18px;
}
.AddressOverview--Mobile .AddressOverview__row__icon.SvgIcon {
  font-size: 5vw;
}
.AddressOverview__row__icon--dots {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.AddressOverview--Mobile .AddressOverview__row__icon--dots {
  width: 100%;
}
.AddressOverview__row__icon__dots {
  background: radial-gradient(circle closest-corner, #e8e8ea 2px, transparent 2px);
  background-size: 14px 14px;
  background-repeat: repeat-y;
  background-position: center top;
  height: 100%;
  width: 100%;
  justify-self: center;
}
.AddressOverview--Mobile .AddressOverview__row__icon__dots {
  background: radial-gradient(circle closest-corner, #e8e8ea 0.555555555555556vw, transparent 0.555555555555556vw);
  background-size: 4.722222222222222vw 3.888888888888889vw;
}
.AddressOverview__editIcon {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #00a455;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.AddressOverview--Mobile .AddressOverview__editIcon {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  color: #00a455;
}
.AddressOverview__smallBoldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  min-height: 40px;
}
.AddressOverview--Mobile .AddressOverview__smallBoldText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 3.611111111111111vmin;
  min-height: 11.11111111111111vw;
}
.AddressOverview__content {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 4px;
}
.AddressOverview--Mobile .AddressOverview__content {
  grid-gap: 1.111111111111111vw;
}
.AddressOverview__content--withPadding {
  padding-bottom: 16px;
  padding-top: 4px;
}
.AddressOverview--Mobile .AddressOverview__content--withPadding {
  padding-bottom: 4.444444444444445vw;
  padding-top: 1.111111111111111vw;
}
.AddressOverview__content__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AddressOverview--Mobile .AddressOverview__content__row {
  grid-gap: 1.111111111111111vw;
}
.AddressOverview__link {
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
  margin-top: 9px;
}
.AddressOverview--Mobile .AddressOverview__link {
  margin-top: 2.5vw;
}
.AddressOverview a {
  text-decoration: none;
}

.StorageTenantInfo {
  background-color: #f2f4f6;
  padding: 8px;
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StorageTenantInfo__content {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  color: #71737f;
  font-weight: 400;
}
.StorageTenantInfo__content__title {
  color: #12152a;
  font-size: 16px;
  font-weight: 600;
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  overflow: hidden;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  text-overflow: ellipsis;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  grid-column-gap: 14px;
  margin-bottom: 8px;
}
.StorageTenantInfo__content__highlighted {
  color: #12152a;
}

.EntranceSelection {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  padding: 16px;
  position: relative;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.EntranceSelection--noIcon {
  grid-template-columns: 1fr;
}
.EntranceSelection--smallForm {
  overflow: initial;
  padding: 16px;
  border-radius: 8px;
  border-width: 1px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.EntranceSelection--Mobile {
  overflow: initial;
  padding: 4.444444444444445vw;
  border-radius: 2.222222222222222vw;
  border-width: 0.277777777777778vw;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.EntranceSelection__icon {
  margin-right: 16px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.6;
  width: 24px;
}
.EntranceSelection--Mobile .EntranceSelection__icon {
  margin-right: 4.444444444444445vw;
  width: 6.666666666666667vw;
}
.EntranceSelection__icon .SvgIcon {
  min-width: 24px;
  height: 24px;
}
.EntranceSelection--Mobile .EntranceSelection__icon .SvgIcon {
  min-width: 6.666666666666667vw;
  height: 6.666666666666667vw;
}
.EntranceSelection__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #71737f;
}
.EntranceSelection--Mobile .EntranceSelection__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  color: #71737f;
}
.EntranceSelection__list {
  grid-column-start: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -4px;
  margin-top: 12px;
}
.EntranceSelection--noIcon .EntranceSelection__list {
  grid-column-start: unset;
}
.EntranceSelection--smallForm .EntranceSelection__list {
  grid-column: 1/3;
}
.EntranceSelection--Mobile .EntranceSelection__list {
  margin-left: -1.111111111111111vw;
  margin-top: 3.333333333333333vw;
  grid-column: 1/3;
}
.EntranceSelection__btn {
  height: auto;
  padding: 8px 12px;
  margin: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.129);
          box-shadow: 0 1px 1px rgba(0,0,0,0.129);
}
.EntranceSelection--smallForm .EntranceSelection__btn {
  padding: 7px 10px;
}
.EntranceSelection--Mobile .EntranceSelection__btn {
  padding: 1.944444444444444vw 3.055555555555555vw;
  margin: 1.111111111111111vw;
  -webkit-box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.129);
          box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.129);
}
.EntranceSelection__check {
  pointer-events: none;
  content: '';
  position: absolute;
  font-size: 20px;
  display: block;
  width: 14px;
  top: 20px;
  right: 16px;
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.EntranceSelection--Mobile .EntranceSelection__check {
  font-size: 5.555555555555555vw;
  width: 3.888888888888889vw;
  top: 5.555555555555555vw;
  right: 4.444444444444445vw;
  -webkit-transform: translateX(13.88888888888889vw);
          transform: translateX(13.88888888888889vw);
}
.EntranceSelection--passive {
  background-color: #ebeef1;
}
.EntranceSelection--smallForm.EntranceSelection--passive {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.129);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.129);
  border-color: #fff;
}
.EntranceSelection--Mobile.EntranceSelection--passive {
  -webkit-box-shadow: inset 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.129);
          box-shadow: inset 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.129);
  border-color: #fff;
}
.EntranceSelection--active {
  background-color: #fff;
  border: 1px solid #00a455;
}
.EntranceSelection--smallForm.EntranceSelection--active {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15);
          box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.EntranceSelection--Mobile.EntranceSelection--active {
  border: 0.277777777777778vw solid #fff;
  -webkit-box-shadow: 0 0.277777777777778vw 1.111111111111111vw rgba(0,0,0,0.15);
          box-shadow: 0 0.277777777777778vw 1.111111111111111vw rgba(0,0,0,0.15);
}
.EntranceSelection--active .EntranceSelection__check {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.EntranceSelection--smallForm.EntranceSelection--active .EntranceSelection__check {
  display: none;
}
.EntranceSelection--Mobile.EntranceSelection--active .EntranceSelection__check {
  display: none;
}
.EntranceSelection--active .EntranceSelection__icon {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1;
}

.ModalInstance.RequestOnMapModal {
  height: 100%;
}
.RequestOnMap {
  width: 100%;
  height: 100%;
  position: relative;
}
.RequestOnMap__modal {
  height: 100%;
}
.RequestOnMap__iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.RequestOnMap__mapPlace {
  width: 100%;
  height: 100%;
}
.RequestOnMap__panelPlace {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  overflow: auto;
  background: #fff;
}

.MoverRequestMoveDetails {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  font-size: 13px;
  line-height: 17px;
  height: 100%;
  overflow-y: hidden;
}
.MoverRequestMoveDetails--Mobile {
  font-size: 3.611111111111111vw;
  line-height: 4.722222222222222vw;
}
.MoverRequestMoveDetails__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content auto;
  grid-template-rows: max-content max-content max-content auto;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 21px;
  padding: 15px 8px;
  overflow: auto;
}
.MoverRequestMoveDetails__content--Mobile {
  grid-row-gap: 5.833333333333333vw;
  padding: 4.166666666666667vw 2.222222222222222vw;
  min-height: 100%;
}
.MoverRequestMoveDetails__startJobButtonLink {
  -ms-flex-item-align: end;
      align-self: end;
  width: 100%;
}
.MoverRequestMoveDetails__startJobButton {
  background-color: #fd9909;
  width: 100%;
  height: 50px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__startJobButton {
  height: 13.88888888888889vw;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.MoverRequestMoveDetails__addressBlock {
  position: relative;
}
.MoverRequestMoveDetails__addressBlock__smallBoldText {
  min-height: unset;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__addressBlock__smallBoldText {
  min-height: unset;
}
.MoverRequestMoveDetails__addressBlock__title {
  padding-top: 0;
  padding-bottom: 0;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__addressBlock__title {
  padding-top: 0;
  padding-bottom: 0;
}
.MoverRequestMoveDetails__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c4c4c4;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__dot {
  width: 1.111111111111111vw;
  height: 1.111111111111111vw;
}
.MoverRequestMoveDetails__primaryText {
  color: #00a455;
}
.MoverRequestMoveDetails__valueBlock {
  display: grid;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-row-gap: 4px;
}
.MoverRequestMoveDetails__valueBlock__valueBig {
  font-weight: 900;
  font-size: 14px;
  line-height: 17px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__valueBlock__valueBig {
  font-size: 3.888888888888889vw;
  line-height: 4.722222222222222vw;
}
.MoverRequestMoveDetails__valueBlock__valueTotalDistance {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__valueBlock__valueTotalDistance {
  font-size: 4.444444444444445vw;
  line-height: 5.555555555555555vw;
}
.MoverRequestMoveDetails__valueBlock__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #71737f;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__valueBlock__title {
  font-size: 3.333333333333333vw;
  line-height: 4.444444444444445vw;
}
.MoverRequestMoveDetails__valueBlock__titleTotalDistance {
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__valueBlock__titleTotalDistance {
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.MoverRequestMoveDetails__iconWithText {
  grid-column-gap: 10px;
  font-size: 13px;
  white-space: nowrap;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__iconWithText {
  grid-column-gap: 2.777777777777778vw;
  font-size: 3.611111111111111vw;
}
.MoverRequestMoveDetails__iconWithText__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.MoverRequestMoveDetails__boldText {
  font-weight: 500;
  font-size: 15px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__boldText {
  font-size: 4.166666666666667vw;
}
.MoverRequestMoveDetails__block {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
          box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  border-radius: 8px;
  padding: 15px;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 10px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block {
  -webkit-box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.1);
          box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.1);
  border-radius: 2.222222222222222vw;
  padding: 4.444444444444445vw;
  grid-row-gap: 2.777777777777778vw;
}
.MoverRequestMoveDetails__block--noPaddingH {
  padding: 15px 0;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block--noPaddingH {
  padding: 4.166666666666667vw 0;
}
.MoverRequestMoveDetails__block--noPadding {
  padding: 0;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block--noPadding {
  padding: 0;
}
.MoverRequestMoveDetails__block__title {
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block__title {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestMoveDetails__block__title--withMargins {
  margin: 16px;
  margin-bottom: 0;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block__title--withMargins {
  margin: 4.444444444444445vw;
  margin-bottom: 0;
}
.MoverRequestMoveDetails__block__movesizeRow {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 16px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block__movesizeRow {
  grid-column-gap: 4.444444444444445vw;
}
.MoverRequestMoveDetails__block__movesizeRow__numbers {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 6px;
}
.MoverRequestMoveDetails__block__2columns {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 16px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block__2columns {
  grid-column-gap: 4.444444444444445vw;
}
.MoverRequestMoveDetails__block__3columns {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  justify-items: left;
  grid-column-gap: 16px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block__3columns {
  grid-column-gap: 4.444444444444445vw;
}
.MoverRequestMoveDetails__block__footer {
  width: 100%;
  padding: 12px 16px;
  background-color: #eef0f1;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block__footer {
  padding: 3.333333333333333vw 4.444444444444445vw;
  border-bottom-left-radius: 2.222222222222222vw;
  border-bottom-right-radius: 2.222222222222222vw;
}
.MoverRequestMoveDetails__block__separator {
  height: 0;
  border-bottom: 1px solid #e8e8ea;
  width: calc(100% + 30px);
  margin: 6px -15px;
}
.MoverRequestMoveDetails--Mobile .MoverRequestMoveDetails__block__separator {
  border-bottom: 0.277777777777778vw solid #e8e8ea;
  width: calc(100% + 8.333333333333334vw);
  margin: 1.666666666666667vw -4.166666666666667vw;
}
.MoverRequestMoveDetails__weLeftButton {
  width: 100%;
}

.MoverDashboardRequestMainInfo {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 10px;
}
.MoverDashboardRequestMainInfo--Mobile {
  padding: 4.444444444444445vw;
  grid-row-gap: 2.777777777777778vw;
}
.MoverDashboardRequestMainInfo__link {
  text-decoration: none;
  color: #00a455;
}
.MoverDashboardRequestMainInfo__row {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 12px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__row {
  grid-column-gap: 3.333333333333333vw;
}
.MoverDashboardRequestMainInfo__editButtonLink {
  height: 17px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__editButtonLink {
  height: 4.722222222222222vw;
}
.MoverDashboardRequestMainInfo .MoverDashboardRequestMainInfo__editButton {
  width: 17px;
  height: 17px;
  line-height: 17px;
  border-radius: 0;
}
.MoverDashboardRequestMainInfo--Mobile.MoverDashboardRequestMainInfo .MoverDashboardRequestMainInfo__editButton {
  width: 4.722222222222222vw;
  height: 4.722222222222222vw;
  line-height: 4.722222222222222vw;
}
.MoverDashboardRequestMainInfo .MoverDashboardRequestMainInfo__editButton__icon {
  font-size: 17px;
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.MoverDashboardRequestMainInfo--Mobile.MoverDashboardRequestMainInfo .MoverDashboardRequestMainInfo__editButton__icon {
  font-size: 4.722222222222222vw;
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.MoverDashboardRequestMainInfo__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c4c4c4;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__dot {
  width: 1.111111111111111vw;
  height: 1.111111111111111vw;
}
.MoverDashboardRequestMainInfo__valueBlock {
  display: grid;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-row-gap: 4px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__valueBlock {
  grid-row-gap: 1.111111111111111vw;
}
.MoverDashboardRequestMainInfo__valueBlock__valueBig {
  font-weight: 900;
  font-size: 14px;
  line-height: 17px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__valueBlock__valueBig {
  font-size: 3.888888888888889vw;
  line-height: 4.722222222222222vw;
}
.MoverDashboardRequestMainInfo__valueBlock__valueTotalDistance {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__valueBlock__valueTotalDistance {
  font-size: 4.444444444444445vw;
  line-height: 5.555555555555555vw;
}
.MoverDashboardRequestMainInfo__valueBlock__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #71737f;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__valueBlock__title {
  font-size: 3.333333333333333vw;
  line-height: 4.444444444444445vw;
}
.MoverDashboardRequestMainInfo__valueBlock__titleTotalDistance {
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__valueBlock__titleTotalDistance {
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.MoverDashboardRequestMainInfo__2columns {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 16px;
  padding: 0 15px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__2columns {
  grid-column-gap: 4.444444444444445vw;
  padding: 0 4.166666666666667vw;
}
.MoverDashboardRequestMainInfo__3columns {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  justify-items: left;
  grid-column-gap: 16px;
  padding: 0 15px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__3columns {
  grid-column-gap: 4.444444444444445vw;
  padding: 0 4.166666666666667vw;
}
.MoverDashboardRequestMainInfo__movesizeRow {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 16px;
  padding: 0 15px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__movesizeRow {
  grid-column-gap: 4.444444444444445vw;
  padding: 0 4.166666666666667vw;
}
.MoverDashboardRequestMainInfo__movesizeRow__numbers {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 6px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__movesizeRow__numbers {
  grid-column-gap: 1.666666666666667vw;
}
.MoverDashboardRequestMainInfo__iconWithText {
  grid-column-gap: 10px;
  font-size: 13px;
  white-space: nowrap;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__iconWithText {
  grid-column-gap: 2.777777777777778vw;
  font-size: 3.611111111111111vw;
}
.MoverDashboardRequestMainInfo__iconWithText__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.MoverDashboardRequestMainInfo__boldText {
  font-weight: 500;
  font-size: 15px;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__boldText {
  font-size: 4.166666666666667vw;
}
.MoverDashboardRequestMainInfo__primaryText {
  color: #00a455;
}
.MoverDashboardRequestMainInfo__separator {
  height: 0;
  border-bottom: 1px solid #e8e8ea;
  width: 100%;
  margin: 6px 0;
}
.MoverDashboardRequestMainInfo--Mobile .MoverDashboardRequestMainInfo__separator {
  border-bottom-width: 0.277777777777778vw;
  margin: 1.666666666666667vw 0;
}

.AddressEditor {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
  padding-top: 16px;
  grid-gap: 25px;
}
.AddressEditor__modal.ModalInstance {
  width: 640px;
}
.AddressEditor__body {
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content min-content;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-areas: 'address address apt' 'city state zip' 'floor floor none';
  grid-gap: 25px;
  padding: 0 16px;
}
.AddressEditor__body--extraStop {
  grid-template-areas: 'address address address' 'city state zip' 'floor floor type';
}
.AddressEditor__inputBlock {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
}
.AddressEditor__inputBlock--address {
  grid-area: address;
}
.AddressEditor__inputBlock--apt {
  grid-area: apt;
}
.AddressEditor__inputBlock--city {
  grid-area: city;
}
.AddressEditor__inputBlock--state {
  grid-area: state;
}
.AddressEditor__inputBlock--zip {
  grid-area: zip;
}
.AddressEditor__inputBlock--floor {
  grid-area: floor;
}
.AddressEditor__inputBlock--type {
  grid-area: type;
}
.AddressEditor__inputBlock__radiobutton {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}
.AddressEditor__inputBlock__padding {
  margin-left: calc(16px + 1.2em);
}
.AddressEditor__inputBlock .Input,
.AddressEditor__inputBlock .AddressInput,
.AddressEditor__inputBlock .SelectList {
  width: 100%;
}
.AddressEditor__footer {
  padding: 25px;
}
.AddressEditor__controls {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 16px;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  grid-template-areas: "remove space cancel save";
}
.AddressEditor__controls__remove {
  grid-area: remove;
}
.AddressEditor__controls__cancel {
  grid-area: cancel;
}
.AddressEditor__controls__save {
  grid-area: save;
}

.EditRequest {
  width: 100%;
  height: 100%;
  background: #fff;
  display: grid;
  grid-template-columns: 290px auto;
  grid-template-rows: 77px -webkit-max-content;
  grid-template-rows: 77px max-content;
  grid-auto-flow: column;
  position: relative;
  overflow: auto;
}
.EditRequest .EditRequest__costExplanation {
  padding: 0;
  background-color: unset;
}
.EditRequest__wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.EditRequest__inventoryPlace {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.EditRequest__header {
  grid-column-start: 1;
  grid-column-end: 3;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 290px auto;
  grid-column-gap: 16px;
  background-color: #f2f4f6;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditRequest__header__leftColumn {
  height: 100%;
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-template-rows: 100%;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding-left: 16px;
}
.EditRequest__header__leftColumn__text {
  display: grid;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.EditRequest__header__leftColumn__text__green {
  color: #00a455;
  font-size: 13px;
}
.EditRequest__header__leftColumn__movesize {
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
  margin-top: 3px;
}
.EditRequest__header__rightColumn {
  display: grid;
  grid-template-columns: auto 290px;
  grid-column-gap: 16px;
  padding-right: 16px;
}
.EditRequest__header__rightColumn .Button {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.EditRequest__leftColumn {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  border-top: 1px solid #e8e8ea;
  background-color: #fff;
  color: #71737f;
}
.EditRequest__leftColumn .AddressOverview {
  margin-top: 14px;
}
.EditRequest__leftColumn .AddressOverview__block:hover .AddressOverview__editIcon {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.EditRequest__leftColumn .AddressOverview__row {
  grid-template-columns: 44px auto;
}
.EditRequest__leftColumn__dropdownPanel {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.EditRequest__leftColumn__dropdownPanel--editMode {
  background-color: #f2f4f6;
  padding: 9px 0;
  padding-bottom: 0;
}
.EditRequest__leftColumn__dropdownPanel .DropdownPanel__header {
  height: unset;
  border-bottom: 0;
  padding-right: 0;
  cursor: default;
}
.EditRequest__leftColumn__dropdownPanel .DropdownPanel__header .DropdownPanel__header__button {
  display: none;
}
.EditRequest__leftColumn__dropdownPanel .DropdownPanel__header .DropdownPanel__header__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.EditRequest__leftColumn__editorControls {
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 9px;
}
.EditRequest__leftColumn__editIcon {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  color: #00a455;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.EditRequest__leftColumn__row:hover .EditRequest__leftColumn__editIcon,
.EditRequest__leftColumn__block--backgroundHover:hover .EditRequest__leftColumn__editIcon {
  cursor: pointer;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.EditRequest__leftColumn__saveIcon {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #00a455;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.EditRequest__leftColumn__canlelIcon {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #ee4b19;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.EditRequest__leftColumn__textWithSeparators {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 9px;
}
.EditRequest__leftColumn__textWithSeparators__separator {
  width: 0;
  height: 100%;
  border-right: 1px solid #e8e8ea;
}
.EditRequest__leftColumn__smallBoldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
}
.EditRequest__leftColumn__boldLinkText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
}
.EditRequest__leftColumn__boldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.EditRequest__leftColumn__boldText--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EditRequest__leftColumn__primaryText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #00a455;
}
.EditRequest__leftColumn__greyText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  color: #71737f;
}
.EditRequest__leftColumn__userName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EditRequest__leftColumn__column {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 4px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #71737f;
}
.EditRequest__leftColumn__column--colorOrigin {
  color: #00a455;
}
.EditRequest__leftColumn__column--colorDestination {
  color: #ee4b19;
}
.EditRequest__leftColumn__column__stringShorten {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.EditRequest__leftColumn__row {
  display: grid;
  grid-template-columns: 40px auto;
  grid-auto-columns: minmax(32px, -webkit-max-content);
  grid-auto-columns: minmax(32px, max-content);
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 4.5px 16px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
}
.EditRequest__leftColumn__row--backgroundHover {
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  background: transparent;
}
.EditRequest__leftColumn__row--backgroundHover:hover {
  background: #f2f4f6;
  cursor: pointer;
}
.EditRequest__leftColumn__row--backgroundHover:hover .EditRequest__leftColumn--backgroundHoverIcon {
  color: #12152a;
}
.EditRequest__leftColumn__row__editBlock {
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 25px;
}
.EditRequest__leftColumn__row__icon--colorOrigin {
  color: #00a455;
}
.EditRequest__leftColumn__row__icon--colorDestination {
  color: #ee4b19;
}
.EditRequest__leftColumn__row--noPadding {
  padding: 0;
}
.EditRequest__leftColumn__row--simple {
  grid-template-columns: unset;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 9px;
  padding: 4.5px 0;
}
.EditRequest__leftColumn__row--editRow {
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.EditRequest__leftColumn__row--editRow:hover {
  background: #f2f4f6;
}
.EditRequest__leftColumn__row--editRow .SvgIcon {
  color: #12152a;
}
.EditRequest__leftColumn__row--editMode {
  color: #12152a;
}
.EditRequest__leftColumn__row--2columns {
  grid-template-columns: 1fr 1fr;
}
.EditRequest__leftColumn__row--noLeftIcon {
  grid-template-columns: auto;
}
.EditRequest__leftColumn__row .SvgIcon {
  justify-self: center;
  font-size: 18px;
}
.EditRequest__leftColumn__row .UserInitialsAvatar {
  width: 40px;
  height: 40px;
}
.EditRequest__leftColumn__2columnsInRow {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-template-columns: 1.2fr 1fr;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  gap: 3px;
}
.EditRequest__leftColumn__2columnsInRow .DropdownPanel__heder {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.EditRequest__leftColumn__2columnsInRow .DropdownPanel__heder__title {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.EditRequest__leftColumn__2columnsInRow--edit {
  grid-template-columns: 3fr 2fr;
}
.EditRequest__leftColumn__2columnsInRow__secondColumn {
  padding-left: 0;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.EditRequest__leftColumn__2columnsInRow__secondColumn--edit {
  padding: 13px 16px 0;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.EditRequest__leftColumn__2columnsInRow__firstColumn {
  width: 100%;
  overflow: hidden;
}
.EditRequest__leftColumn__iconInCircle .Button {
  background: #f2f4f6;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  color: #a0a1aa;
}
.EditRequest__leftColumn__iconInCircle .Button .SvgIcon {
  justify-self: center;
  font-size: 1em;
}
.EditRequest__leftColumn__iconInCircle--primary .Button {
  background: #00a455;
}
.EditRequest__leftColumn__iconInCircle--primary .Button .SvgIcon {
  color: #fff;
}
.EditRequest__leftColumn__block {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  border-bottom: 1px solid #e8e8ea;
  padding: 16px 0;
}
.EditRequest__leftColumn__block--bottom .EditRequest__leftColumn__row {
  padding: 9px 16px;
}
.EditRequest__leftColumn__block--backgroundHover {
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  background: transparent;
  cursor: pointer;
}
.EditRequest__leftColumn__block--backgroundHover:hover {
  background: #f2f4f6;
}
.EditRequest__leftColumn__block--backgroundHover:hover .EditRequest__leftColumn__iconInCircle .Button {
  background: #00a455;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.EditRequest__leftColumn__block--backgroundHoverRight {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.EditRequest__leftColumn__block--backgroundHoverLeft {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.EditRequest__leftColumn__block__separator {
  width: 100%;
  border-bottom: 1px solid #e8e8ea;
  margin: 9px 0;
}
.EditRequest__leftColumn__timeWindowInputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gris-template-rows: 100%;
  overflow: hidden;
  grid-gap: 0;
}
.EditRequest__leftColumn__timeWindowInputs__left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.EditRequest__leftColumn__timeWindowInputs__right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.EditRequest__leftColumn__timeWindowInputs .TimePicker,
.EditRequest__leftColumn__timeWindowInputs .DurationPicker {
  width: 100%;
}
.EditRequest__leftColumn__smallInput {
  width: 5em;
}
.EditRequest__leftColumn__dropdownBody {
  padding: 16px;
  padding-left: 64px;
}
.EditRequest__leftColumn__dropdownBody--smallPadding {
  padding-left: 16px;
}
.EditRequest__rightColumn {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: auto 290px;
  grid-template-rows: 100%;
  padding: 16px;
  grid-gap: 16px;
  background-color: #f2f4f6;
}
.EditRequest__rightColumn__panelLeft {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
}
.EditRequest__rightColumn__panelLeft__paper {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  overflow: hidden;
}
.EditRequest__rightColumn__panelLeft__body {
  overflow-y: auto;
}
.EditRequest__rightColumn__panelLeft__body .RequestDetailsEditor {
  padding-bottom: 20px;
}
.EditRequest__rightColumn__panelLeft__body .Messages {
  max-height: 70vh;
}
.EditRequest__rightColumn__panelLeft__body .Messages__noMessagesBlock__lottieContainer {
  max-width: 350px;
}
.EditRequest__rightColumn__panelLeft__header {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  height: 68px;
  overflow: hidden;
  padding: 0 25px;
  grid-gap: 25px;
  border-bottom: 1px solid #e8e8ea;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditRequest__rightColumn__panelLeft__header__menuButton {
  color: #71737f;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.EditRequest__rightColumn__panelLeft__header__tabs {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 25px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  height: 100%;
}
.EditRequest__rightColumn__panelLeft__header__tab {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.EditRequest__rightColumn__panelLeft__header__tab__notification {
  position: absolute;
  border-radius: 50%;
  background: #00a455;
  top: 12px;
  right: -4px;
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 11px;
}
.EditRequest__rightColumn__panelLeft__header__tab__notification--negative {
  background: #ee4b19;
}
.EditRequest__rightColumn__panelLeft__header__tab__notification--big {
  width: 16px;
  height: 16px;
}
.EditRequest__rightColumn__panelLeft__header__tab--active {
  color: #12152a;
  border-bottom: 2px solid #00a455;
}
.EditRequest__rightColumn__panelLeft__header__inventoryButton {
  justify-self: end;
}
.EditRequest__rightColumn__panelRight {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.15));
          filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.15));
}
.EditRequest .AddressOverview__block--backgroundHover:hover {
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  background: #f2f4f6;
  cursor: pointer;
}
.EditRequest .AddressOverview__editIcon {
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.AddressOverview__block--backgroundHover:hover .EditRequest .AddressOverview__editIcon {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.textDecorationNone {
  text-decoration: none;
}

.RequestInventory {
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 290px auto;
}
.RequestInventory__hiddenButton {
  pointer-events: none;
  opacity: 0;
}
.RequestInventory__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.RequestInventory__leftColumn {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
.RequestInventory__leftColumn__requestName {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  padding: 16px;
  gap: 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  border-bottom: 1px solid #e8e8ea;
}
.RequestInventory__leftColumn__requestName__requestId {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #00a455;
}
.RequestInventory__leftColumn__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
}
.RequestInventory__leftColumn__title .Button {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}
.RequestInventory__leftColumn__typicalItems {
  display: grid;
  gap: 14px;
  padding: 25px;
}
.RequestInventory__leftColumn__typicalItems .SelectList {
  width: 83%;
  margin-left: auto;
}
.RequestInventory__leftColumn__myInventory {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  padding: 16px;
  gap: 16px;
  -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  border-bottom: 1px solid #e8e8ea;
  cursor: pointer;
  position: relative;
}
.RequestInventory__leftColumn__myInventory--active {
  background-color: #f2f4f6;
}
.RequestInventory__leftColumn__myInventory__extraServiceIcon {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 18px;
  height: 18px;
  color: #00a455;
}
.RequestInventory__leftColumn__myInventory__params {
  display: grid;
  gap: 16px;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
}
.RequestInventory__leftColumn__myInventory--active .RequestInventory__leftColumn__myInventory__params {
  color: #00a455;
}
.RequestInventory__leftColumn__myInventory__allInventoryIcon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #00a455;
  padding: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 6px solid #e8e8ea;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}
.RequestInventory__leftColumn__myInventory--hidden .RequestInventory__leftColumn__myInventory__allInventoryIcon {
  background-color: #e8e8ea;
}
.RequestInventory__leftColumn__myInventory__allInventoryIcon__icon {
  width: 100%;
  height: 100%;
  color: #fff;
}
.RequestInventory__leftColumn__myInventory--hidden .RequestInventory__leftColumn__myInventory__allInventoryIcon__icon {
  color: #00a455;
}
.RequestInventory__leftColumn__addRoomRow {
  height: 75px;
  padding: 16px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestInventory__leftColumn__addRoomRow__text {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #00a455;
}
.RequestInventory__rightColumn {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f2f4f6;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.RequestInventory__startDialogHolder {
  background-color: rgba(16,16,16,0.8);
}

.RequestInventoryRoomSelector {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content auto;
  grid-auto-rows: min-content auto;
  height: 100%;
  overflow-y: auto;
}
.RequestInventoryRoomSelector__modal {
  width: 400px;
  max-height: 600px;
  min-height: 300px;
}
.RequestInventoryRoomSelector__rows {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  height: 100%;
}
.RequestInventoryRoomSelector__confirm {
  width: 100%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 16px 16px 16px;
}
.RequestInventoryRoomSelector__confirm .Button {
  width: 100%;
}
.RequestInventoryRoomSelector__addCustomRoomBtn {
  justify-self: center;
  margin: 10px;
}

.RequestAddRoomPreviewCard {
  width: 100%;
  max-width: 100%;
  display: grid;
  padding: 9px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 44px;
  grid-template-columns: 44px 44px 2fr;
  grid-template-areas: "checkBox image title";
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.RequestAddRoomPreviewCard:hover {
  background-color: #ebebeb;
}
.RequestAddRoomPreviewCard__image {
  grid-area: image;
  background-size: contain;
  background-position: center;
  height: 100%;
}
.RequestAddRoomPreviewCard__title {
  padding-left: 16px;
  grid-area: title;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.RequestAddRoomPreviewCard__checkbox {
  margin: auto;
  grid-area: checkBox;
}

.CustomRoomAdder {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content auto;
  grid-auto-rows: min-content auto;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 100%;
  overflow-y: auto;
  padding: 12px;
}
.CustomRoomAdder__modal {
  width: 400px;
  max-height: 600px;
  min-height: 200px;
}
.CustomRoomAdder__rows {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  height: 100%;
}
.CustomRoomAdder__confirm {
  width: 100%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 16px 16px 16px;
}
.CustomRoomAdder__confirm .Button {
  width: 100%;
}
.CustomRoomAdder__createBtn {
  justify-self: right;
}

.RequestInventoryItemsPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  padding: 25px 25px 0 25px;
}
.RequestInventoryItemsPanel--Mobile {
  padding: 0;
  overflow-y: auto;
}
.RequestInventoryItemsPanel--Mobile__customItemBlock {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 4.444444444444445vw;
  padding: 4.444444444444445vw 0;
}
.RequestInventoryItemsPanel--Mobile__customItemBlock .Button {
  justify-self: center;
}
.RequestInventoryItemsPanel--Mobile__customItemBlock__text {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
  text-align: center;
}
.RequestInventoryItemsPanel--Tablet {
  padding: 0;
  overflow-y: auto;
}
.RequestInventoryItemsPanel--Tablet__customItemBlock {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  gap: 4.444444444444445vw;
  padding: 4.444444444444445vw 0;
}
.RequestInventoryItemsPanel--Tablet__customItemBlock .Button {
  justify-self: center;
}
.RequestInventoryItemsPanel--Tablet__customItemBlock__text {
  font-size: 0.3in;
  line-height: 0.4in;
  color: #71737f;
  text-align: center;
}
.RequestInventoryItemsPanel__itemsGroupTitle {
  width: 100%;
  padding-bottom: 4px;
  margin-left: 25px;
  border-bottom: 1px solid #ebebeb;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGroupTitle {
  margin-left: 0vw;
  padding: 0vw 3.333333333333333vw;
  border-bottom: none;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  font-size: 4.444444444444445vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGroupTitle {
  margin-left: 0;
  padding: 0 0.4in;
  border-bottom: none;
  font-size: 0.3in;
  line-height: 1em;
}
.RequestInventoryItemsPanel__itemsGroupTitle--picked {
  margin-left: 14px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #00a455;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGroupTitle--picked {
  margin-left: 3.888888888888889vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  color: #00a455;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGroupTitle--picked {
  margin-left: 0.2in;
  font-size: 0.3in;
  line-height: 1em;
}
.RequestInventoryItemsPanel__itemsGrid {
  display: grid;
  padding: 25px;
  grid-gap: 25px;
  grid-auto-rows: 267px;
  grid-template-columns: repeat(auto-fill, 230px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGrid {
  padding: 0 3.333333333333333vw;
  padding-right: 5vw;
  padding-bottom: 2.777777777777778vw;
  padding-top: 1.388888888888889vw;
  grid-gap: 6.944444444444445vw;
  grid-auto-rows: 74.16666666666667vw;
  grid-template-columns: repeat(auto-fill, 63.888888888888886vw);
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGrid {
  padding: 0.2in 0.4in;
  grid-gap: 0.2in;
  grid-auto-rows: 9in;
  grid-template-columns: repeat(auto-fill, 8in);
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGrid--empty {
  padding-bottom: 0;
  padding-top: 0;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGrid--empty {
  padding-bottom: 0;
  padding-top: 0;
}
.RequestInventoryItemsPanel__itemsGrid--viewModeGridSmall {
  grid-auto-rows: 126px;
  grid-template-columns: repeat(auto-fill, 230px);
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGrid--viewModeGridSmall {
  grid-auto-rows: 35vw;
  grid-template-columns: repeat(auto-fill, 63.888888888888886vw);
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGrid--viewModeGridSmall {
  grid-auto-rows: 2in;
  grid-template-columns: repeat(auto-fill, 3.3in);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.RequestInventoryItemsPanel__itemsGrid--viewModeGridSmall .InventoryItemPreviewCard__star {
  width: 16px;
  height: 16px;
  top: 8px;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGrid--viewModeGridSmall .InventoryItemPreviewCard__star {
  width: 4.444444444444445vw;
  height: 4.444444444444445vw;
  top: 2.222222222222222vw;
  right: 2.222222222222222vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGrid--viewModeGridSmall .InventoryItemPreviewCard__star {
  width: 0.5in;
  height: 0.5in;
  top: 0.3in;
  right: 0.3in;
}
.RequestInventoryItemsPanel__itemsGrid--viewModeTable {
  grid-auto-rows: 69px;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGrid--viewModeTable {
  grid-auto-rows: 19.166666666666668vw;
  grid-template-columns: 100%;
  grid-gap: 4.444444444444445vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGrid--viewModeTable {
  grid-auto-rows: 2in;
  grid-template-columns: 100%;
  grid-gap: 0.5in;
}
.RequestInventoryItemsPanel__itemsGrid--viewModeTable .InventoryItemPreviewCard__star {
  width: 16px;
  height: 16px;
  top: 8px;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGrid--viewModeTable .InventoryItemPreviewCard__star {
  width: 4.444444444444445vw;
  height: 4.444444444444445vw;
  top: 2.222222222222222vw;
  right: 2.222222222222222vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGrid--viewModeTable .InventoryItemPreviewCard__star {
  width: 0.5in;
  height: 0.5in;
  top: 0.3in;
  right: 0.3in;
}
.RequestInventoryItemsPanel__itemsGrid--customItemCategory {
  padding-top: 395px;
  position: relative;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__itemsGrid--customItemCategory {
  padding-top: 109.72222222222223vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__itemsGrid--customItemCategory {
  padding-top: 27.5in;
}
.RequestInventoryItemsPanel__CustomItemEditor {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 300px;
  height: 270px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 17px rgba(0,0,0,0.15);
          box-shadow: 0 5px 17px rgba(0,0,0,0.15);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
}
.RequestInventoryItemsPanel__CustomItemEditor--small {
  height: 255px;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__CustomItemEditor {
  top: 6.944444444444445vw;
  left: 6.944444444444445vw;
  width: 83.33333333333333vw;
  height: 95.83333333333333vw;
  border-radius: 2.222222222222222vw;
  overflow: hidden;
  -webkit-box-shadow: 0 1.388888888888889vw 4.722222222222222vw rgba(0,0,0,0.15);
          box-shadow: 0 1.388888888888889vw 4.722222222222222vw rgba(0,0,0,0.15);
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__CustomItemEditor--small {
  height: 70.83333333333333vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__CustomItemEditor {
  top: 0.8in;
  left: 0.8in;
  width: 10in;
  height: 11.5in;
  border-radius: 0.3in;
  overflow: hidden;
  -webkit-box-shadow: 0 0.2in 0.6in rgba(0,0,0,0.15);
          box-shadow: 0 0.2in 0.6in rgba(0,0,0,0.15);
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__CustomItemEditor--small {
  height: 8in;
}
.RequestInventoryItemsPanel__CustomItemEditor__errorMessage {
  display: none;
}
.RequestInventoryItemsPanel__CustomItemEditor__header {
  background-color: #f2f4f6;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding: 0 16px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__CustomItemEditor__header {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  padding: 0 4.444444444444445vw;
  height: 9.444444444444445vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__CustomItemEditor__header {
  font-size: 0.5in;
  padding: 0 0.5in;
  height: 1in;
}
.RequestInventoryItemsPanel__CustomItemEditor__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  padding: 25px 16px;
}
.RequestInventoryItemsPanel__CustomItemEditor__body__twoColumnsBlock {
  grid-column: span 2;
}
.RequestInventoryItemsPanel__CustomItemEditor__body__dimensionsInputs {
  display: grid;
  grid-template-columns: 1fr 30px 1fr 30px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.RequestInventoryItemsPanel__CustomItemEditor__body__dimensionsInputs--grey {
  color: #71737f;
}
.RequestInventoryItemsPanel--Mobile.RequestInventoryItemsPanel__CustomItemEditor__body__dimensionsInputs {
  grid-template-columns: 1fr 8.333333333333334vw 1fr 8.333333333333334vw 1fr;
}
.RequestInventoryItemsPanel--Tablet.RequestInventoryItemsPanel__CustomItemEditor__body__dimensionsInputs {
  grid-template-columns: 1fr 1in 1fr 1in 1fr;
}
.RequestInventoryItemsPanel--Mobile .RequestInventoryItemsPanel__CustomItemEditor__body {
  padding: 6.944444444444445vw 4.444444444444445vw;
}
.RequestInventoryItemsPanel--Tablet .RequestInventoryItemsPanel__CustomItemEditor__body {
  padding: 0.8in 0.5in;
}
.RequestInventoryItemsPanel__CustomItemEditor__footer {
  border-radius: 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.RequestInventoryItemsPanel .DropdownPanel__header {
  height: 34px;
  position: relative;
  border: none;
}
.RequestInventoryItemsPanel--Mobile.RequestInventoryItemsPanel .DropdownPanel__header {
  height: 16.666666666666668vw;
  padding-right: 5vw;
}
.RequestInventoryItemsPanel--Tablet.RequestInventoryItemsPanel .DropdownPanel__header {
  height: 1in;
  padding-right: 0.6in;
}
.RequestInventoryItemsPanel .DropdownPanel__header__button {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 18px;
}
.RequestInventoryItemsPanel--Mobile.RequestInventoryItemsPanel .DropdownPanel__header__button {
  position: unset;
  top: unset;
  min-width: unset;
  font-size: 5.555555555555555vw;
  border-width: 0vw;
  padding: 0vw;
}
.RequestInventoryItemsPanel--Tablet.RequestInventoryItemsPanel .DropdownPanel__header__button {
  position: unset;
  top: unset;
  min-width: unset;
  font-size: 0.4in;
  border-width: 0;
  padding: 0;
}

.RequestInventoryRoomComponent {
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border-bottom: 1px solid #e8e8ea;
}
.RequestInventoryRoomComponent--active {
  background-color: #f2f4f6;
}
.RequestInventoryRoomComponent .DropdownPanel__header {
  border-bottom: none;
  height: auto;
  padding: 9px;
  position: relative;
}
.RequestInventoryRoomComponent .DropdownPanel__header__button {
  margin: auto;
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  right: 25px;
}
.RequestInventoryRoomComponent__categories {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content auto;
  grid-auto-rows: min-content auto;
  grid-row-gap: 16px;
  padding: 16px 0 16px 16px;
}
.RequestInventoryRoomComponent__category {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 39px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  cursor: pointer;
  position: relative;
  padding-left: 64px;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.RequestInventoryRoomComponent__category__icon {
  position: absolute;
  left: 21px;
  width: 18px;
  height: 18px;
}
.RequestInventoryRoomComponent__category:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 28px;
  padding: 3px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  opacity: 0;
  border-radius: 3px;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.RequestInventoryRoomComponent__category--editButton {
  color: #e1400f;
}
.RequestInventoryRoomComponent__category--active {
  color: #12152a;
}
.RequestInventoryRoomComponent__category--active:after {
  background-color: #00a455;
  opacity: 1;
}

.InventoryRequestRoomPreviewCard {
  width: 100%;
  max-width: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 50% 50%;
  grid-template-columns: 44px auto;
  grid-column-gap: 16px;
  grid-template-areas: "picture title" "picture info";
  padding: 9px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.InventoryRequestRoomPreviewCard--Mobile {
  grid-template-areas: "picture title icon" "picture info icon";
  grid-template-columns: 12.222222222222221vw auto -webkit-min-content;
  grid-template-columns: 12.222222222222221vw auto min-content;
  grid-column-gap: 4.444444444444445vw;
  padding: 4.444444444444445vw;
  border-radius: 2.222222222222222vw;
  -webkit-box-shadow: 0 0.555555555555556vw 1.666666666666667vw rgba(0,0,0,0.3);
          box-shadow: 0 0.555555555555556vw 1.666666666666667vw rgba(0,0,0,0.3);
}
.InventoryRequestRoomPreviewCard--Tablet {
  grid-template-areas: "picture title icon" "picture info icon";
  grid-template-columns: -webkit-max-content auto -webkit-min-content;
  grid-template-columns: max-content auto min-content;
  grid-column-gap: 0.2in;
  padding: 0.2in;
  border-radius: 0.2in;
  -webkit-box-shadow: 0 0.1in 0.3in rgba(0,0,0,0.3);
          box-shadow: 0 0.1in 0.3in rgba(0,0,0,0.3);
}
.InventoryRequestRoomPreviewCard--active {
  background-color: #f2f4f6;
}
.InventoryRequestRoomPreviewCard__iconRight {
  grid-area: icon;
  display: none;
  color: #71737f;
}
.InventoryRequestRoomPreviewCard--Mobile .InventoryRequestRoomPreviewCard__iconRight {
  display: block;
}
.InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__iconRight {
  display: block;
  width: 0.3in;
  height: 0.3in;
}
.InventoryRequestRoomPreviewCard__categories .DropdownPanel__header {
  display: none;
}
.InventoryRequestRoomPreviewCard__image {
  grid-area: picture;
  background-size: contain;
  background-position: center;
  width: 44px;
  height: 44px;
}
.InventoryRequestRoomPreviewCard--Mobile .InventoryRequestRoomPreviewCard__image {
  width: 12.222222222222221vw;
  height: 12.222222222222221vw;
}
.InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__image {
  width: 0.7in;
  height: 0.7in;
}
.InventoryRequestRoomPreviewCard__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  grid-area: title;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.InventoryRequestRoomPreviewCard--Mobile .InventoryRequestRoomPreviewCard__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.277777777777778vmin;
  font-weight: 600;
}
.InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__title {
  font-size: 0.25in;
  line-height: 1em;
}
.InventoryRequestRoomPreviewCard__info {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: info;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
  margin-top: 4px;
}
.InventoryRequestRoomPreviewCard--active .InventoryRequestRoomPreviewCard__info {
  color: #00a455;
}
.InventoryRequestRoomPreviewCard--Mobile .InventoryRequestRoomPreviewCard__info {
  gap: 4.444444444444445vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 3.611111111111111vmin;
  color: #71737f;
  margin-top: 1.111111111111111vw;
}
.InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__info {
  gap: 0.4in;
  font-size: 0.25in;
  line-height: 1em;
  color: #71737f;
  margin-top: 0.1in;
}

.RequestInventoryCustomRoomEditor {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto -webkit-max-content;
  grid-template-rows: auto max-content;
  grid-row-gap: 16px;
  height: 100%;
  overflow-y: auto;
  padding: 16px;
}
.RequestInventoryCustomRoomEditor__modal {
  width: 400px;
  max-height: 200px;
}
.RequestInventoryCustomRoomEditor__controls {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.RequestInventoryCustomRoomEditor__input {
  width: 100%;
}

.InventoryRequestHeader {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: minmax(200px, 330px) -webkit-max-content auto;
  grid-template-columns: minmax(200px, 330px) max-content auto;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 25px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px;
}
.InventoryRequestHeader__updateButton {
  padding: 0 70px;
}
.InventoryRequestHeader__search {
  position: relative;
}
.InventoryRequestHeader__search .SvgIcon {
  width: unset;
  height: unset;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 9px;
  width: 14px;
  height: 100%;
  z-index: 1;
  color: #71737f;
}
.InventoryRequestHeader__search .Input {
  width: 100%;
}
.InventoryRequestHeader__search .Input__tag {
  padding-left: 32px;
}
.InventoryRequestHeader__viewModes {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 9px;
  grid-template-rows: 44px;
  grid-template-columns: repeat(3, 44px);
}
.InventoryRequestHeader__viewMode {
  color: #71737f;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.InventoryRequestHeader__viewMode .SvgIcon {
  width: unset;
  height: unset;
  background-color: #f2f4f6;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  padding: 13px;
}
.InventoryRequestHeader__viewMode--active .SvgIcon {
  background-color: #fff;
  color: #00a455;
}

.StartDialogModal {
  display: grid;
  grid-template-columns: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  text-align: center;
  grid-gap: 9px;
  padding: 46px 20px 26px 20px;
}
.StartDialogModal__modal.ModalInstance {
  width: 272px;
}
.StartDialogModal__modal.ModalInstance.ModalInstance--Mobile {
  width: 75.55555555555556vw;
}
.StartDialogModal--Mobile {
  grid-gap: 3.333333333333333vw;
  padding: 12.777777777777779vw 5.555555555555555vw 7.222222222222222vw 5.555555555555555vw;
}
.StartDialogModal__icon {
  width: 100%;
  height: 129px;
  background-image: url(./images/25cccd189eed84615dd1b6b1085dee39.svg);
  background-position: center;
  background-size: contain;
}
.StartDialogModal--Mobile .StartDialogModal__icon {
  height: 35.833333333333336vw;
}
.StartDialogModal__h1 {
  font-size: 14px;
  font-weight: 600;
  color: #3d3d3d;
}
.StartDialogModal--Mobile .StartDialogModal__h1 {
  font-size: 3.888888888888889vw;
}
.StartDialogModal__h2 {
  font-size: 13px;
  color: #3d3d3d;
  margin-top: 16px;
}
.StartDialogModal--Mobile .StartDialogModal__h2 {
  font-size: 3.611111111111111vw;
}
.StartDialogModal__controls {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  grid-auto-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 24px;
  margin-top: 20px;
}
.StartDialogModal--Mobile .StartDialogModal__controls {
  grid-gap: 6.666666666666667vw;
  margin-top: 5.555555555555555vw;
}
.StartDialogModal__controls__confirmBtn {
  padding: 0 64px;
}
.StartDialogModal--Mobile .StartDialogModal__controls__confirmBtn {
  padding: 0 17.77777777777778vw;
}
.StartDialogModal__controls .ToggleButton {
  color: #71737f;
  font-size: 15px;
}

.CostExplanation {
  width: 100%;
}
.CostExplanation--primary {
  color: #00a455;
}
.CostExplanation--colorInfo {
  color: #4d6eff;
}
.CostExplanation__header {
  position: relative;
  padding: 16px 0 9px;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
  font-weight: 700;
}
.CostExplanation--Mobile .CostExplanation__header {
  padding: 4.444444444444445vw 0 2.5vw;
  border-top-left-radius: 2.222222222222222vw;
  border-top-right-radius: 2.222222222222222vw;
}
.CostExplanation__header__value {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  font-weight: 700;
}
.CostExplanation--Mobile .CostExplanation__header__value {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.277777777777778vmin;
  font-weight: 600;
  font-weight: 700;
}
.CostExplanation__header__name {
  color: #71737f;
}
.CostExplanation__separator {
  width: 100%;
  height: 24px;
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
}
.CostExplanation--Mobile .CostExplanation__separator {
  height: 6.666666666666667vw;
}
.CostExplanation__separator__inner {
  background-color: #fff;
}
.CostExplanation__separator__inner__line {
  border-bottom: 1px dashed #e8e8ea;
  width: 100%;
  height: 50%;
}
.CostExplanation--Mobile .CostExplanation__separator__inner__line {
  border-bottom-width: 0.277777777777778vw;
}
.CostExplanation__separator__svg {
  width: 12px;
  height: 24px;
}
.CostExplanation--Mobile .CostExplanation__separator__svg {
  width: 3.333333333333333vw;
  height: 6.666666666666667vw;
}
.CostExplanation__separator__svg--left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.CostExplanation__bottomImage {
  width: 100%;
  height: 100%;
}
.CostExplanation__body {
  padding: 16px 0;
  background-color: #fff;
}
.CostExplanation--Mobile .CostExplanation__body {
  padding: 4.444444444444445vw 0;
}
.CostExplanation--alter .CostExplanation__body {
  padding: 0;
}
.CostExplanation__row {
  text-decoration: none;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 16px;
  padding: 9px 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  background: #fff;
  -webkit-transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}
.CostExplanation--Mobile .CostExplanation__row {
  grid-column-gap: 4.444444444444445vw;
  padding: 2.5vw 4.444444444444445vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  background: #fff;
}
.CostExplanation--alter .CostExplanation__row {
  padding: 9px 35px;
}
.CostExplanation--Mobile.CostExplanation--alter .CostExplanation__row {
  padding: 2.5vw 9.722222222222221vw;
}
.CostExplanation__row--backgroundHover:hover {
  background: #f2f4f6;
  cursor: pointer;
}
.CostExplanation__row--backgroundHover:hover .CostExplanation__row__value {
  color: #00a455;
}
.CostExplanation__row--backgroundHover:hover .CostExplanation__row__name {
  color: #12152a;
}
.CostExplanation__row--backgroundHover:hover .CostExplanation__row__name .SvgIcon {
  color: #00a455;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild {
  background-color: #12152a;
  height: 53px;
}
.CostExplanation--Mobile.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild {
  height: 14.722222222222221vw;
}
.CostExplanation--closing.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild {
  height: 137px;
  background-color: #00a455;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CostExplanation--Mobile.CostExplanation--closing.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild {
  height: 38.05555555555556vw;
}
.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild .CostExplanation__row__name {
  color: #d0d0d4;
}
.CostExplanation--closing.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild .CostExplanation__row__name {
  font-weight: 700;
  font-size: 18px;
  color: #caedde;
  line-height: 22px;
}
.CostExplanation--Mobile.CostExplanation--closing.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild .CostExplanation__row__name {
  font-size: 5vw;
  line-height: 6.111111111111111vw;
}
.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild .CostExplanation__row__value {
  color: #fff;
  font-weight: 700;
}
.CostExplanation--closing.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild .CostExplanation__row__value {
  font-weight: 700;
  font-size: 28px;
  line-height: 56px;
}
.CostExplanation--Mobile.CostExplanation--closing.CostExplanation .CostExplanation__row.CostExplanation__row--lastChild .CostExplanation__row__value {
  font-size: 7.777777777777778vw;
  line-height: 15.555555555555555vw;
}
.CostExplanation__row--green {
  color: #00a455;
}
.CostExplanation__row__value {
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CostExplanation__row__value .SvgIcon {
  margin-right: 4px;
  font-size: 12px;
}
.CostExplanation--Mobile .CostExplanation__row__value .SvgIcon {
  margin-right: 1.111111111111111vw;
  font-size: 3.333333333333333vw;
}
.CostExplanation__row__name {
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  color: #71737f;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CostExplanation__row__name .SvgIcon {
  position: relative;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, transform 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  margin-left: 9px;
  font-size: 12px;
}
.CostExplanation--Mobile .CostExplanation__row__name .SvgIcon {
  margin-left: 2.5vw;
  font-size: 3.333333333333333vw;
}
.CostExplanation__footer {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  grid-row-gap: 4px;
  position: relative;
}
.CostExplanation--Mobile .CostExplanation__footer {
  grid-row-gap: 1.111111111111111vw;
  background-color: #12152a;
  height: 23.88888888888889vw;
}
.CostExplanation__footer--primary {
  color: #00a455;
}
.CostExplanation__footer__image {
  width: 100%;
  height: 86px;
}
.CostExplanation--Mobile .CostExplanation__footer__image {
  display: none;
}
.CostExplanation__footer__content {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.CostExplanation__footer__value {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 1.266666666666667em;
  font-weight: 600;
  font-weight: 700;
  color: #fff;
  padding-bottom: 4px;
}
.CostExplanation--Mobile .CostExplanation__footer__value {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.277777777777778vmin;
  font-weight: 600;
  font-weight: 700;
  color: #fff;
  padding-bottom: 1.111111111111111vw;
}
.CostExplanation__footer__name {
  color: #d0d0d4;
  font-weight: 700;
}
.CostExplanation__backgroundImage--closed {
  color: #00a455;
}
.CostExplanation__info {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CostExplanation--Mobile .CostExplanation__info {
  right: 5.555555555555555vw;
}
.CostExplanation__info__body {
  min-width: 192px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.CostExplanation--Mobile .CostExplanation__info__body {
  min-width: 53.333333333333336vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
}
.CostExplanation__info__icon {
  height: 100%;
  color: #00a455;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CostExplanation--Mobile .CostExplanation__info__icon {
  width: 13.88888888888889vw;
}
.CostExplanation__info__icon .SvgIcon {
  margin: auto;
}

.PaymentsModal {
  background-color: #f2f4f6;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.PaymentsModal__modal.ModalInstance {
  width: 650px;
  min-height: 540px;
}
.PaymentsModal__modal.ModalInstance > .ModalInstance__body {
  overflow-y: auto;
}
.PaymentsModal__modal.PaymentsModal__modal--invoice.ModalInstance {
  width: 900px;
}
.PaymentsModal__modal > .ModalInstance__header {
  height: 71px;
}
.PaymentsModal__noPaymentsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 192px;
  text-align: center;
  color: #71737f;
}
.PaymentsModal__noPaymentsBlock__icon {
  height: 124px;
  width: 124px;
  margin-bottom: 44px;
}
.PaymentsModal__noPaymentsBlock__bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 9px;
}
.PaymentsModal__controls {
  display: grid;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 0;
  grid-column-gap: 25px;
}
.PaymentsModal__controls__buttons {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 9px;
}
.PaymentsModal__controls__btn--addIInvoice {
  background-color: #4d6eff;
}
.PaymentsModal__controls__btn--addReservation {
  background-color: #d50256;
}
.PaymentsModal__totalBlock {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  grid-column-gap: 4px;
  justify-items: left;
}
.PaymentsModal__totalBlock__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
}
.PaymentsModal__totalBlock__balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.PaymentsModal__totalBlock__balance .Input__field {
  border: none;
  background-color: transparent;
  width: 600px;
  max-width: 100%;
  padding-left: 0;
  margin-top: 4px;
}
.PaymentsModal__bigPrimaryText {
  color: #00a455;
  font-size: 36px;
  line-height: 1em;
  font-weight: 400;
}
.PaymentsModal__payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 25px;
  padding-bottom: 25px;
  grid-row-gap: 9px;
}
.PaymentsModalHeader {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content -webkit-max-content auto;
  grid-template-columns: min-content max-content auto;
  grid-gap: 16px;
  padding-right: 25px;
}
.PaymentsModalHeader__title {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
}
.PaymentsModalHeader__title__smallText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  color: #00a455;
}
.PaymentsModalHeader__total {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  color: #d0d0d4;
}
.PaymentsModalHeader__total__bigText {
  color: #00a455;
  font-size: 20px;
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content -webkit-max-content auto;
  grid-template-columns: max-content max-content auto;
  grid-gap: 16px;
  padding-right: 25px;
}
.PaymentsModalHeader__total__bigText__title {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
}
.PaymentsModalHeader__total__bigText__title__smallText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  color: #00a455;
}
.PaymentsModalHeader__total__bigText__total {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  color: #d0d0d4;
}
.PaymentsModalHeader__total__bigText__total__bigText {
  color: #00a455;
  font-size: 20px;
}

.CreatePayment {
  height: 100%;
  display: grid;
  grid-template-rows: -webkit-max-content auto -webkit-max-content;
  grid-template-rows: max-content auto max-content;
  grid-template-columns: 100%;
}
.CreatePayment--noHeader {
  grid-template-rows: auto -webkit-max-content;
  grid-template-rows: auto max-content;
}
.CreatePayment__footer {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
}
.CreatePayment__header {
  padding: 25px;
}
.CreatePayment__body {
  padding: 25px;
  background-color: #fff;
}
.CreatePayment__buttonSave {
  width: 100%;
  border-radius: 0;
  color: #fff;
}
.CreatePayment__buttonEdit {
  width: 48px;
  height: 48px;
  border-radius: 0;
}
.CreatePayment--Mobile .CreatePayment__buttonEdit {
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
  border-radius: 0;
}
.CreatePayment .CreatePayment__valueEditInput {
  height: 48px;
}
.CreatePayment--Mobile.CreatePayment .CreatePayment__valueEditInput {
  height: 13.333333333333334vw;
}
.CreatePayment .CreatePayment__valueEditInput__field {
  border-radius: 0;
}
.CreatePayment--Mobile.CreatePayment .CreatePayment__valueEditInput__field {
  border-radius: 0;
}
.CreatePayment .TabPane__tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 9px;
}
.CreatePayment--Mobile.CreatePayment .TabPane__tabs {
  grid-column-gap: 2.5vw;
}
.CreatePayment .TabPane__views {
  margin-top: 25px;
}
.CreatePayment--Mobile.CreatePayment .TabPane__views {
  margin-top: 6.944444444444445vw;
}
.AutochargeEditor {
  padding: 25px 0 9px;
}
.AutochargeEditor--Mobile {
  padding: 6.944444444444445vw 4.444444444444445vw;
}
.AutochargeEditor__paper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 25px;
  margin-bottom: 25px;
}
.AutochargeEditor--Mobile .AutochargeEditor__paper {
  grid-column-gap: 6.944444444444445vw;
  margin-bottom: 6.944444444444445vw;
}
.AutochargeEditor__textRow {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #71737f;
}
.AutochargeEditor--Mobile .AutochargeEditor__textRow {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.AutochargeEditor__textRow--bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  padding-bottom: 25px;
}
.AutochargeEditor--Mobile .AutochargeEditor__textRow--bold {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 4.166666666666667vmin;
  padding-bottom: 6.944444444444445vw;
}
.AutochargeEditor__icon {
  width: 173px;
  height: 173px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTczIiBoZWlnaHQ9IjE3MyIgdmlld0JveD0iMCAwIDE3MyAxNzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNzMgODYuNTAwMUMxNzMgMTM0LjI3MSAxMzQuMjcxIDE3MyA4Ni41IDE3M0M3Mi44ODY0IDE3MyA2MC4wMDk0IDE2OS44NTQgNDguNTUxNSAxNjQuMjQ5QzQyLjkwNTQgMTYxLjQ4OCAxNi4zNjA3IDEzNy4xOCAxNS4xNjc5IDEzNS40NEM1LjU5ODg1IDEyMS41MjIgMCAxMDQuNjY1IDAgODYuNTAwMUMwIDc0Ljk2NDUgMi4yNTcxMSA2My45NTk0IDYuMzU1NzIgNTMuODk3MUMxOS4yMjk0IDIyLjI4NCAxMTguOTQxIDYuMTc2NzggMTIyLjgzMyA3Ljk4MTExQzE1Mi40NTYgMjEuNzA5NiAxNzMgNTEuNzA3NSAxNzMgODYuNTAwMVoiIGZpbGw9IiMwMEE0NTUiLz4KPHBhdGggZD0iTTEyMi44MzMgNy45ODA5OEw0MS42MzQ5IDg5LjE3NjFMNi4zNTU3MSA1My44OTY5QzE5LjIyOTMgMjIuMjgzOSA1MC4yNjQ2IDAgODYuNSAwQzg5LjA0MDkgMCA5MS41NTgyIDAuMTA4MTI1IDk0LjA0NTEgMC4zMjQzNzVDOTkuNzc5MSAwLjgyMTA3NCAxMDUuMzUxIDEuODc1MjkgMTEwLjcxIDMuNDM2MzVDMTE0Ljg5IDQuNjUyNzUgMTE4Ljk0MSA2LjE3NjY0IDEyMi44MzMgNy45ODA5OFoiIGZpbGw9IiNFRkVCRUUiLz4KPHBhdGggZD0iTTExMC43MSAzLjQzNjQ0TDMzLjMwMjUgODAuODQzOEwyMy40MTU4IDcwLjk1MzdMOTQuMDQ1MSAwLjMyNDQ2M0M5OS43NzkxIDAuODIxMTYyIDEwNS4zNTEgMS44NzUzOCAxMTAuNzEgMy40MzY0NFoiIGZpbGw9IiNEQUU0RUEiLz4KPHBhdGggZD0iTTk5LjE1NCAxNDMuODc0TDUyLjUyMTggMTYwLjI3NUw0OC41NTE1IDE2NC4yNDlDMzYuOTk5MSAxNTguNjAzIDI2Ljg5MjcgMTUwLjQ1NiAxOC45MzU0IDE0MC41MTVMNTUuNTM1NyAxMDMuOTE1TDEwMi40MjggNzcuNjgxMkwxMTEuNTM4IDEyMS45ODJDMTEzLjQ2NyAxMzEuMzQ4IDEwOC4xNzkgMTQwLjcwMSA5OS4xNTQgMTQzLjg3NFoiIGZpbGw9IiNGOUM1QUMiLz4KPHBhdGggZD0iTTY1LjY0NCAxMTguOTc0TDY0LjU3MDIgMTE3LjlMOTEuOTk1MSA5MC40NzU2TDEwMS4wMjkgOTkuNTA5OEw4MS41NjQ3IDExOC45NzRDNzcuMTY4NCAxMjMuMzcxIDcwLjA0MDMgMTIzLjM3MSA2NS42NDQgMTE4Ljk3NFoiIGZpbGw9IiNFRkIyOUEiLz4KPHBhdGggZD0iTTE2Ni4zNTYgNDIuNTg1OEMxNjguMDgzIDQ0Ljg3NzEgMTY3Ljk3MSA0OC4wNjIgMTY2LjA3OSA1MC4yMjE4QzE0Ni4yNzkgNzIuODc0IDEyNS4wNTEgOTQuMTAyNyAxMDIuMzk4IDExMy45MDJDMTAwLjIzOSAxMTUuNzk1IDk3LjA1MTMgMTE1LjkwOSA5NC43NjI1IDExNC4xNzlDODUuNDA2MyAxMDcuMTEyIDc2Ljc0MDQgOTkuMzU0MiA2OC43Njk5IDkwLjkwNTlDNjUuMDY2NiA4Ni45ODI3IDYxLjUxMzcgODIuOTA5IDU4LjEwNjcgNzguNjg1MUM1Ni43MDE4IDc2Ljk0NTYgNTUuMzIwOCA3NS4xNzc4IDUzLjk2ODYgNzMuMzg1NkM1Mi4yMzY2IDcxLjA5NDQgNTIuMzUzNSA2Ny45MDk0IDU0LjI0MzMgNjUuNzQ3MkM3NC4wNDUgNDMuMDk3MSA5NS4yNzM3IDIxLjg2ODQgMTE3LjkyNCAyLjA2NjM0QzEyMC4wODYgMC4xNzY1MiAxMjMuMjY4IDAuMDYxNjM3MyAxMjUuNTYyIDEuNzkxNjRDMTI3LjM1NCAzLjE0Mzg4IDEyOS4xMjIgNC41MjQ4NCAxMzAuODYxIDUuOTI5NzhDMTM1LjA4OCA5LjMzNDM3IDEzOS4xNTkgMTIuODg5NyAxNDMuMDgyIDE2LjU5MjlDMTUxLjUzMSAyNC41NjM4IDE1OS4yODkgMzMuMjI5MyAxNjYuMzU2IDQyLjU4NThaIiBmaWxsPSIjRkQ5OTA5Ii8+CjxwYXRoIGQ9Ik0xNDMuMDgzIDE2LjU5MzFMNjguNzY5NSA5MC45MDYxQzY1LjA2NjMgODYuOTgyOCA2MS41MTMzIDgyLjkwOTIgNTguMTA2NCA3OC42ODUyTDEzMC44NjEgNS45Mjk5M0MxMzUuMDg4IDkuMzM0ODYgMTM5LjE1OSAxMi44ODk4IDE0My4wODMgMTYuNTkzMVoiIGZpbGw9IiMyRjM3M0IiLz4KPHBhdGggZD0iTTg5LjEyNzQgODUuMTY2OUw4Mi4yNDE2IDkyLjA1MjhDODEuMDEzIDkzLjI4MTQgNzkuMDIwOCA5My4yODE0IDc3Ljc5MjIgOTIuMDUyOEM3Ni41NjM2IDkwLjgyNDIgNzYuNTYzNiA4OC44MzIgNzcuNzkyMiA4Ny42MDM0TDg0LjY3ODEgODAuNzE3NkM4NS45MDY3IDc5LjQ4OSA4Ny44OTg5IDc5LjQ4OSA4OS4xMjc0IDgwLjcxNzZDOTAuMzU2IDgxLjk0NjEgOTAuMzU2IDgzLjkzODMgODkuMTI3NCA4NS4xNjY5WiIgZmlsbD0iIzJGMzczQiIvPgo8cGF0aCBkPSJNMTAyLjM4NyA3MS45MDc5TDk1LjUwMDcgNzguNzkzOEM5NC4yNzIxIDgwLjAyMjMgOTIuMjc5OSA4MC4wMjIzIDkxLjA1MTQgNzguNzkzOEM4OS44MjI4IDc3LjU2NTIgODkuODIyOCA3NS41NzMgOTEuMDUxNCA3NC4zNDQ0TDk3LjkzNzIgNjcuNDU4NUM5OS4xNjU4IDY2LjIzIDEwMS4xNTggNjYuMjMgMTAyLjM4NyA2Ny40NTg1QzEwMy42MTUgNjguNjg3NCAxMDMuNjE1IDcwLjY3OTMgMTAyLjM4NyA3MS45MDc5WiIgZmlsbD0iIzJGMzczQiIvPgo8cGF0aCBkPSJNMTE1LjY0NSA1OC42NDkxTDEwOC43NiA2NS41MzVDMTA3LjUzMSA2Ni43NjM1IDEwNS41MzkgNjYuNzYzNSAxMDQuMzEgNjUuNTM1QzEwMy4wODIgNjQuMzA2NCAxMDMuMDgyIDYyLjMxNDIgMTA0LjMxIDYxLjA4NTZMMTExLjE5NiA1NC4xOTk3QzExMi40MjUgNTIuOTcxMiAxMTQuNDE3IDUyLjk3MTIgMTE1LjY0NSA1NC4xOTk3QzExNi44NzQgNTUuNDI4MyAxMTYuODc0IDU3LjQyMDUgMTE1LjY0NSA1OC42NDkxWiIgZmlsbD0iIzJGMzczQiIvPgo8cGF0aCBkPSJNMTI4LjkwNCA0NS4zOTAzTDEyMi4wMTggNTIuMjc2MkMxMjAuNzkgNTMuNTA0NyAxMTguNzk4IDUzLjUwNDcgMTE3LjU2OSA1Mi4yNzYyQzExNi4zNDEgNTEuMDQ3NiAxMTYuMzQxIDQ5LjA1NTQgMTE3LjU2OSA0Ny44MjY4TDEyNC40NTUgNDAuOTQxQzEyNS42ODQgMzkuNzEyNCAxMjcuNjc2IDM5LjcxMjQgMTI4LjkwNCA0MC45NDFDMTMwLjEzMyA0Mi4xNjk1IDEzMC4xMzMgNDQuMTYxNCAxMjguOTA0IDQ1LjM5MDNaIiBmaWxsPSIjMkYzNzNCIi8+CjxwYXRoIGQ9Ik0xMTIuNjUzIDk1LjE0ODhMMTAwLjE1MyAxMDcuNjQ5Qzk4LjkyNDIgMTA4Ljg3OCA5Ni45MzIgMTA4Ljg3OCA5NS43MDM1IDEwNy42NDlDOTQuNDc0OSAxMDYuNDIxIDk0LjQ3NDkgMTA0LjQyOSA5NS43MDM1IDEwMy4yTDEwOC4yMDQgOTAuNjk5NUMxMDkuNDMzIDg5LjQ3MDkgMTExLjQyNSA4OS40NzA5IDExMi42NTMgOTAuNjk5NUMxMTMuODgyIDkxLjkyODEgMTEzLjg4MiA5My45MjAzIDExMi42NTMgOTUuMTQ4OFoiIGZpbGw9IiMyRjM3M0IiLz4KPHBhdGggZD0iTTE0NC45IDM4LjYxMDVMMTMyLjA3MiA1MS40Mzg4QzEzMC4xNzMgNTMuMzM3NCAxMzAuMTczIDU2LjQxNiAxMzIuMDcyIDU4LjMxNDZMMTM2LjE2MSA2Mi40MDM0QzEzOC4wNTkgNjQuMzAyIDE0MS4xMzggNjQuMzAyIDE0My4wMzcgNjIuNDAzNEwxNTUuODY1IDQ5LjU3NUMxNTcuNzY0IDQ3LjY3NjQgMTU3Ljc2NCA0NC41OTc5IDE1NS44NjUgNDIuNjk5M0wxNTEuNzc2IDM4LjYxMDVDMTQ5Ljg3NyAzNi43MTE5IDE0Ni43OTkgMzYuNzExOSAxNDQuOSAzOC42MTA1WiIgZmlsbD0iI0Y0REQ0NSIvPgo8cGF0aCBkPSJNMTA4Ljk3NiA3OC4wMDg5TDMyLjczMTUgMTU0LjI2MUMyNy42MzI3IDE1MC4yMDkgMjMuMDAzNiAxNDUuNTk3IDE4LjkzNTQgMTQwLjUxNUMxNy42MjEgMTM4Ljg3MyAxNi4zNjA3IDEzNy4xOCAxNS4xNjc5IDEzNS40NEwyNS4zMDQ2IDEyNS4zMUwyNS4xMzkxIDExNi4yNTVDMjQuODExMyA5OC42MTY5IDM4LjEyNzYgODMuNzA1NyA1NS42ODc4IDgyLjA0MzNMNjUuNDI5MSA4MS4xMjA5TDg4Ljc1NzEgNTcuNzkyOUM5MS41NDgxIDU1LjAwMTkgOTUuMjA3NCA1My42MDY0IDk4Ljg2NjggNTMuNjA2NEMxMDIuNTIzIDUzLjYwNjQgMTA2LjE4NiA1NS4wMDE5IDEwOC45NzYgNTcuNzkyOUMxMTQuNTU4IDYzLjM3MTUgMTE0LjU1OCA3Mi40MzAzIDEwOC45NzYgNzguMDA4OVoiIGZpbGw9IiNGOUM1QUMiLz4KPHBhdGggZD0iTTExMS42OCA2MS41NDAxQzEwOS42ODMgNjAuNTUwMSAxMDcuNSA2MC4wNTY4IDEwNS4zMiA2MC4wNTY4QzEwMS42NjEgNjAuMDU2OCA5OC4wMDE4IDYxLjQ1MjMgOTUuMjEwOCA2NC4yNDMyTDcxLjg4MjggODcuNTc0Nkw3MS4xNjMxIDg3LjYzODhDNDguNTExIDg5Ljc4NDQgMzEuMzM5NCAxMDkuMDE3IDMxLjc1NSAxMzEuNzU3TDIwLjc3NjkgMTQyLjczNUMyMC4xNDg0IDE0Mi4wMDUgMTkuNTM2OCAxNDEuMjY1IDE4LjkzNTQgMTQwLjUxNUMxNy42MjEgMTM4Ljg3MyAxNi4zNjA3IDEzNy4xOCAxNS4xNjc5IDEzNS40NEwyNS4zMDQ2IDEyNS4zMUwyNS4xMzkxIDExNi4yNTVDMjQuODExMyA5OC42MTY5IDM4LjEyNzYgODMuNzA1NyA1NS42ODc3IDgyLjA0MzNMNjUuNDI5MSA4MS4xMjA5TDg4Ljc1NzEgNTcuNzkyOUM5MS41NDgxIDU1LjAwMTkgOTUuMjA3NCA1My42MDY0IDk4Ljg2NjggNTMuNjA2NEMxMDIuNTIzIDUzLjYwNjQgMTA2LjE4MiA1NC45OTUyIDEwOC45NzYgNTcuNzkyOUMxMTAuMTA1IDU4LjkyMTUgMTExLjAwNyA2MC4xODg2IDExMS42OCA2MS41NDAxWiIgZmlsbD0iI0VGQjI5QSIvPgo8cGF0aCBkPSJNNDEuMjczNyA2NC4wMDc5QzQxLjU2MjIgNjQuMzg5NyA0MS43NTA0IDY0Ljg1NSA0MS43OTQgNjUuMzY2OUM0MS45MTc3IDY2LjgxMyA0MC44NDU5IDY4LjA4NTkgMzkuMzk5NyA2OC4yMDk1TDI0LjI3NTQgNjkuNTAzQzIyLjgyOTYgNjkuNjI3IDIxLjU1NjcgNjguNTU0NSAyMS40MzMxIDY3LjEwODdDMjEuMzA5NCA2NS42NjI1IDIyLjM4MTIgNjQuMzg5NyAyMy44MjczIDY0LjI2NjRMMzguOTUxNyA2Mi45NzI2QzM5Ljg4NTYgNjIuODkyOCA0MC43NDcyIDYzLjMxMTUgNDEuMjczNyA2NC4wMDc5WiIgZmlsbD0iI0U3QTUyRSIvPgo8cGF0aCBkPSJNNDUuODU2OCA1NS41MzQyQzQ2LjUwNzYgNTYuMzk1MSA0Ni41ODM2IDU3LjYwNjEgNDUuOTU3OCA1OC41NjAzQzQ1LjE2MjEgNTkuNzc0IDQzLjUzMzEgNjAuMTEzMiA0Mi4zMTk0IDU5LjMxNzVMMjcuNTI2NiA0OS42MjE3QzI2LjMxMjkgNDguODI1MyAyNS45NzM2IDQ3LjE5NyAyNi43Njk0IDQ1Ljk4M0MyNy41NjUxIDQ0Ljc2OTMgMjkuMTk0MSA0NC40MzAxIDMwLjQwNzggNDUuMjI1OEw0NS4yMDA2IDU0LjkyMTZDNDUuNDYwMSA1NS4wOTE5IDQ1LjY3OTggNTUuMyA0NS44NTY4IDU1LjUzNDJaIiBmaWxsPSIjRTdBNTJFIi8+CjxwYXRoIGQ9Ik00NS4zNjA4IDM0LjIyNDVDNDUuNDY4MyAzNC4zNjY0IDQ1LjU2MjUgMzQuNTIxNSA0NS42NDE2IDM0LjY4OTFMNTIuMTkzIDQ4LjU1MzhDNTIuODEzIDQ5Ljg2NjEgNTIuMjUyMSA1MS40MzI2IDUwLjkzOTcgNTIuMDUyNkM0OS42Mjc0IDUyLjY3MjMgNDguMDYwOSA1Mi4xMTA3IDQ3LjQ0MDkgNTAuNzk5NEw0MC44ODk1IDM2LjkzNDdDNDAuMjY5NSAzNS42MjIzIDQwLjgzMDQgMzQuMDU1OSA0Mi4xNDI3IDMzLjQzNTlDNDMuMjg4MiAzMi44OTQ5IDQ0LjYyNjIgMzMuMjUzMSA0NS4zNjA4IDM0LjIyNDVaIiBmaWxsPSIjRTdBNTJFIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
}
.AutochargeEditor--Mobile .AutochargeEditor__icon {
  width: 48.05555555555556vw;
  height: 48.05555555555556vw;
}

.CreditCardEditor {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr 2fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-areas: 'cardNumber cardNumber cardNumber expDate cvc' 'cardHolder cardHolder cardHolder cardHolder cardHolder' 'city city city state zip' 'note note note note note';
  grid-column-gap: 25px;
  grid-row-gap: 16px;
}
.CreditCardEditor__stripeInput {
  height: 34px;
  padding: 0 7px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CreditCardEditor--Mobile .CreditCardEditor__stripeInput {
  height: 9.444444444444445vw;
  padding: 0 1.944444444444444vw;
  border-radius: 2.222222222222222vw;
  border-width: 0.277777777777778vw;
}
.CreditCardEditor__stripeInput--error {
  border-color: #ee4b19;
}
.CreditCardEditor__stripeInputError {
  font-weight: normal;
  font-size: 12px;
  line-height: 1em;
  color: #ee4b19;
  position: absolute;
  bottom: -14px;
  white-space: normal;
  word-break: unset;
  height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}
.CreditCardEditor--Mobile .CreditCardEditor__stripeInputError {
  font-size: 3.333333333333333vw;
  bottom: -3.888888888888889vw;
}
.CreditCardEditor .AddressInput {
  width: 100%;
}
.CreditCardEditor__cardNumber {
  grid-area: cardNumber;
  position: relative;
}
.CreditCardEditor__expDate {
  grid-area: expDate;
  position: relative;
}
.CreditCardEditor__cvc {
  grid-area: cvc;
  position: relative;
}
.CreditCardEditor__cardHolder {
  grid-area: cardHolder;
}
.CreditCardEditor__city {
  grid-area: city;
}
.CreditCardEditor__state {
  grid-area: state;
}
.CreditCardEditor__zip {
  grid-area: zip;
  position: relative;
}
.CreditCardEditor__note {
  grid-area: note;
  position: relative;
}
.CreditCardEditor__row__icon {
  width: 100%;
  color: #f2f4f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px 0;
}
.CreditCardEditor__row__icon .SvgIcon {
  padding: 25px 0 16px;
  width: 158px;
  height: auto;
}
.CreditCardEditor__blockTitle {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CreditCardEditor--Mobile .CreditCardEditor__blockTitle {
  grid-column-gap: 3.333333333333333vw;
}
.CreditCardEditor__rightBlock {
  text-align: right;
  white-space: nowrap;
  color: #00a455;
}
.CreditCardEditor__stripePromo {
  background-color: #e1e2e5;
  border: 1px solid #c0c0c0;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr 1fr;
  padding: 10px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}
.CreditCardEditor--Mobile .CreditCardEditor__stripePromo {
  border: 0.277777777777778vw solid #c0c0c0;
  padding: 2.777777777777778vw 3.333333333333333vw;
}
.CreditCardEditor__stripePromo__secondRow {
  width: 100%;
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-template-rows: 100%;
  grid-column-gap: 2px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  padding-top: 10px;
}
.CreditCardEditor--Mobile .CreditCardEditor__stripePromo__secondRow {
  grid-column-gap: 0.555555555555556vw;
  padding-top: 2.777777777777778vw;
}
.CreditCardEditor__stripePromo__secondRow__icon {
  background-size: contain;
  background-position: center;
  border-radius: 3px;
  background-color: #fff;
  width: 39px;
  height: 22px;
}
.CreditCardEditor--Mobile .CreditCardEditor__stripePromo__secondRow__icon {
  border-radius: 0.833333333333333vw;
  width: 10.833333333333334vw;
  height: 6.111111111111111vw;
}
.CreditCardEditor__stripePromo__secondRow__icon--visa {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSLlvaLnirZfMV8zXyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7Ij48ZyBpZD0i5b2i54q2XzEiPjxnPjxwYXRoIGQ9Ik0yMTEuMzI4LDE4NC40NDVsLTIzLjQ2NSwxNDQuMjA4aDM3LjU0MmwyMy40NjgtMTQ0LjIwOCAgICAgSDIxMS4zMjh6IE0xNTYuMjc2LDE4NC40NDVsLTM1Ljc5NCw5OS4xODVsLTQuMjM0LTIxLjM1OGwwLjAwMywwLjAwN2wtMC45MzMtNC43ODdjLTQuMzMyLTkuMzM2LTE0LjM2NS0yNy4wOC0zMy4zMS00Mi4yMjMgICAgIGMtNS42MDEtNC40NzYtMTEuMjQ3LTguMjk2LTE2LjcwNS0xMS41NTlsMzIuNTMxLDEyNC45NDNoMzkuMTE2bDU5LjczMy0xNDQuMjA4SDE1Ni4yNzZ6IE0zMDIuNzk3LDIyNC40OCAgICAgYzAtMTYuMzA0LDM2LjU2My0xNC4yMDksNTIuNjI5LTUuMzU2bDUuMzU3LTMwLjk3MmMwLDAtMTYuNTM0LTYuMjg4LTMzLjc2OC02LjI4OGMtMTguNjMyLDAtNjIuODc1LDguMTQ4LTYyLjg3NSw0Ny43MzkgICAgIGMwLDM3LjI2LDUxLjkyOCwzNy43MjMsNTEuOTI4LDU3LjI4NWMwLDE5LjU2Mi00Ni41NzQsMTYuMDY2LTYxLjk0NCwzLjcyNmwtNS41ODYsMzIuMzczYzAsMCwxNi43NjMsOC4xNDgsNDIuMzgyLDguMTQ4ICAgICBjMjUuNjE2LDAsNjQuMjcyLTEzLjI3MSw2NC4yNzItNDkuMzdDMzU1LjE5MiwyNDQuMjcyLDMwMi43OTcsMjQwLjc4LDMwMi43OTcsMjI0LjQ4eiBNNDU1Ljk5NywxODQuNDQ1aC0zMC4xODUgICAgIGMtMTMuOTM4LDAtMTcuMzMyLDEwLjc0Ny0xNy4zMzIsMTAuNzQ3bC01NS45ODgsMTMzLjQ2MWgzOS4xMzFsNy44MjgtMjEuNDE5aDQ3LjcyOGw0LjQwMywyMS40MTloMzQuNDcyTDQ1NS45OTcsMTg0LjQ0NXogICAgICBNNDEwLjI3LDI3Ny42NDFsMTkuNzI4LTUzLjk2NmwxMS4wOTgsNTMuOTY2SDQxMC4yN3oiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMwMDVCQUM7Ii8+PC9nPjwvZz48L2c+PGcgaWQ9IuW9oueKtl8xXzJfIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDsiPjxnIGlkPSLlvaLnirZfMV8xXyI+PGc+PHBhdGggZD0iTTEwNC4xMzIsMTk4LjAyMmMwLDAtMS41NTQtMTMuMDE1LTE4LjE0NC0xMy4wMTVIMjUuNzE1ICAgICBsLTAuNzA2LDIuNDQ2YzAsMCwyOC45NzIsNS45MDYsNTYuNzY3LDI4LjAzM2MyNi41NjIsMjEuMTQ4LDM1LjIyNyw0Ny41MSwzNS4yMjcsNDcuNTFMMTA0LjEzMiwxOTguMDIyeiIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0Y2QUMxRDsiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
  background-size: 88%;
}
.CreditCardEditor__stripePromo__secondRow__icon--mastercard {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyLjExNjc2aW4iIGhlaWdodD0iMS41aW4iIHZpZXdCb3g9IjAgMCAxNTIuNDA3IDEwOCI+CiAgPGc+CiAgICA8cmVjdCB3aWR0aD0iMTUyLjQwNyIgaGVpZ2h0PSIxMDgiIHN0eWxlPSJmaWxsOiBub25lIi8+CiAgICA8Zz4KICAgICAgPHJlY3QgeD0iNjAuNDExNyIgeT0iMjUuNjk2OCIgd2lkdGg9IjMxLjUiIGhlaWdodD0iNTYuNjA2NCIgc3R5bGU9ImZpbGw6ICNmZjVmMDAiLz4KICAgICAgPHBhdGggZD0iTTM4Mi4yMDgzOSwzMDZhMzUuOTM3NSwzNS45Mzc1LDAsMCwxLDEzLjc0OTktMjguMzAzMiwzNiwzNiwwLDEsMCwwLDU2LjYwNjRBMzUuOTM4LDM1LjkzOCwwLDAsMSwzODIuMjA4MzksMzA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxOS43OTY0OSAtMjUyKSIgc3R5bGU9ImZpbGw6ICNlYjAwMWIiLz4KICAgICAgPHBhdGggZD0iTTQ1NC4yMDM0OSwzMDZhMzUuOTk4NjcsMzUuOTk4NjcsMCwwLDEtNTguMjQ1MiwyOC4zMDMyLDM2LjAwNTE4LDM2LjAwNTE4LDAsMCwwLDAtNTYuNjA2NEEzNS45OTg2NywzNS45OTg2NywwLDAsMSw0NTQuMjAzNDksMzA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxOS43OTY0OSAtMjUyKSIgc3R5bGU9ImZpbGw6ICNmNzllMWIiLz4KICAgICAgPHBhdGggZD0iTTQ1MC43Njg4OSwzMjguMzA3N3YtMS4xNTg5aC40Njczdi0uMjM2MWgtMS4xOTAxdi4yMzYxaC40Njc1djEuMTU4OVptMi4zMTA1LDB2LTEuMzk3M2gtLjM2NDhsLS40MTk1OS45NjExLS40MTk3MS0uOTYxMWgtLjM2NXYxLjM5NzNoLjI1NzZ2LTEuMDU0bC4zOTM1LjkwODdoLjI2NzFsLjM5MzUxLS45MTF2MS4wNTYzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxOS43OTY0OSAtMjUyKSIgc3R5bGU9ImZpbGw6ICNmNzllMWIiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
  background-color: #003256;
}
.CreditCardEditor__stripePromo__secondRow__icon--amex {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgogICAgIHk9IjBweCIKICAgICB2aWV3Qm94PSIwIDAgMjkxLjc2NCAyOTEuNzY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTEuNzY0IDI5MS43NjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxwYXRoIHN0eWxlPSJmaWxsOiMyNkE2RDE7IiBkPSJNMTguMjM1LDQxLjAyNWgyNTUuMjk0YzEwLjA2NiwwLDE4LjIzNSw4LjE2OSwxOC4yMzUsMTguMjQ0djE3My4yMzUKCQljMCwxMC4wNjYtOC4xNjksMTguMjM1LTE4LjIzNSwxOC4yMzVIMTguMjM1QzguMTYsMjUwLjc0LDAsMjQyLjU3LDAsMjMyLjUwNVY1OS4yNjlDMCw0OS4xOTQsOC4xNjksNDEuMDI1LDE4LjIzNSw0MS4wMjV6Ii8+CiAgICA8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTQ3LjA0NywxMTMuOTY2bC0yOC44MTIsNjMuNzZoMzQuNDkybDQuMjc2LTEwLjE2Nmg5Ljc3NGw0LjI3NiwxMC4xNjZoMzcuOTY2di03Ljc1OWwzLjM4Myw3Ljc1OQoJCWgxOS42MzlsMy4zODMtNy45MjN2Ny45MjNoNzguOTU5bDkuNjAxLTkuOTAybDguOTksOS45MDJsNDAuNTU1LDAuMDgybC0yOC45MDMtMzEuNzg0bDI4LjkwMy0zMi4wNThoLTM5LjkyNmwtOS4zNDYsOS43MTkKCQlsLTguNzA3LTkuNzE5aC04NS44OTdsLTcuMzc2LDE2LjQ1N2wtNy41NDktMTYuNDU3aC0zNC40MnY3LjQ5NWwtMy44MjktNy40OTVDNzYuNDc5LDExMy45NjYsNDcuMDQ3LDExMy45NjYsNDcuMDQ3LDExMy45NjZ6CgkJIE01My43MjEsMTIzLjAyaDE2LjgxM2wxOS4xMTEsNDMuMjM2VjEyMy4wMmgxOC40MThsMTQuNzYxLDMxbDEzLjYwNC0zMWgxOC4zMjZ2NDUuNzUyaC0xMS4xNTFsLTAuMDkxLTM1Ljg1MWwtMTYuMjU3LDM1Ljg1MQoJCWgtOS45NzVsLTE2LjM0OC0zNS44NTF2MzUuODUxaC0yMi45NGwtNC4zNDktMTAuMjU3SDUwLjE0N2wtNC4zNCwxMC4yNDhIMzMuNTE2QzMzLjUxNiwxNjguNzYzLDUzLjcyMSwxMjMuMDIsNTMuNzIxLDEyMy4wMnoKCQkgTTE2NC45NTYsMTIzLjAyaDQ1LjM0MkwyMjQuMTY2LDEzOGwxNC4zMTUtMTQuOThoMTMuODY4bC0yMS4wNzEsMjIuOTk1bDIxLjA3MSwyMi43M2gtMTQuNDk3bC0xMy44NjgtMTUuMTU0bC0xNC4zODgsMTUuMTU0CgkJaC00NC42NEwxNjQuOTU2LDEyMy4wMkwxNjQuOTU2LDEyMy4wMnogTTYxLjksMTMwLjc2MWwtNy43NDEsMTguMjcyaDE1LjQ3M0w2MS45LDEzMC43NjF6IE0xNzYuMTUzLDEzMi40OTN2OC4zNTJoMjQuNzM2djkuMzA5CgkJaC0yNC43MzZ2OS4xMThoMjcuNzQ1bDEyLjg5Mi0xMy40M2wtMTIuMzQ1LTEzLjM1N2gtMjguMjkyTDE3Ni4xNTMsMTMyLjQ5M3oiLz4KPC9zdmc+Cg==);
  background-size: cover;
  background-color: transparent;
}
.CreditCardEditor__stripePromo__secondRow__icon--jcb {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgLTI5IDI1NiAyNTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSItNTcuNTI3MDk2OCUiIHkxPSI1MC4xMjQxOTUzJSIgeDI9IjIzMi4zOTEyMSUiIHkyPSI1MC4xMjQxOTUzJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDA3OTQwIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1Q0I1MzEiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIwLjE4MjUxNjcwNCUiIHkxPSI0OS45NTk5NyUiIHgyPSIxMDAuMjczNDQxJSIgeTI9IjQ5Ljk1OTk3JSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDA3OTQwIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1Q0I1MzEiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSItNjIuODAxNTg0NSUiIHkxPSI0OS44NTc4MjUzJSIgeDI9IjI1My42NzEyOTQlIiB5Mj0iNDkuODU3ODI1MyUiIGlkPSJsaW5lYXJHcmFkaWVudC0zIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNDBBNzM3IiBvZmZzZXQ9Ijc0LjMzJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMC4xNzU1NTY3OTMlIiB5MT0iNTAuMDA1ODA0OCUiIHgyPSIxMDEuODA4MTYyJSIgeTI9IjUwLjAwNTgwNDglIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMxRjI4NkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwNEU5NCIgb2Zmc2V0PSI0Ny41MSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwNjZCMSIgb2Zmc2V0PSI4Mi42MSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwNkZCQyIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9Ii0wLjU3NTg1NTUxMiUiIHkxPSI0OS45MTQyMTkxJSIgeDI9Ijk4LjEzMjk5JSIgeTI9IjQ5LjkxNDIxOTElIiBpZD0ibGluZWFyR3JhZGllbnQtNSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2QzJDMkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzg4MjczMCIgb2Zmc2V0PSIxNy4zNSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0JFMTgzMyIgb2Zmc2V0PSI1Ny4zMSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0RDMDQzNiIgb2Zmc2V0PSI4NS44NSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0U2MDAzOSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYuMDAwMDAxLDE1Ny40MTgwOTQgQzI1Ni4wMDAwMDEsMTc5LjMyNTE4NCAyMzguMTYxMzcsMTk3LjE2MzgxNSAyMTYuMjU0Mjc5LDE5Ny4xNjM4MTUgTC0zLjQzNjIzODY3ZS0wOCwxOTcuMTYzODE1IEwtMy40MzYyMzg2N2UtMDgsMzkuNzQ1NzIxOCBDLTMuNDM2MjM4NjdlLTA4LDE3LjgzODYzMTIgMTcuODM4NjMwOSwzLjY5Mzk1OTc3ZS0wNyAzOS43NDU3MjE0LDMuNjkzOTU5NzdlLTA3IEwyNTYuMDAwMDAxLDMuNjkzOTU5NzdlLTA3IEwyNTYuMDAwMDAxLDE1Ny40MTgwOTQgWiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik0xODUuNTg0MzUzLDExNy4wNDY0NTUgTDIwMi4wMTQ2NywxMTcuMDQ2NDU1IEMyMDIuNDg0MTA4LDExNy4wNDY0NTUgMjAzLjU3OTQ2MywxMTYuODg5OTc3IDIwNC4wNDg5MDEsMTE2Ljg4OTk3NyBDMjA3LjE3ODQ4NSwxMTYuMjY0MDYgMjA5LjgzODYzMSwxMTMuNDQ3NDM0IDIwOS44Mzg2MzEsMTA5LjUzNTQ1MyBDMjA5LjgzODYzMSwxMDUuNzc5OTUyIDIwNy4xNzg0ODUsMTAyLjk2MzMyNiAyMDQuMDQ4OTAxLDEwMi4xODA5MyBDMjAzLjU3OTQ2MywxMDIuMDI0NDUxIDIwMi42NDA1ODgsMTAyLjAyNDQ1MSAyMDIuMDE0NjcsMTAyLjAyNDQ1MSBMMTg1LjU4NDM1MywxMDIuMDI0NDUxIEwxODUuNTg0MzUzLDExNy4wNDY0NTUgWiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik0yMDAuMTM2OTIsMTMuMzAwNzMzOSBDMTg0LjQ4ODk5OSwxMy4zMDA3MzM5IDE3MS42NTc3MDIsMjUuOTc1NTUwNiAxNzEuNjU3NzAyLDQxLjc3OTk1MTYgTDE3MS42NTc3MDIsNzEuMzU0NTI0IEwyMTEuODcyODYxLDcxLjM1NDUyNCBDMjEyLjgxMTczNyw3MS4zNTQ1MjQgMjEzLjkwNzA5Miw3MS4zNTQ1MjQgMjE0LjY4OTQ4OCw3MS41MTEwMDMgQzIyMy43NjUyODIsNzEuOTgwNDQxIDIzMC40OTM4ODgsNzYuNjc0ODE3NSAyMzAuNDkzODg4LDg0LjgxMTczNjUgQzIzMC40OTM4ODgsOTEuMjI3Mzg0NSAyMjUuOTU1OTkxLDk2LjcwNDE1NzUgMjE3LjUwNjExMyw5Ny43OTk1MTIgTDIxNy41MDYxMTMsOTguMTEyNDcgQzIyNi43MzgzODcsOTguNzM4Mzg3IDIzMy43Nzk5NTIsMTAzLjkwMjIwMSAyMzMuNzc5OTUyLDExMS44ODI2NDEgQzIzMy43Nzk5NTIsMTIwLjQ4ODk5OCAyMjUuOTU1OTkxLDEyNi4xMjIyNTEgMjE1LjYyODM2MywxMjYuMTIyMjUxIEwxNzEuNTAxMjIzLDEyNi4xMjIyNTEgTDE3MS41MDEyMjMsMTg0LjAxOTU2MSBMMjEzLjI4MTE3NCwxODQuMDE5NTYxIEMyMjguOTI5MDk3LDE4NC4wMTk1NjEgMjQxLjc2MDM5MiwxNzEuMzQ0NzQ0IDI0MS43NjAzOTIsMTU1LjU0MDM0NCBMMjQxLjc2MDM5MiwxMy4zMDA3MzM5IEwyMDAuMTM2OTIsMTMuMzAwNzMzOSBMMjAwLjEzNjkyLDEzLjMwMDczMzkgWiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik0yMDcuODA0NDAyLDg2LjY4OTQ4NzUgQzIwNy44MDQ0MDIsODIuOTMzOTg2IDIwNS4xNDQyNTUsODAuNDMwMzE4NSAyMDIuMDE0NjcsNzkuOTYwODgxIEMyMDEuNzAxNzEzLDc5Ljk2MDg4MSAyMDAuOTE5MzE2LDc5LjgwNDQwMTUgMjAwLjQ0OTg3OSw3OS44MDQ0MDE1IEwxODUuNTg0MzUzLDc5LjgwNDQwMTUgTDE4NS41ODQzNTMsOTMuNTc0NTczIEwyMDAuNDQ5ODc5LDkzLjU3NDU3MyBDMjAwLjkxOTMxNiw5My41NzQ1NzMgMjAxLjg1ODE5Miw5My41NzQ1NzMgMjAyLjAxNDY3LDkzLjQxODA5MzUgQzIwNS4xNDQyNTUsOTIuOTQ4NjU2IDIwNy44MDQ0MDIsOTAuNDQ0OTg4NSAyMDcuODA0NDAyLDg2LjY4OTQ4NzUgTDIwNy44MDQ0MDIsODYuNjg5NDg3NSBaIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTMpIj48L3BhdGg+CgkJPHBhdGggZD0iTTQyLjcxODgyNjYsMTMuMzAwNzMzOSBDMjcuMDcwOTA0NywxMy4zMDA3MzM5IDE0LjIzOTYwODgsMjUuOTc1NTUwNiAxNC4yMzk2MDg4LDQxLjc3OTk1MTYgTDE0LjIzOTYwODgsMTEyLjAzOTEyIEMyMi4yMjAwNDg5LDExNS45NTExMDEgMzAuNTEzNDQ3NSwxMTguNDU0NzY4IDM4LjgwNjg0NjEsMTE4LjQ1NDc2OCBDNDguNjY1MDM2OCwxMTguNDU0NzY4IDUzLjk4NTMzMDUsMTEyLjUwODU1OCA1My45ODUzMzA1LDEwNC4zNzE2MzkgTDUzLjk4NTMzMDUsNzEuMTk4MDQ0NSBMNzguMzk2MDg4NSw3MS4xOTgwNDQ1IEw3OC4zOTYwODg1LDEwNC4yMTUxNTkgQzc4LjM5NjA4ODUsMTE3LjA0NjQ1NSA3MC40MTU2NDgsMTI3LjUzMDU2MyA0My4zNDQ3NDM0LDEyNy41MzA1NjMgQzI2LjkxNDQyNTUsMTI3LjUzMDU2MyAxNC4wODMxMjk2LDEyMy45MzE1NDEgMTQuMDgzMTI5NiwxMjMuOTMxNTQxIEwxNC4wODMxMjk2LDE4My44NjMwODIgTDU1Ljg2MzA4MSwxODMuODYzMDgyIEM3MS41MTEwMDI1LDE4My44NjMwODIgODQuMzQyMjk4NSwxNzEuMTg4MjY1IDg0LjM0MjI5ODUsMTU1LjM4Mzg2NCBMODQuMzQyMjk4NSwxMy4zMDA3MzM5IEw0Mi43MTg4MjY2LDEzLjMwMDczMzkgTDQyLjcxODgyNjYsMTMuMzAwNzMzOSBaIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTQpIj48L3BhdGg+CgkJPHBhdGggZD0iTTEyMS40Mjc4NzQsMTMuMzAwNzMzOSBDMTA1Ljc3OTk1MSwxMy4zMDA3MzM5IDkyLjk0ODY1NTUsMjUuOTc1NTUwNiA5Mi45NDg2NTU1LDQxLjc3OTk1MTcgTDkyLjk0ODY1NTUsNzkuMDIyMDA1NSBDMTAwLjE0NjY5OSw3Mi45MTkzMTYgMTEyLjY2NTAzNyw2OS4wMDczMzU1IDEzMi44NTA4NTYsNjkuOTQ2MjExIEMxNDMuNjQ3OTIyLDcwLjQxNTY0ODUgMTU1LjIyNzM4NCw3My4zODg3NTM1IDE1NS4yMjczODQsNzMuMzg4NzUzNSBMMTU1LjIyNzM4NCw4NS40Mzc2NTM1IEMxNDkuNDM3NjU0LDgyLjQ2NDU0ODUgMTQyLjU1MjU2OCw3OS44MDQ0MDE1IDEzMy42MzMyNTIsNzkuMTc4NDg1IEMxMTguMjk4Mjg5LDc4LjA4MzEzMDUgMTA5LjA2NjAxNSw4NS41OTQxMzMgMTA5LjA2NjAxNSw5OC43MzgzODcgQzEwOS4wNjYwMTUsMTEyLjAzOTEyIDExOC4yOTgyODksMTE5LjU1MDEyMyAxMzMuNjMzMjUyLDExOC4yOTgyODkgQzE0Mi41NTI1NjgsMTE3LjY3MjM3MiAxNDkuNDM3NjU0LDExNC44NTU3NDYgMTU1LjIyNzM4NCwxMTIuMDM5MTIgTDE1NS4yMjczODQsMTI0LjA4ODAyIEMxNTUuMjI3Mzg0LDEyNC4wODgwMiAxNDMuODA0NDAyLDEyNy4wNjExMjYgMTMyLjg1MDg1NiwxMjcuNTMwNTYzIEMxMTIuNjY1MDM3LDEyOC40Njk0MzggMTAwLjE0NjY5OSwxMjQuNTU3NDU4IDkyLjk0ODY1NTUsMTE4LjQ1NDc2OCBMOTIuOTQ4NjU1NSwxODQuMTc2MDQgTDEzNC43Mjg2MDcsMTg0LjE3NjA0IEMxNTAuMzc2NTI5LDE4NC4xNzYwNCAxNjMuMjA3ODI0LDE3MS41MDEyMjMgMTYzLjIwNzgyNCwxNTUuNjk2ODIyIEwxNjMuMjA3ODI0LDEzLjMwMDczMzkgTDEyMS40Mjc4NzQsMTMuMzAwNzMzOSBMMTIxLjQyNzg3NCwxMy4zMDA3MzM5IFoiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtNSkiPjwvcGF0aD4KCTwvZz4KPC9zdmc+Cg==);
}
.CreditCardEditor__stripePromo__secondRow__icon--discover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgLTIxMyA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMTkuNDE0Mzc0MyUiIHkxPSI5LjA2MzE2OTU0JSIgeDI9Ijg4LjYwMDY0OTklIiB5Mj0iODAuNDk4ODQxNyUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0YzNEYyNiIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRjY5RTM1IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxwYXRoIGQ9Ik0yNzAuMzU2MjU3LDAuMzY0NzQyMjA0IEMyNDYuMzc0MDA3LDAuMzY0NzQyMjA0IDIyNi45MTY2MiwxOS4wOTk3OTA1IDIyNi45MTY2Miw0Mi4yMjI0ODk2IEMyMjYuOTE2NjIsNjYuODA1NjM2IDI0NS41Mjg2NTEsODUuMTgyNjY5NyAyNzAuMzU2MjU3LDg1LjE4MjY2OTcgQzI5NC41NjQwNCw4NS4xODI2Njk3IDMxMy42Nzc2MDYsNjYuNTYyNzUzOSAzMTMuNjc3NjA2LDQyLjcwNTA5OTYgQzMxMy42Nzc2MDYsMTguOTg5Mzg5NSAyOTQuNjkxNzksMC4zNjQ3NDIyMDQgMjcwLjM1NjI1NywwLjM2NDc0MjIwNCBaIiBpZD0icGF0aC0yIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMyI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIxIiBvcGVyYXRvcj0iZXJvZGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRJbm5lcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0IiBpbj0ic2hhZG93U3ByZWFkSW5uZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMyIgZHk9IjMiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC41IDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8Zz4KCQk8Zz4KCQkJPHVzZSBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgoJCQk8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMykiIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgoJCTwvZz4KCQk8cGF0aCBkPSJNMjMuNzQ1Njc2MSwxLjg5MTQzMDIgTDAuMzkyNzEyMDk4LDEuODkxNDMwMiBMMC4zOTI3MTIwOTgsODMuMzQ1MjgxOCBMMjMuNjI0MjM1MSw4My4zNDUyODE4IEMzNS45NDk3MTcxLDgzLjM0NTI4MTggNDQuODYzODA4Nyw4MC40MjQzODcgNTIuNjgzMzUzMSw3My45NDcwMDMgQzYxLjk2MTc2NzksNjYuMjUyMDUzOSA2Ny40NjQ0Njg3LDU0LjY0ODkwOTcgNjcuNDY0NDY4Nyw0Mi42NTc3ODQ4IEM2Ny40NjQ0Njg3LDE4LjYwOTI5NDYgNDkuNDk5MDczMSwxLjg5MTQzMDIgMjMuNzQ1Njc2MSwxLjg5MTQzMDIgWiBNNDIuMzE4Mjc3Miw2My4wNjc3NzM5IEMzNy4yOTY2MDkyLDY3LjU5ODk0NiAzMC44MzE4NDI2LDY5LjU1NjE5NzkgMjAuNTU4MjQxNyw2OS41NTYxOTc5IEwxNi4yOTA0NTQ4LDY5LjU1NjE5NzkgTDE2LjI5MDQ1NDgsMTUuNjgzNjY4MyBMMjAuNTU4MjQxNywxNS42ODM2NjgzIEMzMC44MzE4NDI2LDE1LjY4MzY2ODMgMzcuMDQ4OTk1NSwxNy41MTc5MDE5IDQyLjMxODI3NzIsMjIuMjc2MTg0NyBDNDcuODEzMDkyMiwyNy4xNjIyMTcyIDUxLjA5MDQyNDUsMzQuNzI3ODM5NCA1MS4wOTA0MjQ1LDQyLjU0MTA3NTIgQzUxLjA5MDQyNDUsNTAuMzcwMDgyNyA0Ny44MTMwOTIyLDU4LjIwMDY2NzMgNDIuMzE4Mjc3Miw2My4wNjc3NzM5IFogTTc0Ljc5ODI0ODksODMuMzQ1MjgxOCBMOTAuNjY5MTgsODMuMzQ1MjgxOCBMOTAuNjY5MTgsMS44OTE0MzAyIEw3NC43OTgyNDg5LDEuODkxNDMwMiBMNzQuNzk4MjQ4OSw4My4zNDUyODE4IFogTTEyOS41MjU1OTgsMzMuMTM2NDg4IEMxMTkuOTg2OTUyLDI5LjYwMjA3OTEgMTE3LjE3OTYxMiwyNy4yNzEwNDEgMTE3LjE3OTYxMiwyMi44ODk2OTg4IEMxMTcuMTc5NjEyLDE3Ljc1NjA1MjcgMTIyLjE3NzYyMywxMy44NTEwMTE5IDEyOS4wMjg3OTMsMTMuODUxMDExOSBDMTMzLjc5MTgwNywxMy44NTEwMTE5IDEzNy43MDAwMDIsMTUuODAzNTMyMiAxNDEuODY1Mjc0LDIwLjQzMDkxMSBMMTUwLjE1OTU0Myw5LjU3ODQ5MzUyIEMxNDMuMzIwOTksMy41ODA1NjUzNyAxMzUuMTM4Njk5LDAuNTMxOTIwODQ5IDEyNi4yMTM1NjgsMC41MzE5MjA4NDkgQzExMS44MTU3MDEsMC41MzE5MjA4NDkgMTAwLjgxNTAzMSwxMC41NTE1OTk0IDEwMC44MTUwMzEsMjMuODUxNzY0NiBDMTAwLjgxNTAzMSwzNS4wOTg0NzEzIDEwNS45NDA3OTEsNDAuODMzMDE0MiAxMjAuODQ2NTAzLDQ2LjIyMDU4MjYgQzEyNy4wNzk0MjcsNDguNDA4MDk5NCAxMzAuMjQ3OTM1LDQ5Ljg2Njk2OTYgMTMxLjgzOTI4Nyw1MC44NjM3MzI4IEMxMzUuMDE0MTA0LDUyLjk0MDg0ODYgMTM2LjYwODYxLDU1Ljg2MTc0MzQgMTM2LjYwODYxLDU5LjI3OTQ0MjcgQzEzNi42MDg2MSw2NS44ODQ1NzYzIDEzMS4zNTE5NDUsNzAuNzYyNzIzIDEyNC4yNTc4OTQsNzAuNzYyNzIzIEMxMTYuNjg0Mzg1LDcwLjc2MjcyMyAxMTAuNTgzOTQyLDY2Ljk4MDcwMDUgMTA2LjkxNzA1Miw1OS44OTc2ODgzIEw5Ni42NzAyNjI1LDY5LjgwMjIzNDMgQzEwMy45ODM1NCw4MC41MzQ3ODggMTEyLjc3OTM0NCw4NS4zMTM1NzM3IDEyNC44ODQwMjUsODUuMzEzNTczNyBDMTQxLjM3MTYyNCw4NS4zMTM1NzM3IDE1Mi45Njg0NTksNzQuMzA2NTk0OCAxNTIuOTY4NDU5LDU4LjU1NTUyNzYgQzE1Mi45Njg0NTksNDUuNjA3MDY4NSAxNDcuNjA3NzAzLDM5Ljc0MDA0NDUgMTI5LjUyNTU5OCwzMy4xMzY0ODggWiBNMTU3Ljk3NDM1Niw0Mi42NTc3ODQ4IEMxNTcuOTc0MzU2LDY2LjYyMjY4NTggMTc2Ljc4OTg0LDg1LjE4MjY2OTcgMjAwLjk4MDI3NCw4NS4xODI2Njk3IEMyMDcuODE4ODI3LDg1LjE4MjY2OTcgMjEzLjY4MTExOSw4My44MzEwNDYxIDIyMC44OTUwMzUsODAuNDI0Mzg3IEwyMjAuODk1MDM1LDYxLjcyNzE5MDQgQzIxNC41MzQzNjEsNjguMDg0NzEwMyAyMDguOTE0OTUsNzAuNjQyODU5MSAyMDEuNzA1NzY2LDcwLjY0Mjg1OTEgQzE4NS43MDg2NjMsNzAuNjQyODU5MSAxNzQuMzQyMDkyLDU5LjAzNjU2MDUgMTc0LjM0MjA5Miw0Mi41NDEwNzUyIEMxNzQuMzQyMDkyLDI2LjkxNDYwMzUgMTg2LjA2MzUyMiwxNC41NzY1MDQxIDIwMC45ODAyNzQsMTQuNTc2NTA0MSBDMjA4LjU0MTE2NSwxNC41NzY1MDQxIDIxNC4yOTE0NzgsMTcuMjYyNDAyNSAyMjAuODk1MDM1LDIzLjczNTA1NSBMMjIwLjg5NTAzNSw1LjAzOTQzNTYxIEMyMTMuOTMzNDY0LDEuNTA4MTgxMDQgMjA4LjE4MzE1LDAuMDU0MDQyMjcxMSAyMDEuMzQzMDIsMC4wNTQwNDIyNzExIEMxNzcuMjc1NjA0LDAuMDU0MDQyMjcxMSAxNTcuOTc0MzU2LDE4Ljk4OTM4OTUgMTU3Ljk3NDM1Niw0Mi42NTc3ODQ4IFogTTM0OS42MjU3NDYsNTYuNjA2MTYxNiBMMzI3Ljg4MzA1OSwxLjg5MTQzMDIgTDMxMC41Mzc0ODYsMS44OTE0MzAyIEwzNDUuMTE2NjU0LDg1LjQyNTU1MTkgTDM1My42NjAxMTQsODUuNDI1NTUxOSBMMzg4Ljg0MzMzMiwxLjg5MTQzMDIgTDM3MS42MjU1MDksMS44OTE0MzAyIEwzNDkuNjI1NzQ2LDU2LjYwNjE2MTYgWiBNMzk2LjA2NTEzNSw4My4zNDUyODE4IEw0NDEuMTMwODE5LDgzLjM0NTI4MTggTDQ0MS4xMzA4MTksNjkuNTU2MTk3OSBMNDExLjk0MjM3NCw2OS41NTYxOTc5IEw0MTEuOTQyMzc0LDQ3LjU1NDg1NzUgTDQ0MC4wMTQxOTIsNDcuNTU0ODU3NSBMNDQwLjAxNDE5MiwzMy43NjI2MTkzIEw0MTEuOTQyMzc0LDMzLjc2MjYxOTMgTDQxMS45NDIzNzQsMTUuNjgzNjY4MyBMNDQxLjEzMDgxOSwxNS42ODM2NjgzIEw0NDEuMTMwODE5LDEuODkxNDMwMiBMMzk2LjA2NTEzNSwxLjg5MTQzMDIgTDM5Ni4wNjUxMzUsODMuMzQ1MjgxOCBaIE01MDQuMDE5OTU1LDI1LjkzMDQ1NzUgQzUwNC4wMTk5NTUsMTAuNjcxNDYzMyA0OTMuNTMwMjg0LDEuODkxNDMwMiA0NzUuMTk3NDEsMS44OTE0MzAyIEw0NTEuNjIwNDksMS44OTE0MzAyIEw0NTEuNjIwNDksODMuMzQ1MjgxOCBMNDY3LjUxNTA3OSw4My4zNDUyODE4IEw0NjcuNTE1MDc5LDUwLjYwODIzMzQgTDQ2OS41OTUzNDksNTAuNjA4MjMzNCBMNDkxLjU2OTg3OCw4My4zNDUyODE4IEw1MTEuMTE0MDA3LDgzLjM0NTI4MTggTDQ4NS40NDczNTQsNDkuMDM0MjMwNyBDNDk3LjQzNTMyNCw0Ni41ODMzMjg3IDUwNC4wMTk5NTUsMzguMzk2MzA2NyA1MDQuMDE5OTU1LDI1LjkzMDQ1NzUgWiBNNDcyLjEzNzcyNiwzOS4zODIwMjk4IEw0NjcuNTE1MDc5LDM5LjM4MjAyOTggTDQ2Ny41MTUwNzksMTQuNjk5NTIyNCBMNDcyLjM5MTY0OCwxNC42OTk1MjI0IEM0ODIuMzA3MjM0LDE0LjY5OTUyMjQgNDg3LjY3OTAzMiwxOC44NjQ3OTQgNDg3LjY3OTAzMiwyNi43OTE1ODUzIEM0ODcuNjc5MDMyLDM0Ljk2OTE0NDQgNDgyLjMwNzIzNCwzOS4zODIwMjk4IDQ3Mi4xMzc3MjYsMzkuMzgyMDI5OCBaIiBmaWxsPSIjMEIxMDE1Ij48L3BhdGg+Cgk8L2c+Cjwvc3ZnPgo=);
  background-size: 80%;
}
.CreditCardEditor__stripePromo__secondRow__icon--diners {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3NTAiIGhlaWdodD0iNDcxIgoJIHZpZXdCb3g9IjAgMCA3NTAgNDcxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3NTAgNDcxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHRpdGxlPmRpbmVyczwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8ZyBpZD0iZGluZXJzIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4KCTxwYXRoIGlkPSJTaGFwZS1wYXRoIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBmaWxsPSIjMDA3OUJFIiBkPSJNNTg0LjkzNCwyMzYuOTQ3YzAtOTkuNDE2LTgyLjk4LTE2OC4xMzMtMTczLjg5Ni0xNjguMQoJCWgtNzguMjQxYy05Mi4wMDMtMC4wMzMtMTY3LjczLDY4LjcwNS0xNjcuNzMsMTY4LjFjMCw5MC45MzEsNzUuNzI5LDE2NS42NDEsMTY3LjczLDE2NS4yMDNoNzguMjQxCgkJQzUwMS45NTEsNDAyLjU4Nyw1ODQuOTM0LDMyNy44NTcsNTg0LjkzNCwyMzYuOTQ3TDU4NC45MzQsMjM2Ljk0N3oiLz4KCTxwYXRoIGlkPSJTaGFwZS1wYXRoXzFfIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBmaWxsPSIjRkZGRkZGIiBkPSJNMzMzLjI4MSw4Mi45MzIKCQljLTg0LjA2OSwwLjAyNi0xNTIuMTkzLDY4LjMwOC0xNTIuMjE1LDE1Mi41OGMwLjAyMSw4NC4yNTgsNjguMTQ1LDE1Mi41MzIsMTUyLjIxNSwxNTIuNTU5CgkJYzg0LjA4OC0wLjAyNiwxNTIuMjI5LTY4LjMwMSwxNTIuMjM5LTE1Mi41NTlDNDg1LjUwOCwxNTEuMjM4LDQxNy4zNjksODIuOTU4LDMzMy4yODEsODIuOTMyTDMzMy4yODEsODIuOTMyeiIvPgoJPHBhdGggaWQ9IlBhdGgiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGZpbGw9IiMwMDc5QkUiIGQ9Ik0yMzcuMDY2LDIzNS4wOThjMC4wOC00MS4xOCwyNS43NDctNzYuMjk2LDYxLjk0LTkwLjI1djE4MC40NzkKCQlDMjYyLjgxMywzMTEuMzgxLDIzNy4xNDUsMjc2LjI4MywyMzcuMDY2LDIzNS4wOTh6IE0zNjguMDY2LDMyNS4zNzNWMTQ0Ljg0OGMzNi4yMDgsMTMuOTIxLDYxLjkxNSw0OS4wNTcsNjEuOTgxLDkwLjI1NgoJCUM0MjkuOTgxLDI3Ni4zMTYsNDA0LjI3NCwzMTEuNDI2LDM2OC4wNjYsMzI1LjM3M3oiLz4KPC9nPgo8L3N2Zz4K);
}
.CreditCardEditor__stripePromo__secondRow__icon--unionPay {
  background-image: url(./images/8403ae48b562fc755a393d89a6076a78.svg);
  background-color: transparent;
  background-size: 80%;
}
.CreditCardEditor__stripePromo__firstRow {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-column-gap: 6px;
  color: #2a3248;
  font-weight: 500;
  font-size: 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #ced0d7;
  padding-bottom: 8px;
}
.CreditCardEditor--Mobile .CreditCardEditor__stripePromo__firstRow {
  grid-column-gap: 1.666666666666667vw;
  font-size: 3.055555555555555vw;
  border-bottom: 0.277777777777778vw solid #ced0d7;
  padding-bottom: 2.222222222222222vw;
}
.CreditCardEditor__stripePromo__firstRow__lockIcon {
  width: 21px;
  height: 21px;
  -webkit-transform: scaleY(0.94) translateY(-3px);
          transform: scaleY(0.94) translateY(-3px);
}
.CreditCardEditor--Mobile .CreditCardEditor__stripePromo__firstRow__lockIcon {
  width: 5.833333333333333vw;
  height: 5.833333333333333vw;
  -webkit-transform: scaleY(0.94) translateY(-0.833333333333333vw);
          transform: scaleY(0.94) translateY(-0.833333333333333vw);
}
.CreditCardEditor__stripePromo__firstRow__stripeIcon {
  height: 21px;
  width: 70px;
}
.CreditCardEditor--Mobile .CreditCardEditor__stripePromo__firstRow__stripeIcon {
  height: 5.833333333333333vw;
  width: 25vw;
}


.TrustedInvoiceEditor {
  width: 100%;
  height: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 20px;
  text-align: center;
  color: #00a455;
  font-size: 18px;
  font-weight: 500;
  padding: 20px;
}
.TrustedInvoiceEditor--Mobile {
  grid-row-gap: 5.555555555555555vw;
  font-size: 5vw;
  padding: 5.555555555555555vw;
}
.TrustedInvoiceEditor__icon {
  grid-row-gap: 20px;
  width: 100px;
  height: 100px;
  color: #00a455;
}
.TrustedInvoiceEditor--Mobile .TrustedInvoiceEditor__icon {
  width: 27.77777777777778vw;
  height: 27.77777777777778vw;
}

.CashPaymentEditor__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px 16px;
  width: 158px;
  height: auto;
  color: #00a455;
  margin: auto;
}
.CashPaymentEditor--Mobile .CashPaymentEditor__icon {
  padding: 6.944444444444445vw 4.444444444444445vw;
  width: 43.888888888888886vw;
}
.CashPaymentEditor__note {
  grid-area: note;
  position: relative;
}

.CheckPaymentEditor__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px 16px;
  width: 158px;
  height: auto;
  color: #00a455;
  margin: auto;
}
.CheckPaymentEditor--Mobile .CheckPaymentEditor__icon {
  padding: 6.944444444444445vw 4.444444444444445vw;
  width: 43.888888888888886vw;
}
.CheckPaymentEditor__note {
  grid-area: note;
  position: relative;
}

.CreateRefund {
  height: 100%;
  display: grid;
  grid-template-rows: -webkit-max-content auto -webkit-max-content;
  grid-template-rows: max-content auto max-content;
}
.CreateRefund__header {
  padding: 25px;
}
.CreateRefund__header__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
}
.CreateRefund__header__bigPrimaryText {
  color: #00a455;
  font-size: 36px;
  line-height: 1em;
  font-weight: 400;
}
.CreateRefund__body {
  background-color: #fff;
  padding: 25px;
  height: 100%;
}
.CreateRefund__body .BlockWithTitle {
  padding-bottom: 16px;
}
.CreateRefund__button {
  width: 100%;
  border-radius: 0;
}

.PaymentCard {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.PaymentCard--Mobile {
  border-radius: 2.222222222222222vw;
  padding: 0 2.5vw;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.PaymentCard__mainIcon {
  color: #00a455;
}
.PaymentCard__negativeIcon {
  color: #ee4b19;
}
.PaymentCard .PaymentCard__fullRow {
  grid-column: span 2;
  padding: 0;
}
.PaymentCard__DropdownPanel__header {
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  padding: 16px;
}
.PaymentCard--Mobile .PaymentCard__DropdownPanel__header {
  padding: 4.444444444444445vw;
}
.PaymentCard__DropdownPanel__header__button {
  margin-left: 16px;
}
.PaymentCard--Mobile .PaymentCard__DropdownPanel__header__button {
  margin-left: 2.222222222222222vw;
}
.PaymentCard__DropdownPanel__header__title {
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 16px;
}
.PaymentCard--Mobile .PaymentCard__DropdownPanel__header__title {
  font-size: 4.166666666666667vw;
  grid-column-gap: 4.444444444444445vw;
}
.PaymentCard__value {
  justify-self: end;
  text-align: right;
}
.PaymentCard__value__description {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
}
.PaymentCard--Mobile .PaymentCard__value__description {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 3.611111111111111vmin;
  color: #71737f;
}
.PaymentCard__value__amount {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
.PaymentCard--Mobile .PaymentCard__value__amount {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  font-weight: 400;
}
.PaymentCard__value__amount--primary {
  color: #00a455;
}
.PaymentCard--Mobile .PaymentCard__value__amount--primary {
  color: #00a455;
}
.PaymentCard__value__amount--negative {
  color: #ee4b19;
}
.PaymentCard--Mobile .PaymentCard__value__amount--negative {
  color: #ee4b19;
}
.PaymentCard__info {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 9px;
  padding-right: 16px;
  padding-left: 56px;
  word-break: break-word;
  padding-bottom: 25px;
}
.PaymentCard--Mobile .PaymentCard__info {
  grid-column-gap: 2.777777777777778vw;
  grid-row-gap: 1.111111111111111vw;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 2.777777777777778vw;
  font-size: 3.333333333333333vw;
}
.PaymentCard__info__titleBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.PaymentCard__info__titleBlock__subTitle {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.PaymentCard--Mobile .PaymentCard__info__titleBlock__subTitle {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
}
.PaymentCard__info__row {
  display: grid;
  grid-template-columns: 40px 2.5fr 5.5fr;
  grid-column-gap: 16px;
  padding-bottom: 9px;
  padding-right: 16px;
}
.PaymentCard--Mobile .PaymentCard__info__row {
  grid-template-columns: 11.11111111111111vw 2.5fr 5.5fr;
  grid-column-gap: 4.444444444444445vw;
  padding-bottom: 2.5vw;
  padding-right: 4.444444444444445vw;
}
.PaymentCard__info__row__name {
  color: #71737f;
}
.PaymentCard__info__row--refundButton {
  margin-top: 9px;
  grid-column: span 2;
}
.PaymentCard--Mobile .PaymentCard__info__row--refundButton {
  margin-top: 2.5vw;
}

.InvoiceCard {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.InvoiceCard--Mobile {
  border-radius: 2.222222222222222vw;
  padding: 0 2.5vw;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.InvoiceCard__mainIcon {
  color: #4d6eff;
}
.InvoiceCard .InvoiceCard__fullRow {
  grid-column: span 2;
  padding: 0;
}
.InvoiceCard__nestedReceipt__icon {
  width: 32px;
  height: 32px;
}
.InvoiceCard__nestedReceipt__info {
  padding-left: 19px;
}
.InvoiceCard__DropdownPanel__header {
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  padding: 16px;
}
.InvoiceCard--Mobile .InvoiceCard__DropdownPanel__header {
  padding: 4.444444444444445vw 0;
  height: auto;
}
.InvoiceCard__DropdownPanel__header__button {
  margin-left: 16px;
}
.InvoiceCard--Mobile .InvoiceCard__DropdownPanel__header__button {
  margin-left: 2.222222222222222vw;
}
.InvoiceCard__DropdownPanel__header__title {
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-max-content;
  grid-template-columns: min-content auto max-content;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InvoiceCard--Mobile .InvoiceCard__DropdownPanel__header__title {
  font-size: 4.166666666666667vw;
  grid-column-gap: 4.444444444444445vw;
}
.InvoiceCard__DropdownPanel__header__title--withItem {
  grid-template-columns: -webkit-min-content auto auto -webkit-max-content;
  grid-template-columns: min-content auto auto max-content;
}
.InvoiceCard__DropdownPanel__contentWrapper {
  padding-bottom: 25px;
}
.InvoiceCard--Mobile .InvoiceCard__DropdownPanel__contentWrapper {
  padding-bottom: 2.777777777777778vw;
}
.InvoiceCard__value {
  justify-self: end;
  text-align: right;
}
.InvoiceCard__value__description {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
}
.InvoiceCard--Mobile .InvoiceCard__value__description {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 3.611111111111111vmin;
  color: #71737f;
}
.InvoiceCard__value__amount {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4d6eff;
}
.InvoiceCard--Mobile .InvoiceCard__value__amount {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  font-weight: 400;
  color: #4d6eff;
}
.InvoiceCard__info {
  display: grid;
  grid-column-gap: 25px;
  grid-row-gap: 9px;
  padding-right: 16px;
  padding-left: 56px;
  word-break: break-word;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
}
.InvoiceCard--Mobile .InvoiceCard__info {
  grid-column-gap: 2.777777777777778vw;
  grid-row-gap: 1.111111111111111vw;
  padding: 0;
  font-size: 3.333333333333333vw;
}
.InvoiceCard__info__titleBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.InvoiceCard__info__titleBlock__items {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.InvoiceCard__info__titleBlock__item {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  word-break: break-all;
}
.InvoiceCard--Mobile .InvoiceCard__info__titleBlock__item {
  font-size: 3.888888888888889vw;
  font-weight: 400;
}
.InvoiceCard__info__titleBlock__item__description {
  color: #71737f;
}
.InvoiceCard__info__titleBlock__subTitle {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.InvoiceCard--Mobile .InvoiceCard__info__titleBlock__subTitle {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  grid-column-gap: 2.5vw;
  grid-row-gap: 0.555555555555556vw;
  grid-auto-flow: row;
}
.InvoiceCard--Mobile .InvoiceCard__info__titleBlock__subTitle__status {
  grid-column: span 2;
}
.InvoiceCard__info__row {
  display: grid;
  grid-template-columns: 40px 2.5fr 5.5fr;
  grid-column-gap: 16px;
  padding-bottom: 9px;
  padding-right: 16px;
}
.InvoiceCard--Mobile .InvoiceCard__info__row {
  grid-template-columns: 11.11111111111111vw 2.5fr 5.5fr;
  grid-column-gap: 4.444444444444445vw;
  padding-bottom: 2.5vw;
  padding-right: 4.444444444444445vw;
}
.InvoiceCard__info__row__name {
  color: #71737f;
}
.InvoiceCard__info__row--refundButton {
  margin-top: 9px;
  grid-column: span 2;
}
.InvoiceCard--Mobile .InvoiceCard__info__row--refundButton {
  margin-top: 2.5vw;
}
.InvoiceCard__controls {
  display: grid;
  padding: 0 16px;
  padding-left: 47px;
  margin-top: 12px;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 16px;
}
.InvoiceCard--Mobile .InvoiceCard__controls {
  margin-right: 0;
  grid-column-gap: 2.777777777777778vw;
  padding: 0;
  margin-top: 2.777777777777778vw;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.InvoiceCard__controls__editBtn {
  padding: 0 32px;
  border-style: solid;
}
.InvoiceCard--Mobile .InvoiceCard__controls__editBtn {
  padding: 0 8.88888888888889vw;
}
.InvoiceCard__controls__editBtn:hover {
  border-style: solid;
}

.InvoiceEditorModal.ModalInstance {
  width: 900px;
}
.InvoiceEditor {
  background-color: #fff;
  display: grid;
  grid-template-columns: 100%;
}
.InvoiceEditor__grayBlock {
  background-color: #f2f4f6;
  padding: 25px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 16px;
}
.InvoiceEditor__grayBlock__span2 {
  grid-column: span 2;
}
.InvoiceEditor__grayBlock .DatePicker {
  width: 100%;
}
.InvoiceEditor__itemsBlock {
  padding: 0 25px;
  margin-top: 25px;
  position: relative;
  margin-bottom: 12px;
}
.InvoiceEditor__items {
  display: grid;
  grid-template-columns: 4fr 6fr 2fr minmax(70px, 1fr) 2fr -webkit-max-content -webkit-min-content;
  grid-template-columns: 4fr 6fr 2fr minmax(70px, 1fr) 2fr max-content min-content;
  border-bottom: 1px solid #e8e8ea;
  padding-bottom: 20px;
}
.InvoiceEditor__items__cell {
  padding-top: 20px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InvoiceEditor__items__cell--lastColumn {
  padding-right: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.InvoiceEditor__items__cell--header {
  color: #71737f;
  font-weight: 500;
  font-size: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8ea;
}
.InvoiceEditor__items__cell--header .Button {
  opacity: 0;
  pointer-events: none;
}
.InvoiceEditor__items__cell .Input {
  width: 100%;
}
.InvoiceEditor__2Columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 25px;
  margin-bottom: 25px;
}
.InvoiceEditor__2Columns__column {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 16px;
}
.InvoiceEditor__2Columns__column--sums {
  display: grid;
  grid-template-columns: auto -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content max-content;
  grid-column-gap: 36px;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.InvoiceEditor__2Columns__column--sums .Input {
  width: 48px;
}
.InvoiceEditor__2Columns .TextArea {
  width: 100%;
}
.InvoiceEditor__sumInputBlock {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 8px;
  font-weight: 400;
}
.InvoiceEditor__sumBlock {
  text-align: right;
}
.InvoiceEditor__sumBlock--total {
  grid-column: span 2;
  font-weight: 900;
  font-size: 30px;
}
.InvoiceEditor__totalMargin {
  grid-column: span 4;
}
.InvoiceEditor__controls {
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  padding: 11px 25px;
  border-top: 1px solid #e8e8ea;
}
.InvoiceEditor__controls .Button {
  padding: 0 50px;
}

.ServicesModal {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ServicesModal__modal.ModalInstance {
  width: 900px;
}
.ServicesModal__modal > .ModalInstance__header {
  height: 71px;
}
.ServicesModal__header {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-gap: 16px;
  padding-right: 25px;
}
.ServicesModal__header__title {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
}
.ServicesModal__header__title__smallText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  color: #00a455;
}
.ServicesModal__header__total {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  color: #d0d0d4;
}
.ServicesModal__header__total__bigText {
  color: #00a455;
  font-size: 20px;
}
.ServicesModal__right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #f2f4f6;
  padding: 20px;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 76px;
}
.ServicesModal__left {
  width: 300px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-y: auto;
  padding: 20px;
  padding-bottom: 76px;
}
.ServicesModal__table {
  width: 100%;
  display: grid;
  grid-template-columns: 240px 1fr 1fr 1fr -webkit-max-content;
  grid-template-columns: 240px 1fr 1fr 1fr max-content;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
}
.ServicesModal__tableHeader {
  display: grid;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.ServicesModal__trashIcon {
  width: 18px;
  height: 18px;
}
.ServicesModal__tableCell {
  overflow: hidden;
  height: 50px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e8e8ea;
}
.ServicesModal__tableCell--trash {
  cursor: pointer;
}
.ServicesModal__tableCell--trash:hover .ServicesModal__trashIcon {
  color: #ee4b19;
}
.ServicesModal__tableCell .Input {
  width: 100%;
}
.ServicesModal__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background-color: #fff;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
          box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.ServicesModal__controls--hidden {
  pointer-events: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.ServicesModal__services {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 10px;
}
.ServicesModal__service {
  background-color: #f2f4f6;
  width: 100%;
  height: 42px;
  border-radius: 8px;
  padding: 0 13px;
  overflow: hidden;
  cursor: pointer;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-column-gap: 11px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ServicesModal__service--margin {
  width: 1px;
  height: 45px;
  padding: 0;
  opacity: 0;
  cursor-pointer: 0;
}
.ServicesModal__service__name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ServicesModal__service--input {
  padding: 0;
  position: relative;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}
.ServicesModal__service--input .Input {
  width: 100%;
  height: 100%;
}
.ServicesModal__service--input .Input__tag {
  padding-right: 42px;
}
.ServicesModal__service--input .Button {
  position: absolute;
  right: 11px;
}
.ServicesModal__service .Button {
  opacity: 0;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  color: #00a455;
  background-color: rgba(0,164,85,0.4);
}
.ServicesModal__service:hover.ServicesModal__service .Button {
  opacity: 1;
}

.PackingModal {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.PackingModal__modal.ModalInstance {
  width: 900px;
}
.PackingModal__modal > .ModalInstance__header {
  height: 71px;
}
.PackingModal__header {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-gap: 16px;
  padding-right: 16px;
}
.PackingModal__header__title {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
}
.PackingModal__header__title__smallText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  color: #00a455;
}
.PackingModal__header__total {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  color: #d0d0d4;
}
.PackingModal__header__total__bigText {
  color: #00a455;
  font-size: 20px;
}
.PackingModal__right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #f2f4f6;
  padding: 20px;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 76px;
}
.PackingModal__left {
  width: 300px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-y: auto;
  padding-bottom: 76px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.PackingModal__packingService {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  height: 50px;
  border-bottom: 1px solid #e8e8ea;
  padding: 0 20px;
}
.PackingModal__packingService__iconBox {
  width: 30px;
  height: 30px;
}
.PackingModal__packingService__iconEdit {
  color: #00a455;
  cursor: pointer;
}
.PackingModal__table {
  width: 100%;
  display: grid;
  grid-template-columns: 240px 1fr 1fr 1fr -webkit-max-content;
  grid-template-columns: 240px 1fr 1fr 1fr max-content;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
}
.PackingModal__tableHeader {
  display: grid;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.PackingModal__trashIcon {
  width: 18px;
  height: 18px;
}
.PackingModal__tableCell {
  overflow: hidden;
  height: 50px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e8e8ea;
}
.PackingModal__tableCell--trash {
  cursor: pointer;
}
.PackingModal__tableCell--trash:hover .PackingModal__trashIcon {
  color: #ee4b19;
}
.PackingModal__tableCell .Input {
  width: 100%;
}
.PackingModal__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background-color: #fff;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
          box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.PackingModal__controls--hidden {
  pointer-events: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.PackingModal__supplies {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-row-gap: 10px;
  padding: 20px;
  padding-bottom: 0;
}
.PackingModal__supply {
  background-color: #f2f4f6;
  width: 100%;
  height: 42px;
  border-radius: 8px;
  padding: 0 13px;
  overflow: hidden;
  cursor: pointer;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-column-gap: 11px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.PackingModal__supply--margin {
  width: 1px;
  height: 45px;
  padding: 0;
  opacity: 0;
  cursor-pointer: 0;
}
.PackingModal__supply__name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.PackingModal__supply--input {
  padding: 0;
  position: relative;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}
.PackingModal__supply--input .Input {
  width: 100%;
  height: 100%;
}
.PackingModal__supply--input .Input__tag {
  padding-right: 42px;
}
.PackingModal__supply--input .Button {
  position: absolute;
  right: 11px;
}
.PackingModal__supply .Button {
  opacity: 0;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  color: #00a455;
  background-color: rgba(0,164,85,0.4);
}
.PackingModal__supply:hover.PackingModal__supply .Button {
  opacity: 1;
}

.PackingServiceSelector {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
.PackingServiceSelector--Mobile {
  grid-gap: 4.444444444444445vw;
}
.PackingServiceSelector__modal.ModalInstance.ModalInstance--Desktop {
  width: 550px;
}
.PackingServiceSelector__ServiceBlock {
  border-radius: 8px;
  padding: 16px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
  background-color: #fff;
  border: 1px solid #e8e8ea;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  cursor: pointer;
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock {
  border-radius: 2.222222222222222vw;
  padding: 4.444444444444445vw;
  grid-gap: 4.444444444444445vw;
  border-width: 0.277777777777778vw;
}
.PackingServiceSelector__ServiceBlock:hover {
  -webkit-box-shadow: 1px 1px 11px rgba(0,0,0,0.278);
          box-shadow: 1px 1px 11px rgba(0,0,0,0.278);
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock:hover {
  -webkit-box-shadow: 0.277777777777778vw 0.277777777777778vw 3.055555555555555vw rgba(0,0,0,0.278);
          box-shadow: 0.277777777777778vw 0.277777777777778vw 3.055555555555555vw rgba(0,0,0,0.278);
}
.PackingServiceSelector__ServiceBlock--selected {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  border-color: #fff;
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock--selected {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.PackingServiceSelector__ServiceBlock__header {
  height: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock__header {
  height: 8.333333333333334vw;
}
.PackingServiceSelector__ServiceBlock__header__boxIcon {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  color: #71737f;
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock__header__boxIcon {
  width: 8.333333333333334vw;
  height: 8.333333333333334vw;
}
.PackingServiceSelector__ServiceBlock--selected .PackingServiceSelector__ServiceBlock__header__boxIcon {
  color: #12152a;
}
.PackingServiceSelector__ServiceBlock__header__arrowsIcon {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: absolute;
  top: 14px;
  left: 16px;
  width: 17px;
  height: 14px;
  color: #71737f;
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock__header__arrowsIcon {
  top: 3.888888888888889vw;
  left: 4.444444444444445vw;
  width: 4.722222222222222vw;
  height: 3.888888888888889vw;
}
.PackingServiceSelector__ServiceBlock--selected .PackingServiceSelector__ServiceBlock__header__arrowsIcon {
  color: #00a455;
}
.PackingServiceSelector__ServiceBlock__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  color: #71737f;
  font-weight: 600;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock__name {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  color: #71737f;
  font-weight: 600;
}
.PackingServiceSelector__ServiceBlock--selected .PackingServiceSelector__ServiceBlock__name {
  color: #12152a;
}
.PackingServiceSelector__ServiceBlock__description {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
}
.PackingServiceSelector--Mobile .PackingServiceSelector__ServiceBlock__description {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
}

.DiscountModal {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(2, auto);
  gap: 16px;
  padding-top: 16px;
}
.DiscountModal__modal {
  width: 340px;
}
.DiscountModal__bottom {
  padding: 13px 16px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

.DiscountEditor {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 16px;
}
.DiscountEditor--Mobile {
  gap: 4.444444444444445vw;
}
.DiscountEditor__BlockWithTitle {
  padding: 0 16px;
}
.DiscountEditor--Mobile .DiscountEditor__BlockWithTitle {
  padding: 0 4.444444444444445vw;
}
.DiscountEditor__SelectList {
  width: 100%;
}
.DiscountEditor__selectListBlock {
  display: grid;
  gap: 16px;
}
.DiscountEditor--Mobile .DiscountEditor__selectListBlock {
  gap: 4.444444444444445vw;
}
.DiscountEditor__selectListBlock__radiobuttons {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  gap: 16px;
}
.DiscountEditor--Mobile .DiscountEditor__selectListBlock__radiobuttons {
  gap: 4.444444444444445vw;
}
.DiscountEditor__value {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.DiscountEditor--Mobile .DiscountEditor__value {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}

.FuelSurchargeModal {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  gap: 16px;
}
.FuelSurchargeModal__modal {
  width: 340px;
}
.FuelSurchargeModal__buttons {
  padding: 13px 16px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

.FuelEditor {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 16px;
  padding-top: 16px;
}
.FuelEditor--Mobile {
  gap: 4.444444444444445vw;
  padding-top: 4.444444444444445vw;
}
.FuelEditor__inputs {
  padding: 0 16px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  gap: 16px;
}
.FuelEditor--Mobile .FuelEditor__inputs {
  padding: 0 4.444444444444445vw;
  gap: 4.444444444444445vw;
}
.FuelEditor__valueBlock {
  padding: 0 16px;
}
.FuelEditor--Mobile .FuelEditor__valueBlock {
  padding: 4.444444444444445vw;
}
.FuelEditor__valueBlock__value {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.FuelEditor--Mobile .FuelEditor__valueBlock__value {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}

.ReservationPriceModal__modal {
  width: 340px;
}
.ReservationPriceModal__buttons {
  padding: 13px 16px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

.ReservationEditor {
  padding: 25px 25px;
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 18px;
}
.ReservationEditor--Mobile {
  padding: 6.944444444444445vw 6.944444444444445vw;
  grid-row-gap: 5vw;
}

.ValuationModal__modal.ModalInstance.ModalInstance--Desktop {
  width: 550px;
}
.ValuationModal__modal .SettingsBlock__body {
  padding: 20px;
}

.ValuationEditor {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  gap: 16px;
}
.ValuationEditor--Mobile {
  gap: 4.444444444444445vw;
  padding-top: 4.444444444444445vw;
}
.ValuationEditor--Mobile .IconWithText {
  color: #12152a;
}
.ValuationEditor__selectListBlock {
  display: grid;
  gap: 9px;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.ValuationEditor--Mobile .ValuationEditor__selectListBlock {
  gap: 4.444444444444445vw;
  grid-template-columns: 100%;
}
.ValuationEditor__valuationCard {
  max-width: 100%;
  display: grid;
  grid-template-columns: 34px auto 18px;
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  padding: 16px 25px;
  background-color: #fff;
  cursor: pointer;
}
.ValuationEditor--Mobile .ValuationEditor__valuationCard {
  grid-template-columns: 9.444444444444445vw auto 5vw;
  gap: 4.444444444444445vw;
  border-radius: 2.222222222222222vw;
  border: 0.277777777777778vw solid #e8e8ea;
  padding: 4.444444444444445vw 6.944444444444445vw;
}
.ValuationEditor__valuationCard--isDeactivated {
  background-color: #f7f8f8;
}
.ValuationEditor__valuationCard__icon {
  position: relative;
}
.ValuationEditor__valuationCard__icon--big {
  width: auto;
  height: auto;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.ValuationEditor__valuationCard--isDeactivated {
  color: #a0a1aa;
}
.ValuationEditor__valuationCard__icon--primary {
  position: absolute;
  color: #00a455;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  width: 20px;
  bottom: -2px;
  right: 0;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.ValuationEditor--Mobile .ValuationEditor__valuationCard__icon--primary {
  width: 5.555555555555555vw;
  bottom: -0.555555555555556vw;
}
.ValuationEditor__valuationCard--isDeactivated .ValuationEditor__valuationCard__icon--primary {
  color: #a0a1aa;
}
.ValuationEditor__valuationCard:hover {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  border: 1px solid transparent;
}
.ValuationEditor--Mobile .ValuationEditor__valuationCard:hover {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  border-width: 0.277777777777778vw;
}
.ValuationEditor__valuationCard__body {
  overflow: hidden;
}
.ValuationEditor__valuationCard__body__label {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.ValuationEditor--Mobile .ValuationEditor__valuationCard__body__label {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
}
.ValuationEditor__valuationCard--isDeactivated .ValuationEditor__valuationCard__body__label {
  color: #a0a1aa;
}
.ValuationEditor__valuationCard__body__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ValuationEditor--Mobile .ValuationEditor__valuationCard__body__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
}
.ValuationEditor__valuationCard--isDeactivated .ValuationEditor__valuationCard__body__title {
  color: #a0a1aa;
}
.ValuationEditor__descriptionText {
  color: #71737f;
  font-size: 14px;
  line-height: 18px;
}
.ValuationEditor--Mobile .ValuationEditor__descriptionText {
  font-size: 14px;
  line-height: 18px;
  width: 282px;
}
.ValuationEditor--Mobile .ValuationEditor__visualEditor {
  font-size: 14px;
  line-height: 18px;
  width: 282px;
}
.ValuationEditor__descriptionScaler {
  width: 100%;
}

.MovesizeBlock {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  padding: 16px 0;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  background: transparent;
  cursor: pointer;
}
.MovesizeBlock--Mobile {
  padding: 4.444444444444445vw 0;
}
.MovesizeBlock:hover {
  background: #f2f4f6;
}
.MovesizeBlock--disabled {
  pointer-events: none;
}
.MovesizeBlock__link {
  text-decoration: none;
}
.MovesizeBlock__row {
  display: grid;
  grid-template-columns: 40px auto;
  grid-auto-columns: minmax(32px, -webkit-max-content);
  grid-auto-columns: minmax(32px, max-content);
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 4.5px 16px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
}
.MovesizeBlock--Mobile .MovesizeBlock__row {
  grid-template-columns: 11.11111111111111vw auto;
  grid-auto-columns: minmax(8.88888888888889vw, -webkit-max-content);
  grid-auto-columns: minmax(8.88888888888889vw, max-content);
  grid-gap: 4.444444444444445vw;
  padding: 1.25vw 4.444444444444445vw;
}
.MovesizeBlock__textWithSeparators {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 9px;
}
.MovesizeBlock--Mobile .MovesizeBlock__textWithSeparators {
  grid-gap: 2.5vw;
}
.MovesizeBlock__textWithSeparators__separator {
  width: 0;
  height: 100%;
  border-right: 1px solid #e8e8ea;
}
.MovesizeBlock--Mobile .MovesizeBlock__textWithSeparators__separator {
  border-right-width: 0.277777777777778vw;
}
.MovesizeBlock__editIcon {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  color: #00a455;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  font-size: 18px;
}
.MovesizeBlock--Mobile .MovesizeBlock__editIcon {
  display: none;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  -webkit-transform: translateX(16.666666666666668vw);
          transform: translateX(16.666666666666668vw);
}
.MovesizeBlock:hover .MovesizeBlock__editIcon {
  cursor: pointer;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.MovesizeBlock__greyText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  color: #71737f;
}
.MovesizeBlock--Mobile .MovesizeBlock__greyText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  font-weight: 600;
  color: #71737f;
}
.MovesizeBlock__primaryText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #00a455;
}
.MovesizeBlock--Mobile .MovesizeBlock__primaryText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  font-size: 3.611111111111111vmin;
  color: #00a455;
}
.MovesizeBlock__boldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.MovesizeBlock--Mobile .MovesizeBlock__boldText {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.MovesizeBlock__column {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 4px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #71737f;
}
.MovesizeBlock--Mobile .MovesizeBlock__column {
  grid-gap: 1.111111111111111vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #71737f;
}
.MovesizeBlock__iconInCircle {
  background: #f2f4f6;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  color: #a0a1aa;
}
.MovesizeBlock--Mobile .MovesizeBlock__iconInCircle {
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 5vmin;
  line-height: 1.222222222222222em;
  color: #a0a1aa;
}
.MovesizeBlock:hover .MovesizeBlock__iconInCircle {
  background: #00a455;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.MovesizeBlock__iconInCircle--primary {
  background: #00a455;
}
.MovesizeBlock__iconInCircle__icon {
  justify-self: center;
}
.MovesizeBlock__iconInCircle--primary .MovesizeBlock__iconInCircle__icon {
  color: #fff;
}

.RequestMovesizeEditor {
  padding: 16px;
  display: grid;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-auto-rows: auto;
  grid-template-columns: -webkit-min-content auto minmax(70px, -webkit-max-content);
  grid-template-columns: min-content auto minmax(70px, max-content);
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestMovesizeEditor--Mobile {
  padding: 0;
  gap: 4.444444444444445vw;
  grid-template-columns: -webkit-min-content auto minmax(18.055555555555557vw, -webkit-max-content);
  grid-template-columns: min-content auto minmax(18.055555555555557vw, max-content);
}
.RequestMovesizeEditor__modal.ModalInstance.ModalInstance--Desktop {
  width: 410px;
}
.RequestMovesizeEditor__icon {
  width: 18px;
  height: 18px;
  color: #a0a1aa;
}
.RequestMovesizeEditor--Mobile .RequestMovesizeEditor__icon {
  width: 5vw;
}
.RequestMovesizeEditor__volume {
  text-align: right;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.RequestMovesizeEditor--Mobile .RequestMovesizeEditor__volume {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.RequestMovesizeEditor .SelectList {
  width: 100%;
}
.RequestMovesizeEditor__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  grid-column: span 3;
}
.RequestMovesizeEditor--Mobile .RequestMovesizeEditor__list {
  gap: 4.444444444444445vw;
}
.RequestMovesizeEditor__options {
  min-width: 312px;
}

.CompanyFlagsBlock--alter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.CompanyFlagsBlock__icon {
  font-size: 18px;
  justify-self: center;
}
.CompanyFlagsBlock--Mobile .CompanyFlagsBlock__icon {
  font-size: 5vw;
}
.CompanyFlagsBlock__row {
  display: grid;
  grid-template-columns: 40px auto;
  grid-auto-columns: minmax(32px, -webkit-max-content);
  grid-auto-columns: minmax(32px, max-content);
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 4.5px 16px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  background: transparent;
}
.CompanyFlagsBlock--Mobile .CompanyFlagsBlock__row {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-auto-columns: minmax(8.88888888888889vw, -webkit-max-content);
  grid-auto-columns: minmax(8.88888888888889vw, max-content);
  grid-gap: 5.555555555555555vw;
  padding: 1.25vw 5.555555555555555vw;
}
.CompanyFlagsBlock__row:hover {
  background: #f2f4f6;
  cursor: pointer;
}
.CompanyFlagsBlock__row:hover .CompanyFlagsBlock__row--backgroundHoverIcon {
  color: #12152a;
}
.CompanyFlagsBlock__row--flagsBlock {
  overflow: hidden;
}
.CompanyFlagsBlock__row--flagsBlock .Button {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  margin-left: auto;
  grid-template-columns: auto;
  padding: 0;
  margin-bottom: auto;
}
.CompanyFlagsBlock__row--flagsBlock:hover .Button {
  opacity: 1;
}
.CompanyFlagsBlock__column {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 4px;
  color: #71737f;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.CompanyFlagsBlock--Mobile .CompanyFlagsBlock__column {
  grid-gap: 1.111111111111111vw;
  color: #71737f;
}
.CompanyFlagsBlock--alter .CompanyFlagsBlock__column {
  margin-left: 8px;
}
.CompanyFlagsBlock--Mobile.CompanyFlagsBlock--alter .CompanyFlagsBlock__column {
  margin-left: 2.222222222222222vw;
}
.CompanyFlagsBlock__addButton {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.RequestFlagsEditor {
  width: 260px;
  max-height: 310px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
  overflow-y: auto;
}
.RequestFlagsEditor--Mobile {
  width: 72.22222222222223vw;
  max-height: 86.11111111111111vw;
  border-radius: 2.222222222222222vw;
}
.RequestFlagsEditor__row {
  width: 100%;
  height: 44px;
  display: grid;
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
  grid-template-rows: 100%;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  cursor: pointer;
  -webkit-transition-duration: $transitionDuration;
          transition-duration: $transitionDuration;
}
.RequestFlagsEditor--Mobile .RequestFlagsEditor__row {
  height: 12.222222222222221vw;
  grid-gap: 4.444444444444445vw;
  padding: 0 4.444444444444445vw;
}
.RequestFlagsEditor__row:hover {
  background-color: #f2f4f6;
}
.RequestFlagsEditor__icon {
  width: 18px;
  height: 18px;
}
.RequestFlagsEditor--Mobile .RequestFlagsEditor__icon {
  width: 5vw;
  height: 5vw;
}

.RequestNotes {
  padding: 20px;
}
.RequestNotes--Mobile.RequestNotes {
  padding: 0;
  padding-top: 5.555555555555555vw;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  overflow: auto;
  height: 100%;
}
.RequestNotes--inList {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 25px;
  padding: 0 16px;
  padding-top: 25px;
}
.RequestNotes--Mobile.RequestNotes--inList {
  padding: 0 4.444444444444445vw;
  padding-top: 6.944444444444445vw;
  grid-row-gap: 6.944444444444445vw;
}
.RequestNotes__notification {
  width: 8px;
  height: 8px;
  background-color: #00a455;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 4px;
}
.RequestNotes--Mobile .RequestNotes__notification {
  width: 2.777777777777778vw;
  height: 2.777777777777778vw;
  top: 1.111111111111111vw;
  right: 1.111111111111111vw;
}
.RequestNotes__listItem {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
          box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  border-radius: 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 23px;
  padding: 18px 22px;
  padding-bottom: 30px;
  white-space: pre-line;
  word-break: break-word;
}
.RequestNotes--Mobile .RequestNotes__listItem {
  -webkit-box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.1);
          box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.1);
  border-radius: 2.222222222222222vw;
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
  grid-row-gap: 6.388888888888889vw;
  padding: 5vw 6.111111111111111vw;
  padding-bottom: 8.333333333333334vw;
}
.RequestNotes__listItem__title {
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  margin-left: -6px;
}
.RequestNotes--Mobile .RequestNotes__listItem__title {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.RequestNotes--Mobile .RequestNotes__saveButton {
  margin-top: 3.333333333333333vw;
  margin-left: 1.944444444444444vw;
}
.RequestNotes__textArea {
  width: 100%;
  margin-top: 12px;
  overflow-y: auto;
}
.RequestNotes--Mobile .RequestNotes__textArea {
  width: 96.11111111111111vw;
  margin: 0 auto;
  margin-top: 3.333333333333333vw;
}
.RequestNotes__header {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}
.RequestNotes--Mobile .RequestNotes__header {
  padding: 0 2.777777777777778vw;
  overflow: auto;
  grid-column-gap: 4.444444444444445vw;
}
.RequestNotes .RequestNotes__tabPane__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
.RequestNotes--Mobile.RequestNotes .RequestNotes__tabPane__tabs__activeTab {
  background-color: #fff;
  border: 1px solid #00a455;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.BlockValue {
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-template-rows: 100%;
  padding: 6px 16px;
  gap: 16px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.BlockValue--edit {
  cursor: default;
}
.BlockValue--left {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.BlockValue--right {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.BlockValue:hover,
.BlockValue--edit {
  background: #f2f4f6;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.BlockValue--minimizedDesign .BlockValue__icon {
  width: 18px;
  height: 18px;
}
.BlockValue__icon .Button {
  background: #f2f4f6;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  color: #a0a1aa;
}
.BlockValue:hover .BlockValue__icon .Button,
.BlockValue--edit .BlockValue__icon .Button {
  background: #00a455;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.BlockValue__content {
  display: grid;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.BlockValue__content__additionalIcon {
  position: absolute;
  right: 20px;
}
.BlockValue--left .BlockValue__content__additionalIcon,
.BlockValue--right .BlockValue__content__additionalIcon {
  top: 13px;
}
.BlockValue__content__label {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
}
.BlockValue__content__value {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.BlockValue__content__editIcon {
  cursor: pointer;
  color: #00a455;
  width: unset;
  height: unset;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.BlockValue--left .BlockValue__content__editIcon,
.BlockValue--right .BlockValue__content__editIcon {
  top: 20px;
}
.BlockValue__content__editIcon--primary {
  color: #00a455;
}
.BlockValue__content__editIcon--negative {
  color: #ee4b19;
}
.BlockValue--edit .BlockValue__content__editIcon {
  width: 34px;
  grid-gap: 9px;
}
.BlockValue:hover .BlockValue__content__editIcon,
.BlockValue--edit .BlockValue__content__editIcon {
  cursor: pointer;
  color: #00a455;
  opacity: 1;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.BlockValue--alternativeView {
  grid-template-columns: auto;
  padding: 0;
  cursor: initial;
}
.BlockValue--alternativeView:hover {
  background: transparent;
}
.BlockValueDropDown {
  background: #f2f4f6;
  overflow: hidden;
}
.BlockValueDropDown--left {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.BlockValueDropDown--right {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.BlockValueDropDown .DropdownPanel__content_wrapper {
  background: #f2f4f6;
}
.BlockValueDropDown .DropdownPanel__header {
  height: auto;
  border-bottom: none;
  padding-right: 0;
}
.BlockValueDropDown .DropdownPanel__header__button {
  display: none;
}

.SimpleBlockValue {
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 16px;
  padding-top: 20px;
  grid-column-gap: 16px;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.SimpleBlockValue--minimizedDesign {
  grid-column-gap: 8px;
  padding-right: 0;
  padding-left: 0;
}
.SimpleBlockValue:hover {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.SimpleBlockValue__icon {
  background: #f2f4f6;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  color: #a0a1aa;
}
.SimpleBlockValue--minimizedDesign .SimpleBlockValue__icon {
  width: 18px;
  height: 18px;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #71737f;
}
.SimpleBlockValue:hover .SimpleBlockValue__icon {
  background: #00a455;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.SimpleBlockValue--minimizedDesign.SimpleBlockValue:hover .SimpleBlockValue__icon {
  background: transparent;
  color: #71737f;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.SimpleBlockValue__content {
  display: grid;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  grid-row-gap: 4px;
}
.SimpleBlockValue__content__label {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  position: absolute;
  top: -20px;
}
.SimpleBlockValue__content__value {
  color: #12152a;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 34px;
}
.SimpleBlockValue__content__value--bordered {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 0 14px;
  background-color: #fff;
}
.SimpleBlockValue__content__additionalIcon {
  position: absolute;
  right: 0;
}

.CalendarWithRates {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.CalendarWithRates--Mobile {
  border-radius: 4.166666666666667vw;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
  width: 88.88888888888889vw;
}
.CalendarWithRates .react-datepicker {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CalendarWithRates__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f4f6;
  border-top: 1px solid #e8e8ea;
  padding: 16px;
  padding-bottom: 7px;
}
.CalendarWithRates--Mobile .CalendarWithRates__legend {
  border-top-width: 0.277777777777778vw;
  padding: 4.444444444444445vw;
  padding-bottom: 1.944444444444444vw;
}
.CalendarWithRates__legend>* {
  margin-right: 9px;
  margin-bottom: 9px;
}
.CalendarWithRates--Mobile .CalendarWithRates__legend>* {
  margin-right: 2.5vw;
  margin-bottom: 2.5vw;
}
.CalendarWithRates__legend__infoIcon {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.CalendarWithRates--Mobile .CalendarWithRates__legend__infoIcon {
  width: 3.888888888888889vw;
  height: 3.888888888888889vw;
}
.CalendarWithRates__legend .RateType {
  height: 20px;
  padding: 0 6px;
}
.CalendarWithRates--Mobile .CalendarWithRates__legend .RateType {
  height: 5.555555555555555vw;
  padding: 0 1.666666666666667vw;
}
.CalendarWithRates__legend .RateType__name {
  font-size: 13px;
}
.CalendarWithRates--Mobile .CalendarWithRates__legend .RateType__name {
  font-size: 3.611111111111111vw;
}
.CalendarWithRatesTooltip {
  pointer-events: none;
}
.CalendarWithRatesTooltip__arrow {
  background-color: #fff;
  border: 1px solid #e8e8ea;
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
          transform: rotate(45deg) translate(-5px, -5px);
  width: 16px;
  height: 16px;
  border-radius: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.CalendarWithRatesTooltip__body {
  -webkit-transform: translate(16px, -15px);
          transform: translate(16px, -15px);
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e8e8ea;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
  width: 100%;
  height: 100%;
  padding: 16px;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-column-gap: 25px;
  grid-row-gap: 9px;
}
.CalendarWithRatesTooltip__body__arrow {
  background-color: #fff;
  position: absolute;
  -webkit-transform: rotate(45deg) translate(-5px, 16px);
          transform: rotate(45deg) translate(-5px, 16px);
  width: 16px;
  height: 16px;
  border-radius: 3px;
  right: 0;
  bottom: 0;
}

.DeliveryRequestConnectionModal__modal {
  width: 340px;
}

.RequestLogs {
  width: 100%;
  position: relative;
}
.RequestLogs--inlineBlock {
  display: inline-block;
}
.RequestLogs__creator {
  margin: 20px;
  margin-bottom: 5px;
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.RequestLogs__creator .Input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 5px;
}
.RequestLogs__log {
  width: 100%;
  margin-bottom: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.RequestLogs__log__left {
  width: 100px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.RequestLogs__log__right {
  width: 100%;
  margin-left: 75px;
  color: #71737f;
}
.RequestLogs__log__right__bodyWrapper {
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  padding: 16px;
  display: grid;
  gap: 4px;
  white-space: pre-wrap;
}
.RequestLogs__log__dots {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzgiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDEwMCAxMDAiCiAgIGhlaWdodD0iMTAwIgogICB3aWR0aD0iMTAwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJkb3RzLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi4zICgyNDA1NTQ2LCAyMDE4LTAzLTExKSI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjQiCiAgICAgaWQ9Im5hbWVkdmlldzg1MCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iNC43MiIKICAgICBpbmtzY2FwZTpjeD0iNDAuMzQ3NDIxIgogICAgIGlua3NjYXBlOmN5PSI1Mi40Mjg2NzUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc4IiAvPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxjaXJjbGUKICAgICBzdHlsZT0iZmlsbDojNzA3MDcwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjU4ODUyODY5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6bm9ybWFsIgogICAgIGlkPSJwYXRoMTM5OSIKICAgICBjeD0iNTAiCiAgICAgY3k9IjUwIgogICAgIHI9IjEwIiAvPgo8L3N2Zz4K);
  background-position: left;
  background-position-y: 8px;
  background-position-x: 40px;
  background-repeat: repeat-y;
  background-size: 20px;
}
.RequestLogs__log__type {
  width: 100px;
  height: 40px;
  background-size: 20px;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestLogs__log__type__circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f2f4f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestLogs__log__type__circle--colorPrimary {
  background: #00a455;
}
.RequestLogs__log__type__circle--warning {
  background: #fd9909;
}
.RequestLogs__log__type__circle__icon {
  color: #a0a1aa;
}
.RequestLogs__log__type__circle__icon--colorPanel {
  color: #fff;
}
.RequestLogs__log__paper {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  padding-left: 20px;
  cursor: pointer;
  transition: -webkit-box-shadow 0.25s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
}
.RequestLogs__log__paper .DropdownPanel__header {
  border-bottom: none;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-right: 0;
}
.RequestLogs__log__paper .DropdownPanel__header__button {
  border: 1px solid #71737f;
  border-radius: 50%;
  padding: 4px;
  font-size: 19px;
}
.RequestLogs__log__paper .DropdownPanel__header__button--rotated {
  border-color: #00a455;
  color: #00a455;
}
.RequestLogs__log__paper .DropdownPanel__content__wrapper {
  padding: 20px;
}
.RequestLogs__log__body {
  width: 100%;
}
.RequestLogs__log__header {
  display: grid;
  gap: 4px;
  line-height: 20px;
  padding: 8px 0;
}
.RequestLogs__log__date {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
}
.RequestLogs__log__date__oneDot {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzgiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDEwMCAxMDAiCiAgIGhlaWdodD0iMTAwIgogICB3aWR0aD0iMTAwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJkb3RzLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi4zICgyNDA1NTQ2LCAyMDE4LTAzLTExKSI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjQiCiAgICAgaWQ9Im5hbWVkdmlldzg1MCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iNC43MiIKICAgICBpbmtzY2FwZTpjeD0iNDAuMzQ3NDIxIgogICAgIGlua3NjYXBlOmN5PSI1Mi40Mjg2NzUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc4IiAvPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTUiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxjaXJjbGUKICAgICBzdHlsZT0iZmlsbDojNzA3MDcwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjU4ODUyODY5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6bm9ybWFsIgogICAgIGlkPSJwYXRoMTM5OSIKICAgICBjeD0iNTAiCiAgICAgY3k9IjUwIgogICAgIHI9IjEwIiAvPgo8L3N2Zz4K);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 20px;
}
.RequestLogs__log__date__primary {
  color: #00a455;
}
.RequestLogs__log__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.JsonViewer {
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.JsonViewer__row {
  width: 100%;
  display: inline-block;
}
.JsonViewer__row__fieldname {
  float: left;
}
.JsonViewer__row__value {
  float: left;
}
.JsonViewer__row__nextLevel__title {
  width: 100%;
}
.JsonViewer__row__nextLevel__value {
  padding: 4px 20px;
}
.LogBody {
  display: grid;
  gap: 12px;
}
.LogBody--primary {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #00a455;
}
.LogBody--negative {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #ee4b19;
}
.LogBody__block {
  line-height: 20px;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content auto;
  grid-template-columns: max-content max-content auto;
}
.LogBody__block--expanded {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.LogBody__block__title {
  display: inline-block;
  margin-right: 11px;
}
.LogBody__block__title--bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.LogBody__block__body {
  display: inline-block;
  margin-right: 11px;
}
.LogBody__block__body--expanded {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 100%;
}
.LogBody__block .SvgIcon {
  font-size: 14px;
  display: inline-block;
  color: #00a455;
  margin-right: 11px;
  margin-top: 3px;
  line-height: 20px;
}
.LogBody .JsonViewer {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #a0a1aa;
}

.PackingLog {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.ServicesLog {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.ImageLog {
  width: 100px;
  height: 66px;
  -o-object-fit: contain;
     object-fit: contain;
}

.LogFieldComponent__listWithGap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.LogFieldComponent__highlighted {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #00a455;
}
.LogFieldComponent .LogFieldComponent__icon {
  font-size: 14px;
  display: inline-block;
  color: #00a455;
  margin-right: 11px;
  margin-top: 3px;
  line-height: 20px;
}
.LogFieldComponent__block {
  line-height: 20px;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content auto;
  grid-template-columns: max-content max-content auto;
}
.LogFieldComponent__block--expanded {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.LogFieldComponent__block__title {
  display: inline-block;
  margin-right: 11px;
}
.LogFieldComponent__block__title--bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.LogFieldComponent__block__body {
  display: inline-block;
  margin-right: 11px;
}
.LogFieldComponent__block__body--expanded {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 100%;
}

.InventoryLog {
  display: grid;
  gap: 12px;
}
.InventoryLog__selectListBlock {
  display: grid;
  gap: 12px;
  grid-auto-flow: column;
}
.InventoryLog .InventoryLog__selectList {
  width: 300px;
}
.InventoryLog__header {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-column-gap: 35px;
}
.InventoryLog__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, 280px);
  grid-column-gap: 35px;
  grid-row-gap: 12px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.InventoryLog__room {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  font-weight: 700;
  grid-row-gap: 2px;
}
.InventoryLog__room__headerLine {
  grid-column: span 2;
  border-bottom: 1px;
  solid: #e8e8ea;
  margin: 4px 0;
}
.InventoryLog__room__count {
  font-weight: 400;
}
.InventoryLog__subtracted {
  color: #ee4b19;
}
.InventoryLog__added {
  color: #00a455;
}

.EmailSentLog {
  width: 100%;
  height: 600px;
  overflow: auto;
}

.FilesGallery {
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 25px;
  overflow: hidden;
  justify-items: center;
}
.FilesGallery__bigPreview {
  width: calc(100% - 25px * 2);
  max-width: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  background-size: contain;
  background-position: center;
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-auto-flow: column;
  padding: 0 10px;
  position: relative;
}
.FilesGallery__bigPreview--expanded {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.565);
  backdrop-filter: blur(6px);
  z-index: 3;
}
.FilesGallery__bigPreview__expandClickHandler {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.FilesGallery__bigPreview__btn {
  z-index: 1;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
.FilesGallery__bigPreview__btn--disabled {
  pointer-events: all;
  opacity: 0;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.FilesGallery__imageList {
  width: 100%;
  padding: 0 25px;
  padding-top: 25px;
  display: grid;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fill, 200px);
  grid-column-gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: auto;
}
.FilesGallery__imageList__image {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
  overflow: hidden;
  grid-row-gap: 9px;
  cursor: pointer;
  color: inherit;
  text-decoration: inherit;
}
.FilesGallery__imageList__image__preview {
  width: 100%;
  height: 120px;
  border-radius: 8px;
  border: 1px solid #e8e8ea;
  background-size: contain;
  background-position: center;
}
.FilesGallery__imageList__image--add .FilesGallery__imageList__image__preview {
  border-color: #00a455;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #00a455;
  font-size: 24px;
}
.FilesGallery__imageList__image--selected .FilesGallery__imageList__image__preview {
  border-color: #00a455;
}
.FilesGallery__imageList__image__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 35px;
}
.FilesGallery__imageList__image--selected .FilesGallery__imageList__image__title {
  color: #00a455;
  white-space: unset;
}

.AddPhotos {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content min-content;
  overflow: auto;
}
.AddPhotos__filePreLoader {
  width: 100%;
}
.AddPhotos__blockWithTitle {
  padding: 30px 20px;
  background: #fff;
}
.AddPhotos--Mobile .AddPhotos__blockWithTitle {
  padding: 8.333333333333334vw 5.555555555555555vw;
}
.AddPhotos__button {
  border-radius: 0;
  width: 100%;
}
.AddPhotos__body {
  background: #f2f4f6;
  position: relative;
}
.AddPhotos__body__loaderWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  background: transparent;
  top: 0;
  left: 0;
  -webkit-transition: background 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out;
  transition: background 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, background 0.2s ease-in-out 0.2s;
  transition: transform 0.2s ease-in-out, background 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out;
}
.AddPhotos__body__loaderWrapper--show {
  -webkit-transform: scale(1);
          transform: scale(1);
  background: rgba(18,21,42,0.6);
}
.AddPhotos__body__loaderWrapper .LoaderSpinner {
  font-size: 5px;
}
.AddPhotos--Mobile.AddPhotos__body__loaderWrapper .LoaderSpinner {
  font-size: 1.388888888888889vw;
}

.LoaderSpinner {
  position: relative;
  margin: auto;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255,255,255,0.2);
  border-right: 1.1em solid rgba(255,255,255,0.2);
  border-bottom: 1.1em solid rgba(255,255,255,0.2);
  border-left: 1.1em solid #12152a;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: loadAnimation 1.1s infinite linear;
          animation: loadAnimation 1.1s infinite linear;
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.LoaderSpinner--Mobile {
  font-size: 2.777777777777778vw;
}
@-webkit-keyframes loadAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.FilesGalleryAddFileModal.ModalInstance {
  width: 400px;
  height: 600px;
}
.FilesGalleryAddFile {
  height: 100%;
  grid-template-rows: -webkit-max-content auto -webkit-max-content;
  grid-template-rows: max-content auto max-content;
}

.ServiceTypeSelector {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
}
.ServiceTypeSelector__selectList {
  color: #00a455;
  height: 1.5em;
  font-weight: 500;
  width: unset;
  border: none;
}
.ServiceTypeSelector__selectList .SelectList__selectedValue {
  padding: 0;
}
.ServiceTypeSelectorOptions {
  min-width: 200px;
}

.EmailModal__modal.ModalInstance {
  width: 900px;
  min-height: 600px;
}
.EmailModal__modal.ModalInstance > .ModalInstance__header {
  height: 71px;
}
.EmailModal__header {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-min-content -webkit-max-content auto;
  grid-template-columns: min-content max-content auto;
  grid-gap: 16px;
  padding-right: 25px;
}
.EmailModal__header__title {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: auto auto;
  height: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
}
.EmailModal__header__title__smallText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  color: #00a455;
}
.EmailModal__folder {
  margin-bottom: 13px;
}
.EmailModal__folder.DropdownPanel .DropdownPanel__header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 0;
  padding-left: 20px;
  height: 18px;
  border-bottom: none;
}
.EmailModal__folder--active.EmailModal__folder.DropdownPanel .DropdownPanel__header .DropdownPanel__header__button {
  color: #12152a;
}
.EmailModal__folder--active.EmailModal__folder.DropdownPanel .DropdownPanel__header .DropdownPanel__header__title {
  color: #12152a;
}
.EmailModal__folder--active.EmailModal__folder.DropdownPanel .DropdownPanel__header .EmailModal__folder__icon {
  color: #12152a;
}
.EmailModal__folder.DropdownPanel .DropdownPanel__header .DropdownPanel__header__button {
  margin-right: 9px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.EmailModal__folder.DropdownPanel .DropdownPanel__header .DropdownPanel__header__button--rotated {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.EmailModal__folder.DropdownPanel .DropdownPanel__header .DropdownPanel__header__title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-template-rows: 100%;
  grid-gap: 9px;
}
.EmailModal__folder__icon {
  color: #71737f;
}
.EmailModal__folderContent {
  display: grid;
  grid-row-gap: 13px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
  padding: 13px 30px;
  padding-left: 70px;
  padding-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.EmailModal__folderContent__row {
  display: grid;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  grid-column-gap: 20px;
  cursor: pointer;
}
.EmailModal__folderContent__row .SvgIcon {
  width: 14px;
  height: 14px;
  opacity: 0;
}
.EmailModal__folderContent__row--selected {
  color: #00a455;
}
.EmailModal__folderContent__row--selected .SvgIcon {
  opacity: 1;
}
.EmailModal__body {
  width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-rows: -webkit-min-content 1fr 56px;
  grid-template-rows: min-content 1fr 56px;
  grid-template-columns: 300px 1fr;
  grid-template-areas: 'address address' 'folders selected' 'controls controls';
  overflow: hidden;
}
.EmailModal__body__controls {
  grid-area: controls;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  padding: 0 30px;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EmailModal__body__folders {
  grid-area: folders;
  overflow-y: auto;
  padding: 20px 0;
  border-top: 1px solid #f2f4f6;
}
.EmailModal__body__selected {
  grid-area: selected;
  overflow-y: auto;
  background-color: #f2f4f6;
  padding: 9px 25px;
}
.EmailModal__body__selected__row {
  display: grid;
  grid-template-columns: 1fr 1fr -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-columns: 1fr 1fr min-content min-content min-content;
  grid-column-gap: 16px;
  border-bottom: 1px solid #e8e8ea;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 47px;
}
.EmailModal__body__selected__row--header {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  color: #71737f;
}
.EmailModal__body__selected__row--header .Button {
  opacity: 0;
  pointer-events: none;
}

.EditRequestAdditionalMenu {
  width: 230px;
  display: grid;
  padding-bottom: 9px;
  padding-top: 9px;
  grid-auto-rows: 39px;
  grid-template-columns: 100%;
}
.EditRequestAdditionalMenu__row {
  color: #71737f;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditRequestAdditionalMenu__row__link {
  text-decoration: none;
}
.EditRequestAdditionalMenu__row__toggleRow {
  grid-gap: 9px;
}
.EditRequestAdditionalMenu__row--edited {
  background-color: #f2f4f6;
}
.EditRequestAdditionalMenu__row:hover {
  cursor: pointer;
  background-color: #f2f4f6;
  color: #12152a;
}

.RequestQuoteExplanationEditor__modal.ModalInstance {
  width: 850px;
}
.RequestQuoteExplanationEditor__rowWithPadding {
  padding: 25px;
  padding-bottom: 0;
}

.RequestClientEditorModal.ModalInstance {
  width: 650px;
}
.RequestClientEditorModal.ModalInstance .ModalInstance__body {
  overflow-y: auto;
}
.ClientEditor {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  padding-top: 16px;
  grid-gap: 25px;
}
.ClientEditor--Mobile {
  padding-top: 4.444444444444445vw;
  grid-gap: 3.333333333333333vw;
}
.ClientEditor__inputBlock {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
}
.ClientEditor--Mobile .ClientEditor__inputBlock {
  grid-row-gap: 2.5vw;
}
.ClientEditor__inputBlock__padding {
  margin-left: calc(16px + 1.2em);
}
.ClientEditor--Mobile .ClientEditor__inputBlock__padding {
  margin-left: calc(4.444444444444445vw + 1.2em);
}
.ClientEditor__tabs {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 9px;
  padding: 0 16px;
}
.ClientEditor--Mobile .ClientEditor__tabs {
  grid-gap: 2.5vw;
  padding: 0 4.444444444444445vw;
}
.ClientEditor__body {
  padding: 0 16px;
}
.ClientEditor--Mobile .ClientEditor__body {
  padding: 0 4.444444444444445vw;
}
.ClientEditor__clientEditor {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 25px;
}
.ClientEditor--Mobile .ClientEditor__clientEditor {
  grid-gap: 6.944444444444445vw;
}
.ClientEditor__footer {
  padding: 0 25px 25px 25px;
}
.ClientEditor--Mobile .ClientEditor__footer {
  padding: 0 6.944444444444445vw 6.944444444444445vw 6.944444444444445vw;
}
.ClientEditor__footer .Pagination {
  background-color: #fff;
  padding-bottom: 25px;
}
.ClientEditor__footer .Pagination .Button--colorMain {
  width: 25px;
  height: 25px;
  padding: 0;
}
.ClientEditor--Mobile .ClientEditor__footer .Pagination .Button--colorMain {
  height: 6.944444444444445vw;
  width: 25px;
}
.ClientEditor__controls {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 16px;
  grid-auto-flow: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ClientEditor--Mobile .ClientEditor__controls {
  grid-column-gap: 4.444444444444445vw;
}
.ClientEditor__row {
  display: grid;
  grid-template-columns: 100px auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  border-bottom: 2px solid #f4f4f6;
}
.ClientEditor--Mobile .ClientEditor__row {
  grid-template-columns: 27.77777777777778vw auto;
  border-bottom-width: 0.555555555555556vw;
}
.ClientEditor__input {
  width: 100%;
}
.ClientEditor__icon {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-position: center;
}
.ClientEditor--Mobile .ClientEditor__icon {
  width: 8.88888888888889vw;
  height: 8.88888888888889vw;
}
.ClientEditor__icon--user {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NSA1NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTUgNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik01NSwyNy41QzU1LDEyLjMzNyw0Mi42NjMsMCwyNy41LDBTMCwxMi4zMzcsMCwyNy41YzAsOC4wMDksMy40NDQsMTUuMjI4LDguOTI2LDIwLjI1OGwtMC4wMjYsMC4wMjNsMC44OTIsMC43NTIgIGMwLjA1OCwwLjA0OSwwLjEyMSwwLjA4OSwwLjE3OSwwLjEzN2MwLjQ3NCwwLjM5MywwLjk2NSwwLjc2NiwxLjQ2NSwxLjEyN2MwLjE2MiwwLjExNywwLjMyNCwwLjIzNCwwLjQ4OSwwLjM0OCAgYzAuNTM0LDAuMzY4LDEuMDgyLDAuNzE3LDEuNjQyLDEuMDQ4YzAuMTIyLDAuMDcyLDAuMjQ1LDAuMTQyLDAuMzY4LDAuMjEyYzAuNjEzLDAuMzQ5LDEuMjM5LDAuNjc4LDEuODgsMC45OCAgYzAuMDQ3LDAuMDIyLDAuMDk1LDAuMDQyLDAuMTQyLDAuMDY0YzIuMDg5LDAuOTcxLDQuMzE5LDEuNjg0LDYuNjUxLDIuMTA1YzAuMDYxLDAuMDExLDAuMTIyLDAuMDIyLDAuMTg0LDAuMDMzICBjMC43MjQsMC4xMjUsMS40NTYsMC4yMjUsMi4xOTcsMC4yOTJjMC4wOSwwLjAwOCwwLjE4LDAuMDEzLDAuMjcxLDAuMDIxQzI1Ljk5OCw1NC45NjEsMjYuNzQ0LDU1LDI3LjUsNTUgIGMwLjc0OSwwLDEuNDg4LTAuMDM5LDIuMjIyLTAuMDk4YzAuMDkzLTAuMDA4LDAuMTg2LTAuMDEzLDAuMjc5LTAuMDIxYzAuNzM1LTAuMDY3LDEuNDYxLTAuMTY0LDIuMTc4LTAuMjg3ICBjMC4wNjItMC4wMTEsMC4xMjUtMC4wMjIsMC4xODctMC4wMzRjMi4yOTctMC40MTIsNC40OTUtMS4xMDksNi41NTctMi4wNTVjMC4wNzYtMC4wMzUsMC4xNTMtMC4wNjgsMC4yMjktMC4xMDQgIGMwLjYxNy0wLjI5LDEuMjItMC42MDMsMS44MTEtMC45MzZjMC4xNDctMC4wODMsMC4yOTMtMC4xNjcsMC40MzktMC4yNTNjMC41MzgtMC4zMTcsMS4wNjctMC42NDgsMS41ODEtMSAgYzAuMTg1LTAuMTI2LDAuMzY2LTAuMjU5LDAuNTQ5LTAuMzkxYzAuNDM5LTAuMzE2LDAuODctMC42NDIsMS4yODktMC45ODNjMC4wOTMtMC4wNzUsMC4xOTMtMC4xNCwwLjI4NC0wLjIxN2wwLjkxNS0wLjc2NCAgbC0wLjAyNy0wLjAyM0M1MS41MjMsNDIuODAyLDU1LDM1LjU1LDU1LDI3LjV6IE0yLDI3LjVDMiwxMy40MzksMTMuNDM5LDIsMjcuNSwyUzUzLDEzLjQzOSw1MywyNy41ICBjMCw3LjU3Ny0zLjMyNSwxNC4zODktOC41ODksMTkuMDYzYy0wLjI5NC0wLjIwMy0wLjU5LTAuMzg1LTAuODkzLTAuNTM3bC04LjQ2Ny00LjIzM2MtMC43Ni0wLjM4LTEuMjMyLTEuMTQ0LTEuMjMyLTEuOTkzdi0yLjk1NyAgYzAuMTk2LTAuMjQyLDAuNDAzLTAuNTE2LDAuNjE3LTAuODE3YzEuMDk2LTEuNTQ4LDEuOTc1LTMuMjcsMi42MTYtNS4xMjNjMS4yNjctMC42MDIsMi4wODUtMS44NjQsMi4wODUtMy4yODl2LTMuNTQ1ICBjMC0wLjg2Ny0wLjMxOC0xLjcwOC0wLjg4Ny0yLjM2OXYtNC42NjdjMC4wNTItMC41MTksMC4yMzYtMy40NDgtMS44ODMtNS44NjRDMzQuNTI0LDkuMDY1LDMxLjU0MSw4LDI3LjUsOCAgcy03LjAyNCwxLjA2NS04Ljg2NywzLjE2OGMtMi4xMTksMi40MTYtMS45MzUsNS4zNDUtMS44ODMsNS44NjR2NC42NjdjLTAuNTY4LDAuNjYxLTAuODg3LDEuNTAyLTAuODg3LDIuMzY5djMuNTQ1ICBjMCwxLjEwMSwwLjQ5NCwyLjEyOCwxLjM0LDIuODIxYzAuODEsMy4xNzMsMi40NzcsNS41NzUsMy4wOTMsNi4zODl2Mi44OTRjMCwwLjgxNi0wLjQ0NSwxLjU2Ni0xLjE2MiwxLjk1OGwtNy45MDcsNC4zMTMgIGMtMC4yNTIsMC4xMzctMC41MDIsMC4yOTctMC43NTIsMC40NzZDNS4yNzYsNDEuNzkyLDIsMzUuMDIyLDIsMjcuNXogTTQyLjQ1OSw0OC4xMzJjLTAuMzUsMC4yNTQtMC43MDYsMC41LTEuMDY3LDAuNzM1ICBjLTAuMTY2LDAuMTA4LTAuMzMxLDAuMjE2LTAuNSwwLjMyMWMtMC40NzIsMC4yOTItMC45NTIsMC41Ny0xLjQ0MiwwLjgzYy0wLjEwOCwwLjA1Ny0wLjIxNywwLjExMS0wLjMyNiwwLjE2NyAgYy0xLjEyNiwwLjU3Ny0yLjI5MSwxLjA3My0zLjQ4OCwxLjQ3NmMtMC4wNDIsMC4wMTQtMC4wODQsMC4wMjktMC4xMjcsMC4wNDNjLTAuNjI3LDAuMjA4LTEuMjYyLDAuMzkzLTEuOTA0LDAuNTUyICBjLTAuMDAyLDAtMC4wMDQsMC4wMDEtMC4wMDYsMC4wMDFjLTAuNjQ4LDAuMTYtMS4zMDQsMC4yOTMtMS45NjQsMC40MDJjLTAuMDE4LDAuMDAzLTAuMDM2LDAuMDA3LTAuMDU0LDAuMDEgIGMtMC42MjEsMC4xMDEtMS4yNDcsMC4xNzQtMS44NzUsMC4yMjljLTAuMTExLDAuMDEtMC4yMjIsMC4wMTctMC4zMzQsMC4wMjVDMjguNzUxLDUyLjk3LDI4LjEyNyw1MywyNy41LDUzICBjLTAuNjM0LDAtMS4yNjYtMC4wMzEtMS44OTUtMC4wNzhjLTAuMTA5LTAuMDA4LTAuMjE4LTAuMDE1LTAuMzI2LTAuMDI1Yy0wLjYzNC0wLjA1Ni0xLjI2NS0wLjEzMS0xLjg5LTAuMjMzICBjLTAuMDI4LTAuMDA1LTAuMDU2LTAuMDEtMC4wODQtMC4wMTVjLTEuMzIyLTAuMjIxLTIuNjIzLTAuNTQ2LTMuODktMC45NzFjLTAuMDM5LTAuMDEzLTAuMDc5LTAuMDI3LTAuMTE4LTAuMDQgIGMtMC42MjktMC4yMTQtMS4yNTEtMC40NTEtMS44NjItMC43MTNjLTAuMDA0LTAuMDAyLTAuMDA5LTAuMDA0LTAuMDEzLTAuMDA2Yy0wLjU3OC0wLjI0OS0xLjE0NS0wLjUyNS0xLjcwNS0wLjgxNiAgYy0wLjA3My0wLjAzOC0wLjE0Ny0wLjA3NC0wLjIxOS0wLjExM2MtMC41MTEtMC4yNzMtMS4wMTEtMC41NjgtMS41MDQtMC44NzZjLTAuMTQ2LTAuMDkyLTAuMjkxLTAuMTg1LTAuNDM1LTAuMjc5ICBjLTAuNDU0LTAuMjk3LTAuOTAyLTAuNjA2LTEuMzM4LTAuOTMzYy0wLjA0NS0wLjAzNC0wLjA4OC0wLjA3LTAuMTMzLTAuMTA0YzAuMDMyLTAuMDE4LDAuMDY0LTAuMDM2LDAuMDk2LTAuMDU0bDcuOTA3LTQuMzEzICBjMS4zNi0wLjc0MiwyLjIwNS0yLjE2NSwyLjIwNS0zLjcxNGwtMC4wMDEtMy42MDJsLTAuMjMtMC4yNzhjLTAuMDIyLTAuMDI1LTIuMTg0LTIuNjU1LTMuMDAxLTYuMjE2bC0wLjA5MS0wLjM5NmwtMC4zNDEtMC4yMjEgIGMtMC40ODEtMC4zMTEtMC43NjktMC44MzEtMC43NjktMS4zOTJ2LTMuNTQ1YzAtMC40NjUsMC4xOTctMC44OTgsMC41NTctMS4yMjNsMC4zMy0wLjI5OHYtNS41N2wtMC4wMDktMC4xMzEgIGMtMC4wMDMtMC4wMjQtMC4yOTgtMi40MjksMS4zOTYtNC4zNkMyMS41ODMsMTAuODM3LDI0LjA2MSwxMCwyNy41LDEwYzMuNDI2LDAsNS44OTYsMC44Myw3LjM0NiwyLjQ2NiAgYzEuNjkyLDEuOTExLDEuNDE1LDQuMzYxLDEuNDEzLDQuMzgxbC0wLjAwOSw1LjcwMWwwLjMzLDAuMjk4YzAuMzU5LDAuMzI0LDAuNTU3LDAuNzU4LDAuNTU3LDEuMjIzdjMuNTQ1ICBjMCwwLjcxMy0wLjQ4NSwxLjM2LTEuMTgxLDEuNTc1bC0wLjQ5NywwLjE1M2wtMC4xNiwwLjQ5NWMtMC41OSwxLjgzMy0xLjQzLDMuNTI2LTIuNDk2LDUuMDMyYy0wLjI2MiwwLjM3LTAuNTE3LDAuNjk4LTAuNzM2LDAuOTQ5ICBsLTAuMjQ4LDAuMjgzVjM5LjhjMCwxLjYxMiwwLjg5NiwzLjA2MiwyLjMzOCwzLjc4Mmw4LjQ2Nyw0LjIzM2MwLjA1NCwwLjAyNywwLjEwNywwLjA1NSwwLjE2LDAuMDgzICBDNDIuNjc3LDQ3Ljk3OSw0Mi41NjcsNDguMDU0LDQyLjQ1OSw0OC4xMzJ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIgoJZmlsbD0iI0I0QjVDMSIvPjwvZz4gPC9zdmc+Cg==);
}
.ClientEditor__icon--email {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC43OTMiIGhlaWdodD0iMTQuNzgzIiB2aWV3Qm94PSIwIDAgMjAuNzkzIDE0Ljc4MyI+Cgk8ZGVmcz4KCQk8c3R5bGU+LmF7ZmlsbDojQjRCNUMxO308L3N0eWxlPgoJPC9kZWZzPgoJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPgoJCTxwYXRoIGNsYXNzPSJhIgoJCQkgIGQ9Ik0xOS4xMTcsMTkuMjY1SDEuNjc2QTEuNjc4LDEuNjc4LDAsMCwxLDAsMTcuNTg4VjYuMTU4QTEuNjc4LDEuNjc4LDAsMCwxLDEuNjc2LDQuNDgySDE5LjExN2ExLjY3OCwxLjY3OCwwLDAsMSwxLjY3NiwxLjY3NnYxMS40M0ExLjY3OCwxLjY3OCwwLDAsMSwxOS4xMTcsMTkuMjY1Wk0xLjY3Niw1LjE1M0ExLjAwNywxLjAwNywwLDAsMCwuNjcxLDYuMTU4djExLjQzYTEuMDA3LDEuMDA3LDAsMCwwLDEuMDA2LDEuMDA2SDE5LjExN2ExLjAwNywxLjAwNywwLDAsMCwxLjAwNi0xLjAwNlY2LjE1OGExLjAwNywxLjAwNywwLDAsMC0xLjAwNi0xLjAwNloiCgkJCSAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNC40ODIpIi8+CgkJPHBhdGggY2xhc3M9ImEiCgkJCSAgZD0iTTEwLjYzNCwxMy44NDFBMS44NzUsMS44NzUsMCwwLDEsOS40LDEzLjRMLjgzNSw1LjkzYS4zMzUuMzM1LDAsMCwxLC40NDEtLjUwNmw4LjU2OCw3LjQ2N2ExLjI1NiwxLjI1NiwwLDAsMCwxLjU4MSwwTDE5Ljk5LDUuNDI1YS4zMzUuMzM1LDAsMCwxLC40NDEuNTA2TDExLjg2NSwxMy40QTEuODcyLDEuODcyLDAsMCwxLDEwLjYzNCwxMy44NDFaIgoJCQkgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjIzNyAtNC43NjUpIi8+CgkJPHBhdGggY2xhc3M9ImEiCgkJCSAgZD0iTTE5LjExNywxOS4yNjVIMS42NzZBMS42NzgsMS42NzgsMCwwLDEsMCwxNy41ODhWNi4xNThBMS42NzgsMS42NzgsMCwwLDEsMS42NzYsNC40ODJIMTkuMTE3YTEuNjc4LDEuNjc4LDAsMCwxLDEuNjc2LDEuNjc2djExLjQzQTEuNjc4LDEuNjc4LDAsMCwxLDE5LjExNywxOS4yNjVaTTEuNjc2LDUuMTUzQTEuMDA3LDEuMDA3LDAsMCwwLC42NzEsNi4xNTh2MTEuNDNhMS4wMDcsMS4wMDcsMCwwLDAsMS4wMDYsMS4wMDZIMTkuMTE3YTEuMDA3LDEuMDA3LDAsMCwwLDEuMDA2LTEuMDA2VjYuMTU4YTEuMDA3LDEuMDA3LDAsMCwwLTEuMDA2LTEuMDA2WiIKCQkJICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjQ4MikiLz4KCTwvZz4KPC9zdmc+);
}
.ClientEditor__icon--phone {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4xNTIiIGhlaWdodD0iMzMuMjc4IiB2aWV3Qm94PSIwIDAgMzMuMTUyIDMzLjI3OCI+Cgk8ZGVmcz4KCQk8c3R5bGU+LmF7ZmlsbDojQjRCNUMxfTwvc3R5bGU+Cgk8L2RlZnM+Cgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC45MTIpIj4KCQk8cGF0aCBjbGFzcz0iYSIKCQkJICBkPSJNNy42MywyMi4xMjFhMzUuMywzNS4zLDAsMCwwLDExLjc0Myw5LjIsMTguMjc3LDE4LjI3NywwLDAsMCw2LjU3MSwxLjk0NWMuMTU5LjAwNy4zMS4wMTQuNDY5LjAxNGE1LjQ0Miw1LjQ0MiwwLDAsMCw0LjIyLTEuODE0LjE1LjE1LDAsMCwwLC4wMjgtLjAzNCwxNy43NjcsMTcuNzY3LDAsMCwxLDEuMzMxLTEuMzc5Yy4zMjQtLjMxLjY1NS0uNjM0Ljk3Mi0uOTY1YTMuMzI5LDMuMzI5LDAsMCwwLS4wMTQtNC45NThsLTQuMTQ0LTQuMTQ0YTMuMzU0LDMuMzU0LDAsMCwwLTIuNDI3LTEuMTE3LDMuNDY3LDMuNDY3LDAsMCwwLTIuNDU1LDEuMTFsLTIuNDY5LDIuNDY5Yy0uMjI4LS4xMzEtLjQ2Mi0uMjQ4LS42ODMtLjM1OWE4LjUyNyw4LjUyNywwLDAsMS0uNzU5LS40MTQsMjYuMTI2LDI2LjEyNiwwLDAsMS02LjI0LTUuNjgyLDE1LjA0NSwxNS4wNDUsMCwwLDEtMi4xMS0zLjM2NWMuNjQ4LS41ODYsMS4yNTUtMS4yLDEuODQxLTEuOC4yMDctLjIxNC40MjEtLjQyOC42MzQtLjY0MUEzLjUzNSwzLjUzNSwwLDAsMCwxNS4yODQsNy43LDMuNTA3LDMuNTA3LDAsMCwwLDE0LjEzOSw1LjIyTDEyLjA4NCwzLjE2NWMtLjI0MS0uMjQxLS40NjktLjQ3Ni0uNy0uNzE3LS40NTUtLjQ2OS0uOTMxLS45NTItMS40LTEuMzg2QTMuNDM4LDMuNDM4LDAsMCwwLDcuNTU0LDAsMy41MzksMy41MzksMCwwLDAsNS4xLDEuMDY5TDIuNTIsMy42NDhBNS4zLDUuMywwLDAsMCwuOTQxLDcuMDQsMTIuNzYyLDEyLjc2MiwwLDAsMCwxLjksMTIuNTU3LDMyLjA5MywzMi4wOTMsMCwwLDAsNy42MywyMi4xMjFaTTIuNjI0LDcuMTg1YTMuNjQ3LDMuNjQ3LDAsMCwxLDEuMS0yLjM0NEw2LjI4NSwyLjI3NmExLjg1NywxLjg1NywwLDAsMSwxLjI2OS0uNTg2LDEuNzYyLDEuNzYyLDAsMCwxLDEuMjQxLjZjLjQ2Mi40MjguOS44NzYsMS4zNjUsMS4zNTIuMjM0LjI0MS40NzYuNDgzLjcxNy43MzFsMi4wNTUsMi4wNTVhMS44NzMsMS44NzMsMCwwLDEsLjY0OCwxLjI4OSwxLjg3MiwxLjg3MiwwLDAsMS0uNjQ4LDEuMjg5Yy0uMjE0LjIxNC0uNDI4LjQzNC0uNjQxLjY0OC0uNjQxLjY0OC0xLjI0MSwxLjI2Mi0xLjksMS44NDhsLS4wMzQuMDM0YTEuMzQ4LDEuMzQ4LDAsMCwwLS4zNDUsMS41MzFjLjAwNy4wMjEuMDE0LjAzNC4wMjEuMDU1YTE2LjIyOSwxNi4yMjksMCwwLDAsMi40MiwzLjkzN0EyNy41NzQsMjcuNTc0LDAsMCwwLDE5LjEsMjMuMTE0YTkuODcsOS44NywwLDAsMCwuOTEuNSw4LjUyNyw4LjUyNywwLDAsMSwuNzU5LjQxNGMuMDI4LjAxNC4wNDguMDI4LjA3Ni4wNDFhMS40NDEsMS40NDEsMCwwLDAsLjY2OS4xNzIsMS40NjMsMS40NjMsMCwwLDAsMS4wMjctLjQ2OWwyLjU3OS0yLjU3OWExLjgyNSwxLjgyNSwwLDAsMSwxLjI2Mi0uNjE0LDEuNzMyLDEuNzMyLDAsMCwxLDEuMjIxLjYxNGw0LjE1OCw0LjE1MWExLjY2MywxLjY2MywwLDAsMS0uMDIxLDIuNmMtLjI5LjMxLS41OTMuNjA3LS45MTcuOTE3YTE5Ljg1OCwxOS44NTgsMCwwLDAtMS40NDEsMS41LDMuNzg2LDMuNzg2LDAsMCwxLTIuOTU4LDEuMjU1Yy0uMTE3LDAtLjI0MS0uMDA3LS4zNTktLjAxNGExNi42LDE2LjYsMCwwLDEtNS45NDQtMS43NzlBMzMuNTM5LDMzLjUzOSwwLDAsMSw4Ljk0LDIxLjA1OWEzMC43MTgsMzAuNzE4LDAsMCwxLTUuNDQ3LTkuMDY4QTExLjEyMiwxMS4xMjIsMCwwLDEsMi42MjQsNy4xODVaIi8+Cgk8L2c+Cjwvc3ZnPg==);
}
.ClientEditor__icon--company {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0naXNvLTg4NTktMSc/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJIHZpZXdCb3g9IjAgMCAyOTEuOTU4IDI5MS45NTgiCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkxLjk1OCAyOTEuOTU4Ij4KCTxkZWZzPgoJCTxzdHlsZT4uYXtmaWxsOiNCNEI1QzE7fTwvc3R5bGU+Cgk8L2RlZnM+Cgk8ZyBjbGFzcz0iYSI+CgkJPHBhdGgKCQkJZD0ibTIxNS41NiwxOC4yNWgtMTMuMDgydi0xMi4yNWMwLTMuMzE0LTIuNjg2LTYtNi02aC0xMDFjLTMuMzE0LDAtNiwyLjY4Ni02LDZ2MTIuMjVoLTEzLjA4MWMtMy4zMTMsMC02LDIuNjg3LTYsNnYyNjEuNzA4YzAsMy4zMTMgMi42ODcsNiA2LDZoNTQuMjE3IDMwLjcyOSA1NC4yMTdjMy4zMTMsMCA2LTIuNjg3IDYtNnYtMjYxLjcwOGMwLTMuMzEzLTIuNjg2LTYtNi02em0tNjAuMjE2LDI2MS43MDhoLTE4LjcyOXYtNDEuMjc4aDE4LjcyOXY0MS4yNzh6bTU0LjIxNiwwaC00Mi4yMTd2LTQ3LjI3OGMwLTMuMzEzLTIuNjg3LTYtNi02aC0zMC43MjljLTMuMzEzLDAtNiwyLjY4Ny02LDZ2NDcuMjc4aC00Mi4yMTd2LTI0OS43MDhoMTI3LjE2M3YyNDkuNzA4em0tMTkuMDgxLTI2Ny45NTh2Ni4yNWgtODl2LTYuMjVoODl6Ii8+CgkJPHBhdGgKCQkJZD0ibTExMC4yMzcsNTguNDA5Yy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTEzNC4wNjUsNTguNDA5Yy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTE1Ny44OTMsNTguNDA5Yy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTE4MS43MjEsNTguNDA5Yy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTExMC4yMzcsODguMDUxYy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTEzNC4wNjUsODguMDUxYy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTE1Ny44OTMsODguMDUxYy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTE4MS43MjEsODguMDUxYy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTExMC4yMzcsMTE3LjY5M2MtMy4zMTMsMC02LDIuNjg3LTYsNnY4LjYxNGMwLDMuMzEzIDIuNjg3LDYgNiw2czYtMi42ODcgNi02di04LjYxNGMwLTMuMzE0LTIuNjg3LTYtNi02eiIvPgoJCTxwYXRoCgkJCWQ9Im0xMzQuMDY1LDExNy42OTNjLTMuMzEzLDAtNiwyLjY4Ny02LDZ2OC42MTRjMCwzLjMxMyAyLjY4Nyw2IDYsNnM2LTIuNjg3IDYtNnYtOC42MTRjMC0zLjMxNC0yLjY4Ny02LTYtNnoiLz4KCQk8cGF0aAoJCQlkPSJtMTU3Ljg5MywxMTcuNjkzYy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTE4MS43MjEsMTE3LjY5M2MtMy4zMTMsMC02LDIuNjg3LTYsNnY4LjYxNGMwLDMuMzEzIDIuNjg3LDYgNiw2czYtMi42ODcgNi02di04LjYxNGMwLTMuMzE0LTIuNjg3LTYtNi02eiIvPgoJCTxwYXRoCgkJCWQ9Im0xMTAuMjM3LDE0Ny4zMzVjLTMuMzEzLDAtNiwyLjY4Ny02LDZ2OC42MTRjMCwzLjMxMyAyLjY4Nyw2IDYsNnM2LTIuNjg3IDYtNnYtOC42MTRjMC0zLjMxMy0yLjY4Ny02LTYtNnoiLz4KCQk8cGF0aAoJCQlkPSJtMTM0LjA2NSwxNDcuMzM1Yy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTMtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTE1Ny44OTMsMTQ3LjMzNWMtMy4zMTMsMC02LDIuNjg3LTYsNnY4LjYxNGMwLDMuMzEzIDIuNjg3LDYgNiw2czYtMi42ODcgNi02di04LjYxNGMwLTMuMzEzLTIuNjg3LTYtNi02eiIvPgoJCTxwYXRoCgkJCWQ9Im0xODEuNzIxLDE0Ny4zMzVjLTMuMzEzLDAtNiwyLjY4Ny02LDZ2OC42MTRjMCwzLjMxMyAyLjY4Nyw2IDYsNnM2LTIuNjg3IDYtNnYtOC42MTRjMC0zLjMxMy0yLjY4Ny02LTYtNnoiLz4KCQk8cGF0aAoJCQlkPSJtMTEwLjIzNywxNzYuOTc4Yy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+CgkJPHBhdGgKCQkJZD0ibTEzNC4wNjUsMTc2Ljk3OGMtMy4zMTMsMC02LDIuNjg3LTYsNnY4LjYxNGMwLDMuMzEzIDIuNjg3LDYgNiw2czYtMi42ODcgNi02di04LjYxNGMwLTMuMzE0LTIuNjg3LTYtNi02eiIvPgoJCTxwYXRoCgkJCWQ9Im0xNTcuODkzLDE3Ni45NzhjLTMuMzEzLDAtNiwyLjY4Ny02LDZ2OC42MTRjMCwzLjMxMyAyLjY4Nyw2IDYsNnM2LTIuNjg3IDYtNnYtOC42MTRjMC0zLjMxNC0yLjY4Ny02LTYtNnoiLz4KCQk8cGF0aAoJCQlkPSJtMTgxLjcyMSwxNzYuOTc4Yy0zLjMxMywwLTYsMi42ODctNiw2djguNjE0YzAsMy4zMTMgMi42ODcsNiA2LDZzNi0yLjY4NyA2LTZ2LTguNjE0YzAtMy4zMTQtMi42ODctNi02LTZ6Ii8+Cgk8L2c+Cjwvc3ZnPgo=);
}
.ClientEditor__icon--password {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIgoJIGlkPSJDYXBhXzEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJIHg9IjBweCIKCSB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgZmlsbD0iI0I0QjVDMSI+CgkJPHBhdGggZD0iTTQ2Ny44NTMsNDAuNjgxQzQ0MS42MTksMTQuNDQ4LDQwNi43NCwwLDM2OS42NDEsMGMtMzcuMDk5LDAtNzEuOTc4LDE0LjQ0OC05OC4yMTIsNDAuNjgxCgkJCWMtMjMuMzY3LDIzLjM2OC0zNy42Niw1NC4zNTctNDAuMjQ1LDg3LjI1OWMtMi4zNzUsMzAuMjA2LDUuMTksNjAuMzY1LDIxLjM2Myw4NS42ODRMMTIuMjI5LDQ1My45MzcKCQkJYy0xMS42OCwxMS42ODEtMTEuNjgsMzAuNjg2LDAsNDIuMzY3YzUuNjU4LDUuNjU3LDEzLjE4Miw4Ljc3NSwyMS4xODQsOC43NzVzMTUuNTI0LTMuMTE3LDIxLjE4NC04Ljc3NWwyNS44MTYtMjUuODE3CgkJCWwzMi43MzcsMzIuNzM5YzUuNjU4LDUuNjU3LDEzLjE4Miw4Ljc3NSwyMS4xODQsOC43NzVzMTUuNTI0LTMuMTE3LDIxLjE4My04Ljc3NmMxMS42OC0xMS42ODEsMTEuNjc5LTMwLjY4NiwwLTQyLjM2NgoJCQlsLTE3LjMzMy0xNy4zMzJsMTkuMjU4LTE5LjI1OGwxNy4zMzIsMTcuMzMxYzUuNjU4LDUuNjU5LDEzLjE4Miw4Ljc3NiwyMS4xODQsOC43NzZzMTUuNTI0LTMuMTE2LDIxLjE4MS04Ljc3NQoJCQljNS42NTgtNS42NTcsOC43NzYtMTMuMTgxLDguNzc2LTIxLjE4M3MtMy4xMTctMTUuNTI2LTguNzc1LTIxLjE4NEwxODQuNCwzNjYuNDk3bDExMC41MDYtMTEwLjUwNQoJCQljMjIuMjkyLDE0LjI3NSw0Ny45ODUsMjEuNzg3LDc0Ljc0MywyMS43ODljMzcuMDk4LTAuMDAxLDcxLjk3MS0xNC40NDYsOTguMjAxLTQwLjY3NmMyNi4yMzMtMjYuMjM0LDQwLjY4MS02MS4xMTMsNDAuNjgxLTk4LjIxMgoJCQlDNTA4LjUzNCwxMDEuNzk0LDQ5NC4wODYsNjYuOTE1LDQ2Ny44NTMsNDAuNjgxeiBNNDU2LjI5NywyMjUuNTUxYy0yMy4xNDUsMjMuMTQ2LTUzLjkxLDM1Ljg5LTg2LjYzNiwzNS44OQoJCQljLTI1LjY4MS0wLjAwMi01MC4yMzctNy44MzEtNzEuMDIzLTIyLjY0NWMtMy4yNS0yLjMxNS03LjY5NS0xLjk0Ni0xMC41MTksMC44NzZMMTY3LjA3LDM2MC43MgoJCQljLTEuNTMyLDEuNTMzLTIuMzkyLDMuNjEtMi4zOTIsNS43NzhjMCwyLjE2OCwwLjg2MSw0LjI0NCwyLjM5Miw1Ljc3OGwzOC41MTQsMzguNTE0YzIuNTcyLDIuNTcxLDMuOTg5LDUuOTkxLDMuOTg5LDkuNjI5CgkJCWMwLDMuNjM3LTEuNDE3LDcuMDU3LTMuOTg5LDkuNjI5Yy0yLjU3MSwyLjU3Mi01Ljk5MiwzLjk4OC05LjYyOCwzLjk4OGMtMy42MzcsMC03LjA1OC0xLjQxNi05LjYzLTMuOTg5bC0yMy4xMS0yMy4xMDkKCQkJYy0zLjE5LTMuMTktOC4zNjMtMy4xOS0xMS41NTQsMGwtMzAuODExLDMwLjgxMWMtMy4xOTEsMy4xOTItMy4xOTEsOC4zNjQsMCwxMS41NTVsMjMuMTEsMjMuMTFjNS4zMSw1LjMwOCw1LjMxLDEzLjk0OCwwLDE5LjI1NwoJCQljLTIuNTcxLDIuNTcyLTUuOTkyLDMuOTg5LTkuNjI4LDMuOTg5Yy0zLjYzNywwLTcuMDU4LTEuNDE3LTkuNjI5LTMuOTg5TDg2LjE5LDQ1My4xNTZjLTEuNTk2LTEuNTk1LTMuNjg2LTIuMzkyLTUuNzc4LTIuMzkyCgkJCWMtMi4wOSwwLTQuMTgyLDAuNzk3LTUuNzc4LDIuMzkyTDQzLjA0Miw0ODQuNzVjLTIuNTcyLDIuNTcyLTUuOTkzLDMuOTg5LTkuNjMsMy45ODlzLTcuMDU4LTEuNDE3LTkuNjI5LTMuOTg5CgkJCWMtNS4zMS01LjMwOC01LjMxLTEzLjk0OCwwLTE5LjI1N2wyNDUuMDc5LTI0NS4wNzhjMi44MjEtMi44MjMsMy4xOTItNy4yNjksMC44NzYtMTAuNTE5CgkJCWMtMzQuODItNDguODYxLTI5LjI1LTExNS4xNjcsMTMuMjQ0LTE1Ny42NjJjMjMuMTQ4LTIzLjE0Nyw1My45MjMtMzUuODk0LDg2LjY1OS0zNS44OTRjMzIuNzM1LDAsNjMuNTExLDEyLjc0OCw4Ni42NTcsMzUuODk2CgkJCWMyMy4xNDgsMjMuMTQ3LDM1Ljg5Niw1My45MjIsMzUuODk2LDg2LjY1N0M0OTIuMTk0LDE3MS42MjksNDc5LjQ0NSwyMDIuNDA0LDQ1Ni4yOTcsMjI1LjU1MXoiLz4KCgkJPHBhdGggZD0iTTQ1Ny4wMzcsMTM0LjMwN2MtNC41MDctMC4xOTQtOC4zMTMsMy4zMjMtOC40OTcsNy44M2MtMC44MSwxOS44NjQtOC45OTksMzguNTQ2LTIzLjA1NCw1Mi42MDEKCQkJYy0xNC45MTYsMTQuOTE5LTM0Ljc0OCwyMy4xMzQtNTUuODQ1LDIzLjEzNGMtMjEuMDk1LDAtNDAuOTI4LTguMjE1LTU1Ljg0Ni0yMy4xMzNjLTMwLjc5NC0zMC43OTQtMzAuNzk0LTgwLjg5OCwwLTExMS42OTEKCQkJYzE0LjkxNy0xNC45MTksMzQuNzUtMjMuMTM0LDU1Ljg0Ni0yMy4xMzRjMjEuMDk3LDAsNDAuOTI5LDguMjE1LDU1Ljg0NiwyMy4xMzNjOC40MTMsOC40MTIsMTQuNjc1LDE4LjMyNSwxOC42MTIsMjkuNDY1CgkJCWMxLjUwMiw0LjI1NCw2LjE3MSw2LjQ4NCwxMC40MjUsNC45ODFjNC4yNTQtMS41MDQsNi40ODUtNi4xNzEsNC45ODEtMTAuNDI1Yy00Ljc1Ni0xMy40NTgtMTIuMzE0LTI1LjQyNi0yMi40NjMtMzUuNTc1CgkJCWMtMTguMDA0LTE4LjAwMy00MS45NC0yNy45MTgtNjcuNDAxLTI3LjkxOGMtMjUuNDYxLDAtNDkuMzk3LDkuOTE1LTY3LjQwMSwyNy45MThjLTM3LjE2NSwzNy4xNjUtMzcuMTY1LDk3LjYzNywwLDEzNC44MDIKCQkJYzE4LjAwNCwxOC4wMDMsNDEuOTQsMjcuOTE4LDY3LjQwMSwyNy45MThjMjUuNDYxLDAsNDkuMzk4LTkuOTE1LDY3LjQwMS0yNy45MThjMTYuOTY1LTE2Ljk2NSwyNi44NDctMzkuNTEyLDI3LjgyNy02My40OQoJCQlDNDY1LjA1MSwxMzguMjk1LDQ2MS41NDYsMTM0LjQ5MSw0NTcuMDM3LDEzNC4zMDd6Ii8+CjwvZz4KCjwvc3ZnPgo=);
}
.ClientEditor__title {
  font-size: 16px;
  font-weight: 500;
  color: #71747b;
  width: 100%;
  padding: 20px 10px;
}
.ClientEditor--Mobile .ClientEditor__title {
  font-size: 4.444444444444445vw;
  padding: 5.555555555555555vw 2.777777777777778vw;
}
.ClientEditor__paper {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.102);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.102);
  border-radius: 5px;
  padding: 10px;
  margin-top: 20px;
}
.ClientEditor--Mobile .ClientEditor__paper {
  -webkit-box-shadow: 0 0.833333333333333vw 1.666666666666667vw 0 rgba(0,0,0,0.102);
          box-shadow: 0 0.833333333333333vw 1.666666666666667vw 0 rgba(0,0,0,0.102);
  border-radius: 1.388888888888889vw;
  padding: 2.777777777777778vw;
  margin-top: 5.555555555555555vw;
}
.ClientEditor__paper__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ClientEditor__paper__block {
  width: 350px;
  padding: 15px;
}
.ClientEditor--Mobile .ClientEditor__paper__block {
  width: 97.22222222222223vw;
  padding: 4.166666666666667vw;
}
.ClientEditor__paper__block__email {
  width: 350px;
}
.ClientEditor--Mobile .ClientEditor__paper__block__email {
  width: 97.22222222222223vw;
}
.ClientEditor__paper__block__title {
  font-size: 10px;
  color: #8f95a5;
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 5px;
  margin-bottom: 5px;
}
.ClientEditor--Mobile .ClientEditor__paper__block__title {
  font-size: 2.777777777777778vw;
  padding-left: 1.388888888888889vw;
  margin-bottom: 1.388888888888889vw;
}
.ClientEditor__paper__block .Input {
  height: 55px;
  font-size: 19px;
  width: 100%;
}
.ClientEditor--Mobile .ClientEditor__paper__block .Input {
  height: 15.277777777777779vw;
  font-size: 5.277777777777778vw;
}
.ClientEditor .SuperTable {
  table-layout: fixed;
}
.ClientEditor .SuperTable__header {
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__header {
  font-size: 2.777777777777778vw;
  height: 2.777777777777778vw;
  line-height: 2.777777777777778vw;
}
.ClientEditor .SuperTable__col {
  width: 120px;
  min-width: 0;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__col {
  width: 33.333333333333336vw;
}
.ClientEditor .SuperTable__col--IdCell {
  width: 50px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__col--IdCell {
  width: 13.88888888888889vw;
}
.ClientEditor .SuperTable__col--DateCell {
  width: 90px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__col--DateCell {
  width: 25vw;
}
.ClientEditor .SuperTable__col--AddressCell {
  width: 90px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__col--AddressCell {
  width: 25vw;
}
.ClientEditor .SuperTable__col--WeightCell {
  width: 90px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__col--WeightCell {
  width: 25vw;
}
.ClientEditor .SuperTable__col--SourceCell {
  width: 90px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__col--SourceCell {
  width: 25vw;
}
.ClientEditor .SuperTable__cell {
  height: 60px;
  font-size: 9px;
  border-right-width: 10px;
  border-left-width: 10px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__cell {
  height: 16.666666666666668vw;
  font-size: 2.5vw;
  border-right-width: 2.777777777777778vw;
  border-left-width: 2.777777777777778vw;
}
.ClientEditor .SuperTable__cell .StatusCell {
  min-width: 0;
  font-size: 13px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__cell .StatusCell {
  font-size: 3.611111111111111vw;
}
.ClientEditor .SuperTable__cell .AddressCell {
  line-height: 20px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__cell .AddressCell {
  line-height: 5.555555555555555vw;
}
.ClientEditor .SuperTable__cell .DateCell__diff {
  font-size: 9px;
}
.ClientEditor--Mobile .ClientEditor .SuperTable__cell .DateCell__diff {
  font-size: 2.5vw;
}
.ClientEditor .SuperTable__cell .DateCell__diff__tomorrow {
  color: #f43b4d;
}
.ClientEditor .SuperTable__cell .DateCell__diff__past {
  color: #fff;
}
.ClientEditor__history {
  padding: 0 25px;
}
.ClientEditor--Mobile .ClientEditor__history {
  padding: 0 6.944444444444445vw;
}
.ClientEditor__historyHeader {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
  padding-bottom: 18px;
  border-bottom: 1px solid #ebebeb;
}
.ClientEditor--Mobile .ClientEditor__historyHeader {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  color: #71737f;
  padding-bottom: 5vw;
  border-bottom-width: 0.277777777777778vw;
}
.ClientEditor__historyHeader--rightItem {
  text-align: right;
}
.ClientEditor__historyBody__item {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #12152a;
  font-weight: 400;
}
.ClientEditor--Mobile .ClientEditor__historyBody__item {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  color: #12152a;
  font-weight: 400;
}
.ClientEditor__historyHeader,
.ClientEditor__historyBody .DropdownPanel__header__title {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
}
.ClientEditor__historyHeader,
.ClientEditor .DropdownPanel__content__wrapper {
  padding-left: 29px;
}
.ClientEditor--Mobile.ClientEditor__historyHeader,
.ClientEditor--Mobile.ClientEditor .DropdownPanel__content__wrapper {
  padding-left: 8.055555555555555vw;
}
.ClientEditor__historyBody__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 9px 0;
}
.ClientEditor--Mobile .ClientEditor__historyBody__row {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  font-weight: 400;
  padding: 2.5vw 0;
}
.ClientEditor__historyBody__row .AddressCell {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.ClientEditor__historyBody__title {
  min-width: 130px;
  color: #71737f;
}
.ClientEditor--Mobile .ClientEditor__historyBody__title {
  min-width: 36.111111111111114vw;
}
.ClientEditor__historyBody__id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.ClientEditor--Mobile .ClientEditor__historyBody__id {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.ClientEditor__historyBody .RequestStatus {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.ClientEditor__historyBody .DropdownPanel {
  border-bottom: 1px solid #ebebeb;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel {
  border-bottom-width: 0.277777777777778vw;
}
.ClientEditor__historyBody .DropdownPanel__header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 0;
  border-bottom: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 54px;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header {
  height: 15vw;
}
.ClientEditor__historyBody .DropdownPanel__header__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 13px;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header__title {
  padding-left: 3.611111111111111vw;
}
.ClientEditor__historyBody .DropdownPanel__header__title .IdCell {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header__title .IdCell {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.ClientEditor__historyBody .DropdownPanel__header__title .IdCell__value {
  font-weight: 400;
}
.ClientEditor__historyBody .DropdownPanel__header__title .ServiceTypeCell,
.ClientEditor__historyBody .DropdownPanel__header__title .MoveSizeCell,
.ClientEditor__historyBody .DropdownPanel__header__title .DateCell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  grid-gap: 0;
  margin: 0;
  text-align: right;
  justify-items: end;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header__title .ServiceTypeCell,
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header__title .MoveSizeCell,
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header__title .DateCell {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
  font-weight: 400;
}
.ClientEditor__historyBody .DropdownPanel__header__title .MoveSizeCell__name {
  max-height: 36px;
  overflow: hidden;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header__title .MoveSizeCell__name {
  max-height: 10vw;
}
.ClientEditor__historyBody .DropdownPanel__header__title .DateCell__diff {
  display: none;
}
.ClientEditor__historyBody .DropdownPanel__header__title .DateCell__date {
  margin-bottom: 0;
}
.ClientEditor__historyBody .DropdownPanel__header__title .RequestStatus {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header__title .RequestStatus {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
}
.ClientEditor__historyBody .DropdownPanel__header .DropdownPanel__header__button {
  border: 1px solid #71737f;
  color: #12152a;
  border-radius: 50%;
  padding: 3px;
  max-width: 16px;
  height: 16px;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__header .DropdownPanel__header__button {
  border-width: 0.277777777777778vw;
  color: #12152a;
  border-radius: 50%;
  padding: 0.833333333333333vw;
  max-width: 4.444444444444445vw;
  height: 4.444444444444445vw;
}
.ClientEditor__historyBody .DropdownPanel__content__wrapper {
  padding-top: 14px;
  padding-bottom: 25px;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__content__wrapper {
  padding-top: 3.888888888888889vw;
  padding-bottom: 6.944444444444445vw;
}
.ClientEditor__historyBody .DropdownPanel__content__wrapper .Button {
  margin-top: 25px;
}
.ClientEditor--Mobile .ClientEditor__historyBody .DropdownPanel__content__wrapper .Button {
  margin-top: 6.944444444444445vw;
}
.ClientEditor__warningModal.ModalInstance .WarningModal__body__title {
  font-weight: 500;
  color: #00a455;
}
.ClientEditor__warningModal.ModalInstance .WarningModal__body__icon,
.ClientEditor__warningModal.ModalInstance .WarningModal__body__iconBackground {
  width: 170px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.ClientEditor__warningModal.ModalInstance .WarningModal__body__controls .Button {
  width: 117px;
}
.ClientEditor__warningModal.ModalInstance .WarningModal__body__controls .Button:first-child {
  justify-self: end;
}

.EditRequestAlter {
  width: 100%;
  height: 100%;
  background: #12152a;
  display: grid;
  grid-template-columns: 707px auto;
  grid-template-rows: auto;
  grid-auto-flow: column;
  position: relative;
  overflow: hidden;
  grid-gap: 3px;
}
.EditRequestAlter__addFlagButtonContainer {
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
}
.EditRequestAlter__requestNotes {
  width: 100%;
}
.EditRequestAlter__wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.EditRequestAlter__additionalMenu {
  width: 230px;
  display: grid;
  padding: 7px 0;
  grid-auto-rows: 39px;
  grid-template-columns: 100%;
}
.EditRequestAlter__additionalMenu__row {
  color: #71737f;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditRequestAlter__additionalMenu__row__link {
  text-decoration: none;
}
.EditRequestAlter__additionalMenu__row__toggleRow {
  grid-gap: 9px;
}
.EditRequestAlter__additionalMenu__row--edited {
  background-color: #f2f4f6;
}
.EditRequestAlter__additionalMenu__row:hover {
  cursor: pointer;
  background-color: #f2f4f6;
  color: #12152a;
}
.EditRequestAlter__inventoryPlace {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.EditRequestAlter__leftColumn {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
  border-top: 1px solid #e8e8ea;
  background-color: #fff;
  color: #71737f;
  overflow: auto;
}
.EditRequestAlter__leftColumn__openEmailOrAccount {
  display: grid;
  padding-left: 19px;
  grid-template-columns: -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content;
}
.EditRequestAlter__leftColumn__openEmailOrAccount .Button {
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.EditRequestAlter__leftColumn__openEmailOrAccount .Button :hover {
  color: #00a455;
}
.EditRequestAlter__leftColumn__noteTextArea {
  width: 100%;
  border: none;
  height: 55px;
  padding: 0 16px;
}
.EditRequestAlter__leftColumn--requestChanged {
  padding-bottom: 86px;
}
.EditRequestAlter__leftColumn__paper {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  overflow: hidden;
}
.EditRequestAlter__leftColumn__body {
  overflow-y: auto;
}
.EditRequestAlter__leftColumn__body .RequestDetailsEditor {
  padding-bottom: 20px;
}
.EditRequestAlter__leftColumn .Messages__noMessagesBlock__lottieContainer {
  max-width: 350px;
}
.EditRequestAlter__leftColumn__header {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  height: 68px;
  overflow: hidden;
  padding: 0 30px 0 25px;
  grid-gap: 25px;
  border-bottom: 1px solid #e8e8ea;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditRequestAlter__leftColumn__header__menuButton {
  color: #71737f;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.EditRequestAlter__leftColumn__header__tabs {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 25px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  height: 100%;
  padding-left: 47px;
}
.EditRequestAlter__leftColumn__header__tab {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #71737f;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.EditRequestAlter__leftColumn__header__tab__notification {
  top: 16px;
  right: -2px;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00a455;
}
.EditRequestAlter__leftColumn__header__tab__notification--negative {
  background: #ee4b19;
}
.EditRequestAlter__leftColumn__header__tab--active {
  color: #12152a;
  border-bottom: 2px solid $colorPrimaryZ;
}
.EditRequestAlter__leftColumn__editIcon {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  color: #00a455;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.EditRequestAlter__leftColumn__row:hover .EditRequestAlter__leftColumn__editIcon,
.EditRequestAlter__leftColumn__block--backgroundHover:hover .EditRequestAlter__leftColumn__editIcon {
  cursor: pointer;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.EditRequestAlter__leftColumn__textWithSeparators {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 9px;
}
.EditRequestAlter__leftColumn__textWithSeparators__separator {
  width: 0;
  height: 100%;
  border-right: 1px solid #e8e8ea;
}
.EditRequestAlter__leftColumn__smallBoldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
}
.EditRequestAlter__leftColumn__boldLinkText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
}
.EditRequestAlter__leftColumn__boldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.EditRequestAlter__leftColumn__boldText--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EditRequestAlter__leftColumn__primaryText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #00a455;
}
.EditRequestAlter__leftColumn__greyText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  color: #71737f;
}
.EditRequestAlter__leftColumn__userName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EditRequestAlter__leftColumn__column {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 4px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #71737f;
}
.EditRequestAlter__leftColumn__column--colorOrigin {
  color: #00a455;
}
.EditRequestAlter__leftColumn__column--colorDestination {
  color: #ee4b19;
}
.EditRequestAlter__leftColumn__column__stringShorten {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.EditRequestAlter__leftColumn__row {
  display: grid;
  grid-template-columns: 40px auto;
  grid-auto-columns: minmax(32px, -webkit-min-content);
  grid-auto-columns: minmax(32px, min-content);
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 4.5px 30px 4.5px 16px;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  position: relative;
}
.EditRequestAlter__leftColumn__row--noteAndFlagsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  grid-gap: 0;
  padding-top: 16px;
}
.EditRequestAlter__leftColumn__row--margin {
  margin-bottom: 16px;
}
.EditRequestAlter__leftColumn__row--oneColumn {
  grid-template-columns: auto;
}
.EditRequestAlter__leftColumn__row--managerSelector .SelectList {
  width: 100%;
}
.EditRequestAlter__leftColumn__row--backgroundHover {
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  background: transparent;
}
.EditRequestAlter__leftColumn__row--backgroundHover:hover {
  background: #f2f4f6;
  cursor: pointer;
}
.EditRequestAlter__leftColumn__row--backgroundHover:hover .EditRequestAlter__leftColumn--backgroundHoverIcon {
  color: #12152a;
}
.EditRequestAlter__leftColumn__row__editBlock {
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 25px;
}
.EditRequestAlter__leftColumn__row__icon--colorOrigin {
  color: #00a455;
}
.EditRequestAlter__leftColumn__row__icon--colorDestination {
  color: #ee4b19;
}
.EditRequestAlter__leftColumn__row--noPadding {
  padding: 0;
}
.EditRequestAlter__leftColumn__row--simple {
  grid-template-columns: unset;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-gap: 9px;
  padding: 4.5px 0;
}
.EditRequestAlter__leftColumn__row--editRow {
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.EditRequestAlter__leftColumn__row--editRow:hover {
  background: #f2f4f6;
}
.EditRequestAlter__leftColumn__row--editRow .SvgIcon {
  color: #12152a;
}
.EditRequestAlter__leftColumn__row--editMode {
  color: #12152a;
}
.EditRequestAlter__leftColumn__row--2columns {
  grid-template-columns: 1fr 1fr;
}
.EditRequestAlter__leftColumn__row--noLeftIcon {
  grid-template-columns: auto;
}
.EditRequestAlter__leftColumn__row .SvgIcon {
  justify-self: center;
  font-size: 18px;
}
.EditRequestAlter__leftColumn__row .UserInitialsAvatar {
  width: 40px;
  height: 40px;
}
.EditRequestAlter__leftColumn__2columnsInRow {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-template-columns: 2fr 1fr;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  gap: 3px;
}
.EditRequestAlter__leftColumn__2columnsInRow .DropdownPanel__heder {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.EditRequestAlter__leftColumn__2columnsInRow .DropdownPanel__heder__title {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.EditRequestAlter__leftColumn__2columnsInRow--edit {
  grid-template-columns: 3fr 2fr;
}
.EditRequestAlter__leftColumn__2columnsInRow__secondColumn {
  padding-left: 0;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.EditRequestAlter__leftColumn__2columnsInRow__secondColumn--edit {
  padding: 13px 16px 0;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.EditRequestAlter__leftColumn__2columnsInRow__firstColumn {
  width: 100%;
  overflow: hidden;
}
.EditRequestAlter__leftColumn__iconInCircle .Button {
  background: #f2f4f6;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, shadow 0.3s ease-in-out, color 0.3s ease-in-out;
  color: #a0a1aa;
}
.EditRequestAlter__leftColumn__iconInCircle .Button .SvgIcon {
  justify-self: center;
  font-size: 1em;
}
.EditRequestAlter__leftColumn__iconInCircle--primary .Button {
  background: #00a455;
}
.EditRequestAlter__leftColumn__iconInCircle--primary .Button .SvgIcon {
  color: #fff;
}
.EditRequestAlter__leftColumn__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  border-bottom: 1px solid #e8e8ea;
  grid-column-gap: 30px;
}
.EditRequestAlter__leftColumn__block .BlockWithTitle__inputRow {
  padding-left: calc(40px + 1.2em);
}
.EditRequestAlter__leftColumn__block .IconWithText {
  grid-template-columns: 40px auto;
}
.EditRequestAlter__leftColumn__block--noBorder {
  border: none;
}
.EditRequestAlter__leftColumn__block__bottomBlock {
  grid-template-columns: 1fr 1px 1fr;
  grid-gap: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.EditRequestAlter__leftColumn__block__bottomBlock .EditRequestAlter__leftColumn__block__column {
  padding: 9px 0 0;
}
.EditRequestAlter__leftColumn__block__bottomBlock .EditRequest__leftColumn__block {
  border-bottom: none;
  margin-bottom: auto;
}
.EditRequestAlter__leftColumn__block--oneColumn {
  grid-template-columns: auto;
}
.EditRequestAlter__leftColumn__block__column {
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
  grid-row-gap: 0;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.EditRequestAlter__leftColumn__block__column__separator {
  width: 1px;
  height: 100%;
  background-color: #e8e8ea;
}
.EditRequestAlter__leftColumn__block__column .EditRequest__leftColumn__block {
  border: none;
  padding: 0;
}
.EditRequestAlter__leftColumn__block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr -webkit-max-content 1fr;
  grid-template-columns: 1fr max-content 1fr;
  padding: 14px 16px 0px;
  gap: 16px;
}
.EditRequestAlter__leftColumn__block__header__leftColumn {
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 16px;
  padding: 0;
}
.EditRequestAlter__leftColumn__block__header__rightColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
}
.EditRequestAlter__leftColumn__block__text {
  display: grid;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.EditRequestAlter__leftColumn__block__text__green {
  color: #00a455;
  font-size: 13px;
  font-weight: 500;
  border: none;
  height: auto;
  width: auto;
  max-width: 170px;
}
.EditRequestAlter__leftColumn__block__text__green .SelectList__selectedValue {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 9px;
  padding: 0;
}
.EditRequestAlter__leftColumn__block__text__green .SelectList__selectedValue__text {
  cursor: pointer;
}
.EditRequestAlter__leftColumn__block__text__green .SelectList__button {
  position: relative;
  -webkit-transform: none;
          transform: none;
  top: auto;
  right: auto;
}
.EditRequestAlter__leftColumn__block__movesize {
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
  margin-top: 3px;
}
.EditRequestAlter__leftColumn__block--bottom {
  grid-template-columns: 1fr 1fr 1fr;
}
.EditRequestAlter__leftColumn__block--bottom .BlockWithTitle {
  padding: 16px;
}
.EditRequestAlter__leftColumn__block--bottom .BlockWithTitle .SvgIcon {
  justify-self: center;
}
.EditRequestAlter__leftColumn__block--bottom .EditRequest__leftColumn__row {
  padding: 9px 16px;
}
.EditRequestAlter__leftColumn__block--backgroundHover {
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  background: transparent;
  cursor: pointer;
}
.EditRequestAlter__leftColumn__block--backgroundHover:hover {
  background: #f2f4f6;
}
.EditRequestAlter__leftColumn__block--backgroundHover:hover .EditRequestAlter__leftColumn__iconInCircle .Button {
  background: #00a455;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.EditRequestAlter__leftColumn__block--backgroundHoverRight {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.EditRequestAlter__leftColumn__block--backgroundHoverLeft {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.EditRequestAlter__leftColumn__timeWindowInputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gris-template-rows: 100%;
  overflow: hidden;
  grid-gap: 0;
}
.EditRequestAlter__leftColumn__timeWindowInputs__left,
.EditRequestAlter__leftColumn__timeWindowInputs .Input__field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.EditRequestAlter__leftColumn__timeWindowInputs__right,
.EditRequestAlter__leftColumn__timeWindowInputs .Input__field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: translateX(-1);
          transform: translateX(-1);
}
.EditRequestAlter__leftColumn__timeWindowInputs .TimePicker,
.EditRequestAlter__leftColumn__timeWindowInputs .DurationPicker {
  width: 100%;
}
.EditRequestAlter__leftColumn__timeWindowInputs .Input__tag {
  text-align: center;
}
.EditRequestAlter__leftColumn__smallInput {
  width: 5em;
}
.EditRequestAlter__leftColumn__dropdownBody {
  padding: 16px;
  padding-left: 64px;
}
.EditRequestAlter__leftColumn__dropdownBody--smallPadding {
  padding-left: 16px;
}
.EditRequestAlter__rightColumn {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  background-color: #fff;
  z-index: 1;
  overflow: auto;
}
.EditRequestAlter__updateButton {
  position: fixed;
  bottom: 0;
  height: 86px;
  border-radius: 0;
  width: 707px;
  z-index: 2;
}
.EditRequestAlter .MovesizeBlock__description {
  padding-top: 0;
}
.EditRequestAlter .textDecorationNone {
  text-decoration: none;
}
.EditRequestAlter .EditRequest__leftColumn__greyText {
  font-size: 14px;
  font-weight: 400;
}
.EditRequestAlter .EditRequest__leftColumn__boldText {
  color: #71737f;
}
.EditRequestAlter .EditRequest__leftColumn__2columnsInRow {
  grid-template-columns: 2fr 1fr;
}
.EditRequestAlter .EditRequest__leftColumn__timeWindowInputs__left.Input--focused {
  z-index: 1;
}
.EditRequestAlter .EditRequest__leftColumn__timeWindowInputs__left .Input__field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.EditRequestAlter .EditRequest__leftColumn__timeWindowInputs__right .Input__field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: translateX(-1px);
          transform: translateX(-1px);
}
.EditRequestAlter .RequestGallery {
  min-height: unset;
}
.EditRequestAlter .RequestGallery__bigPreview {
  height: 300px;
  margin: auto;
}
.EditRequestAlter .RequestGallery__imageList {
  max-height: unset;
}
.EditRequestAlter .FlatRateEditors__optionsSelector,
.EditRequestAlter .LongDistanceEditors__optionsSelector {
  padding: 0 18px;
}

.RequestNotes {
  padding: 20px;
}
.RequestNotes .TabPane__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.RequestNotes--Mobile.RequestNotes .TabPane__tabs {
  gap: 4.444444444444445vw;
}
.RequestNotes__header {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}

.AddressOverviewAlter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 9px 20px 25px 16px;
  grid-column-gap: 16px;
}
.AddressOverviewAlter--disabled {
  pointer-events: none;
}
.AddressOverviewAlter__addItem {
  width: 100%;
}
.AddressOverviewAlter__addItem .Button {
  width: 100%;
}
.AddressOverviewAlter__addItem .Button__container {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.AddressOverviewAlter .IconWithText .SvgIcon {
  justify-self: center;
}
.AddressOverviewAlter .Input__field {
  padding-left: 14px;
  padding-right: 14px;
}
.AddressOverviewAlter .SelectList__selectedValue {
  padding-left: 14px;
}
.AddressOverviewAlter__link {
  text-decoration: none;
  color: #00a455;
  cursor: pointer;
  pointer-events: all;
}
.AddressOverviewAlter__smallBoldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
}
.AddressOverviewAlter__content {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 9px;
}
.AddressOverviewAlter__content__wrapper {
  display: grid;
  position: relative;
  grid-gap: 9px;
}
.AddressOverviewAlter__content__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-gap: 4px;
}
.AddressOverviewAlter__content__row--grayText {
  color: #71737f;
}
.AddressOverviewAlter__column {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 9px;
}
.AddressOverviewAlter__row {
  display: grid;
  grid-template-columns: auto 18px;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-gap: 25px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  font-weight: 500;
  padding-top: 4px;
}
.AddressOverviewAlter__row__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AddressOverviewAlter__row__icon .Button {
  height: 18px;
}
.AddressOverviewAlter__row__icon.SvgIcon {
  justify-self: center;
  font-size: 18px;
}
.AddressOverviewAlter__row__bigIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 38px;
  background-size: contain;
  background-position: center;
}
.AddressOverviewAlter__row__bigIcon--warehouse {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0yNC44ODA1IDEuODE3ODRMMjQuODc5MiAxLjgxODkxQzIyLjE1NjcgLTAuMDMyMzk3MiAxOC4yNzAxIDAuMTE5MjgzIDEzLjM4OTkgMi45MzY5NkM1Ljk5NDg5IDcuMjA2NDQgMCAxNS43NDQzIDAgMjIuMDA2OUwyOC4yMjAzIDM4LjQzNjFMNTIuNTk0NiAxNy44Nzg4TDI0Ljg4MDUgMS44MTc4NFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KICAgICAgICA8cGF0aCBkPSJNMTYuOTI5NyA0Ljk4MTc4QzIxLjQzNDkgMi4zODA3OCAyNS4wOTI1IDIuMDUzMDMgMjcuNzcgMy40NzQyMkwyNi43ODE0IDIuOTAxMzRMMjYuNzgwMSAyLjkwMjQyQzI0LjA1NzcgMS4wNTExMSAyMC4xNzEgMS4yMDI3OSAxNS4yOTA4IDQuMDIwMzZDNy44OTU3NyA4LjI5MDA1IDEuOTAwODggMTYuODI3OSAxLjkwMDg4IDIzLjA5MDVMMy41NDAwMyAyNC4wNDQ4QzMuNTQ0NTQgMTcuNzgyOCA5LjUzNzM5IDkuMjQ5NzYgMTYuOTI5NyA0Ljk4MTc4WiIgZmlsbD0iI0FCMkMzNyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yNC4zMDM4IDkuMjgzMjFDMjguODA4OSA2LjY4MjIgMzIuNDY2NSA2LjM1NDQ2IDM1LjE0NCA3Ljc3NTY1TDM0LjE1NTQgNy4yMDI3N0wzNC4xNTQxIDcuMjAzODRDMzEuNDMxNyA1LjM1MjY0IDI3LjU0NSA1LjUwNDMyIDIyLjY2NDggOC4zMjE4OUMxNS4yNjk4IDEyLjU5MTQgOS4yNzQ5IDIxLjEyOTQgOS4yNzQ5IDI3LjM5MTlMMTAuOTE0MSAyOC4zNDYyQzEwLjkxODYgMjIuMDg0MiAxNi45MTE0IDEzLjU1MTEgMjQuMzAzOCA5LjI4MzIxWiIgZmlsbD0iI0FCMkMzNyIvPgogICAgICAgIDxwYXRoIGQ9Ik0zMS42NzM4IDEzLjU2NUMzNi4xNzg5IDEwLjk2NCAzOS44MzY1IDEwLjYzNjMgNDIuNTE0IDEyLjA1NzVMNDEuNTI1NCAxMS40ODQ2TDQxLjUyNDEgMTEuNDg1N0MzOC44MDE3IDkuNjM0MzYgMzQuOTE1IDkuNzg2MDQgMzAuMDM0OCAxMi42MDM2QzIyLjYzOTggMTYuODczMyAxNi42NDUgMjUuNDExMiAxNi42NDUgMzEuNjczOEwxOC4yODQyIDMyLjYyOEMxOC4yODg2IDI2LjM2NjEgMjQuMjgxNSAxNy44MzMgMzEuNjczOCAxMy41NjVaIiBmaWxsPSIjQUIyQzM3Ii8+CiAgICAgICAgPHBhdGggZD0iTTM4Ljk1MDYgMTcuODEwMkM0My40NTU4IDE1LjIwOTEgNDcuMTEzNCAxNC44ODE0IDQ5Ljc5MDkgMTYuMzAyNkw0OC44MDIzIDE1LjcyOTdMNDguODAxIDE1LjczMDhDNDYuMDc4NiAxMy44Nzk1IDQyLjE5MTkgMTQuMDMxMiAzNy4zMTE3IDE2Ljg0ODdDMjkuOTE2OCAyMS4xMTg0IDIzLjkyMTkgMjkuNjU2MyAyMy45MjE5IDM1LjkxODlMMjUuNTYxIDM2Ljg3MzFDMjUuNTY1NCAzMC42MTEyIDMxLjU1ODQgMjIuMDc4MSAzOC45NTA2IDE3LjgxMDJaIiBmaWxsPSIjQUIyQzM3Ii8+CiAgICAgICAgPHBhdGggZD0iTTQxLjYxMDEgMTkuMzY2MUMzNC4yNzA1IDIzLjYwMzYgMjguMzEzMyAzMi4wNDQ1IDI4LjIyNDMgMzguMjkzN0wyOC4yMjI2IDM4LjI5NzlMMCAyMi4wMDY4VjM3LjA1ODdDMCAzOC4xMDkyIDAuNTYwNDIgMzkuMDc5OCAxLjQ3MDA3IDM5LjYwNUwyNi4xMzggNTMuODQ3QzI3LjQyNzkgNTQuNTkxOCAyOS4wMTcyIDU0LjU5MTYgMzAuMzA3IDUzLjg0NjhMNTMuNTMwMSA0MC40MzQ5QzU0LjQzOTcgMzkuOTA5NyA1NC45OTk5IDM4LjkzOTEgNTQuOTk5OSAzNy44ODg4VjIyLjk3NDdDNTUgMTYuNzEyMiA0OS4wMDUxIDE1LjA5NjUgNDEuNjEwMSAxOS4zNjYxWiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgogICAgICAgIDxwYXRoIGQ9Ik01My41MzAzIDM2LjkxMDJMMzAuMzA3MSA1MC4zMjE5QzI5LjAxNzMgNTEuMDY2OSAyNy40MjggNTEuMDY2OSAyNi4xMzggNTAuMzIyM0wxLjQ3MDA3IDM2LjA4MDNDMC41NjA0MiAzNS41NTUxIDAgMzQuNTg0NCAwIDMzLjUzMzlWMzcuMDU4OEMwIDM4LjEwOTIgMC41NjA0MiAzOS4wNzk5IDEuNDcwMDcgMzkuNjA1MUwyNi4xMzggNTMuODQ3MkMyNy40Mjc5IDU0LjU5MTggMjkuMDE3MiA1NC41OTE4IDMwLjMwNzEgNTMuODQ2OUw1My41MzAzIDQwLjQzNTFDNTQuNDM5OCAzOS45MDk5IDU1IDM4LjkzOTMgNTUgMzcuODg5VjM0LjM2NDJDNTUgMzUuNDE0NCA1NC40Mzk3IDM2LjM4NDkgNTMuNTMwMyAzNi45MTAyWiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyKSIvPgogICAgICAgIDxwYXRoIGQ9Ik0zOC4zODkyIDQ5LjE3NjRMNDguMDMwMiA0My42MTAxVjM0LjEwNzlMMzguMzg5MiAzOS42OTY1VjQ5LjE3NjRaIiBmaWxsPSIjNDMzODZCIi8+CiAgICAgICAgPHBhdGggZD0iTTguNTc3OTkgMzUuMTI1Mkw1LjQ4Nzc5IDMzLjM0ODNWMjguNTE3OEw4LjU3Nzk5IDMwLjMwOTJWMzUuMTI1MloiIGZpbGw9IiM0MzM4NkIiLz4KICAgICAgICA8cGF0aCBkPSJNMTkuOTAwMyA0MS43MzI4TDE2LjgxMDEgMzkuOTU1OFYzNS4xMjUyTDE5LjkwMDMgMzYuOTE2NlY0MS43MzI4WiIgZmlsbD0iIzQzMzg2QiIvPgogICAgICAgIDxwYXRoIGQ9Ik0zOC4zODkyIDM2LjgxNjZMNDEuNDc5NCAzNS4wMzk3VjMwLjIwOTJMMzguMzg5MiAzMi4wMDA1VjM2LjgxNjZaIiBmaWxsPSIjNDMzODZCIi8+CiAgICAgICAgPHBhdGggZD0iTTQ0LjkzOTkgMzMuMDI0OUw0OC4wMzAxIDMxLjI0NzlWMjYuNDE3NUw0NC45Mzk5IDI4LjIwODdWMzMuMDI0OVoiIGZpbGw9IiM0MzM4NkIiLz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjE3LjgzOTMiIHkxPSIzMi43MzU2IiB4Mj0iMzIuODEwNCIgeTI9IjYuODA0OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQUIyQzM3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC4yMDA3IiBzdG9wLWNvbG9yPSIjQjUyRjNCIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC41NDcxIiBzdG9wLWNvbG9yPSIjRDEzODQ2Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC45OTUyIiBzdG9wLWNvbG9yPSIjRkU0NzU3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNDc1NyIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iMjQuNTYwMSIgeTE9IjM1LjY5MjkiIHgyPSIyOC45NjgzIiB5Mj0iMzUuNjkyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQzVCQUVCIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q3RDFFQiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyIiB4MT0iMjUuMjU0MyIgeTE9IjQzLjk2OTgiIHgyPSIzMS40MzU3IiB5Mj0iNDMuOTY5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQUIyQzM3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC4yMDA3IiBzdG9wLWNvbG9yPSIjQjUyRjNCIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC41NDcxIiBzdG9wLWNvbG9yPSIjRDEzODQ2Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC45OTUyIiBzdG9wLWNvbG9yPSIjRkU0NzU3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNDc1NyIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMCI+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgZmlsbD0id2hpdGUiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgPC9kZWZzPgo8L3N2Zz4K);
}
.AddressOverviewAlter__row__bigIcon--truck {
  background-image: url(./images/c2b7a620522eb00726fe56cec667a073.svg);
}

.AddressEditorAlter--wrapper {
  position: relative;
}
.AddressEditorAlter__content {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
  grid-gap: 16px;
}
.AddressEditorAlter .AddressEditorAlter__wrapperContent {
  padding-left: 0;
}
.AddressEditorAlter__body {
  overflow-y: auto;
  display: grid;
  grid-row-gap: 6px;
}
.AddressEditorAlter__body__row {
  display: grid;
  grid-template-areas: 'address address apt' 'city state zip' 'floor floor floor';
  grid-column-gap: 6px;
}
.AddressEditorAlter__body__row--firstRow {
  grid-template-columns: auto auto 60px;
}
.AddressEditorAlter__body__row--secondRow {
  grid-template-columns: auto 76px 90px;
}
.AddressEditorAlter__body__row--thirdRow {
  grid-template-columns: 1fr;
}
.AddressEditorAlter__body__row--extraStop {
  grid-template-areas: 'address address address' 'city state zip' 'floor floor floor';
}
.AddressEditorAlter__inputBlock {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 9px;
}
.AddressEditorAlter__inputBlock--address {
  grid-area: address;
}
.AddressEditorAlter__inputBlock--apt {
  grid-area: apt;
}
.AddressEditorAlter__inputBlock--city {
  grid-area: city;
}
.AddressEditorAlter__inputBlock--state {
  grid-area: state;
}
.AddressEditorAlter__inputBlock--state .SelectList__selectedValue {
  grid-gap: 0;
}
.AddressEditorAlter__inputBlock--zip {
  grid-area: zip;
}
.AddressEditorAlter__inputBlock--floor {
  grid-area: floor;
}
.AddressEditorAlter__inputBlock--type {
  grid-area: type;
}
.AddressEditorAlter__inputBlock__padding {
  margin-left: calc(16px + 1.2em);
}
.AddressEditorAlter__inputBlock .Input,
.AddressEditorAlter__inputBlock .AddressInput,
.AddressEditorAlter__inputBlock .SelectList {
  width: 100%;
}
.AddressEditorAlter__inputBlock .Input--valid,
.AddressEditorAlter__inputBlock .AddressInput--valid,
.AddressEditorAlter__inputBlock .SelectList--valid {
  border-color: #e8e8ea;
}
.AddressEditorAlter__footer .Button {
  width: 100%;
}
.AddressEditorAlter .AddressEditorAlter__ODMapButton {
  height: 40px;
  border-radius: 20px;
}
.AddressEditorAlter__topRight {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 12px;
}
.AddressEditorAlter__topRight--greenText {
  color: #00a455;
  font-weight: 500;
  cursor: default;
}
.AddressEditorAlterTooltip {
  width: 265px !important;
}

.LeadSourceModal__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 13px 16px;
  cursor: pointer;
  -webkit-transition-duration: $transitionDuration;
          transition-duration: $transitionDuration;
  color: #71737f;
}
.LeadSourceModal__item .SvgIcon {
  width: 14px;
  height: 14px;
  color: #00a455;
  opacity: 0;
}
.LeadSourceModal__item--selected {
  color: #12152a;
}
.LeadSourceModal__item--selected .SvgIcon {
  opacity: 1;
}
.LeadSourceModal__item:hover {
  color: #12152a;
  background-color: #f2f4f6;
}
.LeadSourceModal__modal {
  width: 312px;
}
.LeadSourceModal__toggleButton {
  padding-left: calc(16px + 1.2em);
  margin-top: 16px;
}
.LeadSourceModal__buttons {
  padding: 13px 16px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

.SmallClientEditor__twoInputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}
.SmallClientEditor__input {
  width: 100%;
}


.EditRequestLegacy {
  display: grid;
  grid-template-columns: 100%;
  justify-items: center;
  background-color: #12152a;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.EditRequestLegacy__tabIcon {
  position: absolute;
  top: 0;
  right: -14px;
  color: #00a455;
  width: 18px;
  height: 18px;
}
.EditRequestLegacy__tabDescription {
  position: absolute;
  top: 0;
  left: -14px;
  color: #71737f;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
}
.EditRequestLegacy__updateButton {
  position: absolute;
}
.EditRequestLegacy__tabPane {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  overflow: hidden;
}
.EditRequestLegacy__tabPane__views {
  overflow-y: auto;
}
.EditRequestLegacy__tabPane__views--withScroll {
  height: calc(100vh - 169px);
}
.EditRequestLegacy__additionalButtons {
  height: 56px;
  position: absolute;
  right: 0;
  padding: 0 25px;
  top: 75px;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
}
.EditRequestLegacy__notification {
  top: 16px;
  right: -2px;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00a455;
}
.EditRequestLegacy__notification--negative {
  background: #ee4b19;
}
.EditRequestLegacy__managerSelector {
  width: 213px;
  color: #71737f;
}
.EditRequestLegacy__paper {
  position: relative;
  width: 100%;
  max-width: 1300px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 75px;
  color: #12152a;
  border-radius: 8px;
}
.EditRequestLegacy__header {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: auto -webkit-max-content;
  grid-auto-columns: auto max-content;
  overflow: hidden;
  grid-column-gap: 16px;
  padding: 0 28px;
  padding-right: 10px;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.EditRequestLegacy__header__infoBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.EditRequestLegacy__header__infoBlock > * {
  margin-right: 32px;
}
.EditRequestLegacy__header__infoBlock__noShrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.EditRequestLegacy__header__infoBlock__text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.EditRequestLegacy__header__controls {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 75px;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.EditRequestLegacy__header__controls__modalButtons > .Button {
  border: none;
}
.EditRequestLegacy__header__controls__modalButtons > .Button .Button__icon {
  width: 15px;
  height: 15px;
}
.EditRequestLegacy__header__clientName {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EditRequestLegacy__highlightedTab {
  color: #008d49;
}

.LegacyRequestTab {
  position: relative;
  background-color: #f2f4f6;
  min-height: 100%;
}
.LegacyRequestTab__statusRow {
  height: 42px;
}
.LegacyRequestTab__serviceTypeSelector {
  height: 44px;
  width: 177px;
}
.LegacyRequestTab__movesizeBlock {
  width: 100%;
  padding: 22px 30px;
  padding-right: 35px;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 15px;
}
.LegacyRequestTab__movesizeBlock--disabled {
  pointer-events: none;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.LegacyRequestTab__movesizeBlock--noIcon {
  grid-template-columns: auto;
}
.LegacyRequestTab__movesizeBlock__icon {
  background: #f2f4f6;
  color: #12152a;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.05);
          box-shadow: inset 0px -1px 0px rgba(0,0,0,0.05);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.LegacyRequestTab__movesizeBlock__icon--inventory {
  background: #00a455;
  color: #fff;
}
.LegacyRequestTab__movesizeBlock__icon__svg {
  width: 18px;
  height: 18px;
}
.LegacyRequestTab__movesizeBlock__text {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 2px;
}
.LegacyRequestTab__movesizeBlock__movesizeName {
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
}
.LegacyRequestTab__movesizeBlock__description {
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
}
.LegacyRequestTab__movesizeBlock__selectList {
  width: 100%;
}
.LegacyRequestTab .LegacyRequestTab__costExplanationRow {
  padding: 14px 35px;
}
.LegacyRequestTab .LegacyRequestTab__costExplanationRow:nth-child(odd):not(:last-child) {
  background-color: #f2f4f6;
}
.LegacyRequestTab .LegacyRequestTab__costExplanationRow__editIcon {
  display: none;
}
.LegacyRequestTab__borderedBottom {
  border-bottom: 1px solid #e8e8ea;
}
.LegacyRequestTab__separator {
  width: 100%;
  height: 0;
  border-bottom: 1px solid #e8e8ea;
}
.LegacyRequestTab__deliveryStatusToggle {
  position: absolute;
  top: 4px;
  left: 0;
  width: 250px;
}
.LegacyRequestTab__bottomPart {
  padding: 20px 13px;
  display: grid;
  grid-template-columns: auto 384px;
  grid-column-gap: 27px;
  grid-row-gap: 9px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.LegacyRequestTab__bottomPart__row {
  grid-column: span 2;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content auto;
  grid-template-columns: max-content max-content max-content auto;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 9px;
}
.LegacyRequestTab__bottomPart__footer {
  padding-left: 60px;
  display: grid;
  grid-column: span 2;
  grid-auto-columns: 230px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 100%;
  grid-column-gap: 30px;
  height: 100px;
  background-color: #fff;
}
.LegacyRequestTab__bottomPart__footer__boldText {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.LegacyRequestTab__bottomPart__footer__block {
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-column-gap: 30px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  background: transparent;
  cursor: pointer;
}
.LegacyRequestTab__bottomPart__footer__block:hover {
  background: #f2f4f6;
}
.LegacyRequestTab__bottomPart__footer__block:hover .LegacyRequestTab__bottomPart__iconInCircle .Button {
  background: #00a455;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.LegacyRequestTab__bottomPart__footer .BlockWithTitle {
  padding: 16px;
}
.LegacyRequestTab__bottomPart__footer .BlockWithTitle .SvgIcon {
  justify-self: center;
}
.LegacyRequestTab__bottomPart__column {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 50px;
}
.LegacyRequestTab__bottomPart__paper {
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  background-color: #fff;
  border-radius: 10px;
  padding: 9px;
}
.LegacyRequestTab__bottomPart__paper--right {
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
}
.LegacyRequestTab__additionalButtons {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 17px;
  padding-left: 32px;
}
.LegacyRequestTab__additionalButtons__button {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
          box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
}
.LegacyRequestTab__additionalButtons__button:hover {
  background-color: #fff;
}
.LegacyRequestTab__updateRequestButton {
  padding: 0 62px;
}

.RequestFieldsEditor {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.RequestFieldsEditor__inputRateBig {
  width: 7em;
}
.RequestFieldsEditor__blockWithTitle {
  font-size: 13px;
  height: 100%;
}
.RequestFieldsEditor__deliveryWindowEnd {
  min-width: 150px;
}
.RequestFieldsEditor__homeEstimateDateEditor {
  min-width: 200px;
}
.RequestFieldsEditor__row {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  padding: 0 12px;
  padding-top: 9px;
  border-bottom: 1px solid #e8e8ea;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.RequestFieldsEditor__row:last-child {
  border-bottom: none;
}
.RequestFieldsEditor__row--gray {
  background-color: #f2f4f6;
}
.RequestFieldsEditor__row__inTransit {
  display: grid;
  grid-auto-flow: row;
  color: #71737f;
}
.RequestFieldsEditor__row__inTransit__big {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.RequestFieldsEditor__inputLeft.Input--focused {
  z-index: 1;
}
.RequestFieldsEditor__inputLeft .Input__field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.RequestFieldsEditor__inputRight .Input__field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: translateX(-1px);
          transform: translateX(-1px);
}
.RequestFieldsEditor__deliveryStartTime {
  min-width: 150px;
}
.RequestFieldsEditor__deliveryDays {
  min-width: 112px;
}
.RequestFieldsEditor__deliveryDays__input {
  width: 90px;
}

.RequestOverview {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 12px;
  padding: 9px 40px;
}
.RequestOverview__separator {
  width: 100%;
  height: 0;
  border-bottom: 1px solid #e8e8ea;
}
.RequestOverview__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 70px;
  grid-row-gap: 6px;
}
.RequestOverview__row--2sides {
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.RequestOverview__row--1col {
  grid-template-columns: 100%;
}
.RequestOverview__grid {
  display: grid;
  grid-template-columns: minmax(auto, 30%) auto;
  grid-column-gap: 24px;
  grid-row-gap: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RequestOverview__grid--1col {
  grid-template-columns: 100%;
}
.RequestOverview__grid--services {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.RequestOverview__grid--serviceTotal {
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  grid-column: 3/span 2;
}
.RequestOverview__boldText {
  font-weight: 700;
}
.RequestOverview__boldestText {
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
}
.RequestOverview__textEllips {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ClosingControls {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  justify-items: center;
  grid-row-gap: 27px;
}
.ClosingControls--Mobile {
  grid-row-gap: 2.777777777777778vmin;
}
.ClosingControls__button {
  width: 243px;
}
.ClosingControls--Mobile .ClosingControls__button {
  width: 67.5vmin;
}
.ClosingControls__toggleForceSales {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content 1fr;
  grid-template-columns: 1fr max-content 1fr;
  grid-column-gap: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.ClosingControls--Mobile .ClosingControls__toggleForceSales {
  grid-column-gap: 7.777777777777778vmin;
  margin-bottom: 0;
}
.ClosingControls__toggleForceSales__option {
  font-weight: 600;
  font-size: 21px;
  line-height: 27px;
}
.ClosingControls--Mobile .ClosingControls__toggleForceSales__option {
  font-size: 5.833333333333333vmin;
  line-height: 7.5vmin;
}
.ClosingControls__toggleForceSales__option--inactive {
  color: #71737f;
  font-weight: 400;
}
.ClosingControls__toggleForceSales__option--left {
  text-align: right;
}

.RequestPayrollModal {
  width: 900px;
}
.RequestPayroll {
  background-color: #f2f4f6;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 20px;
}
.RequestPayroll__userSelector {
  width: 100%;
  height: 36px;
  border-radius: 0;
  background-color: #12152a;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
}
.RequestPayroll__controls {
  background-color: #fff;
  height: 56px;
  padding: 0 25px;
  display: grid;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 11px;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  grid-auto-flow: column;
}
.RequestPayroll__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 15px;
  padding: 0 20px;
}
.RequestPayroll__footer__bold {
  font-weight: 900;
}
.RequestPayroll__payrolls {
  padding: 0 20px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 10px;
}
.RequestPayroll__payroll {
  background: #eef0f1;
  -webkit-box-shadow: 0 2px 3px 3px rgba(0,0,0,0.1);
          box-shadow: 0 2px 3px 3px rgba(0,0,0,0.1);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.RequestPayroll__payroll__input {
  width: 100%;
}
.RequestPayroll__payroll__headerButton {
  width: 36px;
  height: 36px;
  border-radius: 0;
  border: none;
}
.RequestPayroll__payroll__headerButton--cancel {
  background-color: #d9dadd;
}
.RequestPayroll__payroll__headerCell {
  font-weight: 500;
  font-size: 12px;
  color: #71737f;
  overflow: hidden;
}
.RequestPayroll__payroll__headerCell--title {
  color: #12152a;
}
.RequestPayroll__payroll__headerCell--controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.RequestPayroll__payroll__valuesCell {
  overflow: hidden;
}
.RequestPayroll__payroll__valuesCell--controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 16px;
}
.RequestPayroll__payroll__row {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  grid-column-gap: 16px;
  padding-left: 16px;
  background-color: #fff;
  border-bottom: 1px solid #f2f4f6;
}
.RequestPayroll__payroll__row--footer {
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: unset;
  height: 36px;
  padding: 16px;
}
.RequestPayroll__payroll__row--header {
  height: 36px;
  background-color: unset;
  border-bottom: unset;
}
.RequestPayroll__payroll__total {
  font-weight: 900;
  font-size: 13px;
}

.EditRequestDetailsEditor {
  width: 100%;
}

.TemplateSelector__modal.ModalInstance--Desktop {
  width: 600px;
}
.TemplateSelector {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.TemplateSelector__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  padding: 5px 16px;
  border-bottom: 1px solid #e8e8ea;
  height: 64px;
  overflow: hidden;
}
.TemplateSelector--Mobile .TemplateSelector__row {
  grid-column-gap: 4.444444444444445vw;
  padding: 1.388888888888889vw 4.444444444444445vw;
  border-bottom-width: 0.277777777777778vw;
  height: 17.77777777777778vw;
}
.TemplateSelector__row__name {
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TemplateSelector__controls {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}
.TemplateSelector--Mobile .TemplateSelector__controls {
  grid-column-gap: 6.944444444444445vw;
  padding: 4.444444444444445vw;
}

.EditRequestMobile {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.EditRequestMobile .EditRequestMobile__inventory {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.EditRequestMobile__contractIframe {
  width: 100%;
  height: 100%;
  border: none;
}
.EditRequestMobile__scroll {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  overflow: auto;
  position: relative;
}
.EditRequestMobile__fieldEditor {
  z-index: 2;
}
.EditRequestMobile__tabPane {
  display: grid;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  grid-template-columns: 100%;
}
.EditRequestMobile--Mobile .EditRequestMobile__tabPane > .EditRequestMobile__tabPane__tabs {
  padding: 0 4.444444444444445vw;
  grid-column-gap: 6.944444444444445vw;
  overflow-x: auto;
  padding-bottom: 0.277777777777778vw;
}
.EditRequestMobile__header {
  height: 65px;
  background-color: #12152a;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 9px;
  color: #fff;
}
.EditRequestMobile--Mobile .EditRequestMobile__header {
  height: 18.055555555555557vw;
  grid-column-gap: 4.444444444444445vw;
  padding: 0 2.5vw;
}
.EditRequestMobile__header__twoRows {
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.EditRequestMobile--Mobile .EditRequestMobile__header__twoRows {
  font-size: 4.166666666666667vw;
  line-height: 6.111111111111111vw;
}
.EditRequestMobile__header__serviceTypeSelectList {
  background-color: transparent;
}

.RequestInventoryMobile {
  width: 100%;
  background-color: #f2f4f6;
  position: relative;
  display: grid;
  grid-template-rows: 100%;
  height: 100%;
  overflow: hidden;
}
.RequestInventoryMobile__roomsListScreen {
  width: 100%;
  height: 100%;
  background-color: #f2f4f6;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.RequestInventoryMobile__roomsListScreen__header {
  background-color: #12152a;
  height: 18.055555555555557vw;
  color: #fff;
  display: grid;
  grid-template-columns: -webkit-min-content auto auto;
  grid-template-columns: min-content auto auto;
  padding-left: 3.888888888888889vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4.166666666666667vw;
  font-weight: 600;
  grid-gap: 3.333333333333333vw;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__roomsListScreen__header {
  height: 0.8in;
  padding-left: 0.2in;
  font-size: 0.2in;
  grid-gap: 0.2in;
}
.RequestInventoryMobile__roomsListScreen__header .ToggleButton--true {
  color: #fff;
}
.RequestInventoryMobile__roomsListScreen__body {
  display: grid;
  overflow: hidden;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
}
.RequestInventoryMobile__roomsListScreen__body .MyInventoryPreviewBlock {
  width: 100%;
  position: sticky;
  height: 18.055555555555557vw;
  bottom: 0;
  left: 0;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__roomsListScreen__body .MyInventoryPreviewBlock {
  height: 1in;
}
.RequestInventoryMobile__roomsListScreen__roomList {
  overflow-y: auto;
  display: grid;
  grid-row-gap: 3.888888888888889vw;
  padding: 7.5vw 4.722222222222222vw;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__roomsListScreen__roomList {
  padding: 0.2in;
  grid-row-gap: 0.2in;
}
.RequestInventoryMobile__roomsListScreen__roomList__link {
  text-decoration: none;
}
.RequestInventoryMobile__itemsPanelMobile {
  width: 100%;
  height: 100%;
  background-color: #f2f4f6;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.RequestInventoryMobile__itemsPanelMobile__search {
  position: relative;
  margin-left: 3.333333333333333vw;
  margin-right: 5vw;
  margin-top: 3.333333333333333vw;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__itemsPanelMobile__search {
  margin-left: 0.1in;
  margin-right: 0.1in;
  margin-top: 0.1in;
}
.RequestInventoryMobile__itemsPanelMobile__search .SvgIcon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 2.5vw;
  width: 3.888888888888889vw;
  height: 100%;
  z-index: 1;
  color: #71737f;
}
.RequestInventoryMobile--Tablet.RequestInventoryMobile__itemsPanelMobile__search .SvgIcon {
  left: 0.15in;
  width: 0.3in;
}
.RequestInventoryMobile__itemsPanelMobile__search .Input {
  width: 100%;
}
.RequestInventoryMobile--Tablet.RequestInventoryMobile__itemsPanelMobile__search .Input {
  height: 0.6in;
  font-size: 0.2in;
  line-height: 1em;
}
.RequestInventoryMobile__itemsPanelMobile__search .Input__tag {
  padding-left: 8.88888888888889vw;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__itemsPanelMobile__search .Input__tag {
  padding-left: 0.6in;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__itemsPanelMobile__search .Input__tag::-webkit-input-placeholder {
  font-size: 0.2in;
  line-height: 1em;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__itemsPanelMobile__search .Input__tag::-moz-placeholder {
  font-size: 0.2in;
  line-height: 1em;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__itemsPanelMobile__search .Input__tag::-ms-input-placeholder {
  font-size: 0.2in;
  line-height: 1em;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__itemsPanelMobile__search .Input__tag::placeholder {
  font-size: 0.2in;
  line-height: 1em;
}
.RequestInventoryMobile__itemsPanelMobile__header {
  background-color: #fff;
  color: #fff;
  border-bottom: 0.277777777777778vw solid #e8e8ea;
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  padding-left: 3.888888888888889vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestInventoryMobile--Tablet .RequestInventoryMobile__itemsPanelMobile__header {
  padding-left: 0.3in;
}
.RequestInventoryMobile__itemsPanelMobile__header .InventoryRequestRoomPreviewCard.InventoryRequestRoomPreviewCard--Mobile {
  grid-template-areas: "picture title" "picture info";
  grid-template-columns: 12.222222222222221vw auto -webkit-min-content;
  grid-template-columns: 12.222222222222221vw auto min-content;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.RequestInventoryMobile__itemsPanelMobile__header .InventoryRequestRoomPreviewCard.InventoryRequestRoomPreviewCard--Tablet {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0.1in;
}
.RequestInventoryMobile__itemsPanelMobile__header .InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__title {
  font-size: 0.2in;
}
.RequestInventoryMobile__itemsPanelMobile__header .InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__info {
  font-size: 0.2in;
}
.RequestInventoryMobile__itemsPanelMobile__header .InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__image {
  width: 0.5in;
  height: 0.5in;
}
.RequestInventoryMobile__itemsPanelMobile__header .InventoryRequestRoomPreviewCard--Mobile .InventoryRequestRoomPreviewCard__iconRight {
  display: none;
}
.RequestInventoryMobile__itemsPanelMobile__header .InventoryRequestRoomPreviewCard--Tablet .InventoryRequestRoomPreviewCard__iconRight {
  display: none;
}
.RequestInventoryMobile__itemsPanelMobile__body {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
  overflow: hidden;
}
.RequestInventoryMobile__itemsPanelMobile__body .RequestInventoryItemsPanel {
  height: auto;
}
.RequestInventoryMobile__itemsPanelMobile__body__tabsScroller {
  overflow-x: auto;
  background-color: #fff;
}
.RequestInventoryMobile__itemsPanelMobile__body__tabsScroller .TabPane {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
}
.RequestInventoryMobile__itemsPanelMobile__body__tabsScroller .TabPane--themeBordered .TabPane__tabs {
  border-bottom-color: transparent;
}
.RequestInventoryMobile__itemsPanelMobile__body__tabsBackground {
  background-color: #fff;
}
.MyInventoryBody {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  overflow: hidden;
}
.MyInventoryBody .MyInventoryPreviewBlock {
  border-radius: 0;
}
.MyInventoryPreviewBlock {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  height: 18.055555555555557vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  background-color: #12152a;
  color: #fff;
  font-weight: 600;
  font-size: 3.611111111111111vw;
  padding: 0 3.888888888888889vw;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  overflow: hidden;
  grid-row-gap: 1.666666666666667vw;
  grid-column-gap: 4.444444444444445vw;
  border-top-left-radius: 2.222222222222222vw;
  border-top-right-radius: 2.222222222222222vw;
}
.MyInventoryPreviewBlock--Tablet {
  height: 1in;
  font-size: 0.2in;
  padding: 0.25in;
  grid-row-gap: 0.2in;
  grid-column-gap: 0.4in;
  border-top-left-radius: 0.3in;
  border-top-right-radius: 0.3in;
}
.MyInventoryPreviewBlock--selected {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.MyInventoryPreviewBlock__content {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -webkit-column-gap: 0.833333333333333vw;
     -moz-column-gap: 0.833333333333333vw;
          column-gap: 0.833333333333333vw;
}
.MyInventoryPreviewBlock--Tablet .MyInventoryPreviewBlock__content {
  -webkit-column-gap: 0.2in;
     -moz-column-gap: 0.2in;
          column-gap: 0.2in;
  row-gap: 0.15in;
}
.MyInventoryPreviewBlock__title {
  font-size: 4.166666666666667vw;
  grid-column: span 2;
}
.MyInventoryPreviewBlock--Tablet .MyInventoryPreviewBlock__title {
  font-size: 0.25in;
}

.MobileRequestTab {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  padding: 12px 0;
}
.MobileRequestTab--Mobile {
  padding: 3.333333333333333vw 0;
  padding-bottom: 0;
}
.MobileRequestTab .MobileRequestTab__statusRow {
  height: 13.88888888888889vw;
  justify-items: center;
  margin-top: 5vw;
}
.MobileRequestTab .MobileRequestTab__statusRow__selectList {
  width: 92.5vw;
  border-radius: 2.222222222222222vw;
}
.MobileRequestTab .MobileRequestTab__AddressOverviewTitleRow {
  padding-left: 2.777777777777778vw;
}
.MobileRequestTab__updateRequestButton {
  position: sticky;
  bottom: 0;
  width: 100%;
  border-radius: 0;
}
.MobileRequestTab__iconButton {
  width: 40px;
  height: 40px;
}
.MobileRequestTab--Mobile .MobileRequestTab__iconButton {
  width: 11.11111111111111vw;
  height: 11.11111111111111vw;
}
.MobileRequestTab .MobileRequestTab__link {
  color: #00a455;
  text-decoration: none;
}
.MobileRequestTab__linkToFieldEditor {
  text-decoration: none;
}
.MobileRequestTab__movesizeBlock {
  padding: 0;
}
.MobileRequestTab__movesizeBlock__row {
  padding: 5px 9px;
}
.MobileRequestTab--Mobile .MobileRequestTab__movesizeBlock__row {
  padding: 1.388888888888889vw 2.5vw;
}
.MobileRequestTab__additionalInfo {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 6px;
}
.MobileRequestTab--Mobile .MobileRequestTab__additionalInfo {
  grid-column-gap: 1.666666666666667vw;
}
.MobileRequestTab__additionalInfo__value {
  color: #12152a;
}
.MobileRequestTab__row {
  display: grid;
  padding: 0 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}
.MobileRequestTab--Mobile .MobileRequestTab__row {
  padding: 0 5.555555555555555vw;
  grid-column-gap: 5.555555555555555vw;
}
.MobileRequestTab__toggleButtonLeftIcon {
  padding: 5px 20px;
  grid-column-gap: 20px;
  height: unset;
}
.MobileRequestTab--Mobile .MobileRequestTab__toggleButtonLeftIcon {
  padding: 1.388888888888889vw 3.888888888888889vw;
  grid-column-gap: 3.333333333333333vw;
}
.MobileRequestTab__toggleButton {
  padding: 5px 20px;
  grid-column-gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: unset;
}
.MobileRequestTab--Mobile .MobileRequestTab__toggleButton {
  padding: 1.388888888888889vw 5.555555555555555vw;
  grid-column-gap: 5.555555555555555vw;
}
.MobileRequestTab__separator {
  width: 100%;
  height: 0;
  border-bottom: 1px solid #f2f4f6;
  margin: 13px 0;
}
.MobileRequestTab--Mobile .MobileRequestTab__separator {
  border-bottom-width: 0.277777777777778vw;
  margin: 3.611111111111111vw 0;
}
.MobileRequestTab__separator--invisible {
  border-bottom: none;
}
.MobileRequestTab__separator--semi {
  margin: 6px 0;
}
.MobileRequestTab--Mobile .MobileRequestTab__separator--semi {
  margin: 1.666666666666667vw 0;
}
.MobileRequestTab__group {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
}
.MobileRequestTab__iconWithText {
  padding: 5px 20px;
  grid-column-gap: 20px;
  color: #71737f;
}
.MobileRequestTab--Mobile .MobileRequestTab__iconWithText {
  padding: 1.388888888888889vw 5.555555555555555vw;
  grid-column-gap: 5.555555555555555vw;
}
.MobileRequestTab__iconWithText--noXPadding {
  padding-left: 0;
  padding-right: 0;
}
.MobileRequestTab--Mobile .MobileRequestTab__iconWithText--noXPadding {
  padding-left: 0;
  padding-right: 0;
}
.MobileRequestTab__iconWithText--noPadding {
  padding: 0;
}
.MobileRequestTab--Mobile .MobileRequestTab__iconWithText--noPadding {
  padding: 0;
}
.MobileRequestTab__clientRow {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 14px;
  padding: 5px 9px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MobileRequestTab--Mobile .MobileRequestTab__clientRow {
  grid-column-gap: 3.888888888888889vw;
  padding: 1.388888888888889vw 2.5vw;
}
.MobileRequestTab__clientRow__button {
  width: 40px;
  height: 40px;
  border: none;
  background-color: #f2f4f6;
}
.MobileRequestTab--Mobile .MobileRequestTab__clientRow__button {
  width: 11.11111111111111vw;
  height: 11.11111111111111vw;
}
.MobileRequestTab__clientRow__button__icon {
  color: #71737f;
}
.MobileRequestTab__clientRow__button__icon:hover {
  color: #fff;
}
.MobileRequestTab__clientRow__avatar {
  width: 40px;
  height: 40px;
  border: none;
  background-color: #12152a;
  font-size: 13px;
}
.MobileRequestTab--Mobile .MobileRequestTab__clientRow__avatar {
  width: 11.11111111111111vw;
  height: 11.11111111111111vw;
  font-size: 3.611111111111111vw;
}
.MobileRequestTab__clientRow__column {
  display: grid;
  grid-auto-flow: row;
  height: 100%;
}
.MobileRequestTab__clientRow__boldText {
  font-weight: 500;
  line-height: 19px;
  font-size: 15px;
}
.MobileRequestTab--Mobile .MobileRequestTab__clientRow__boldText {
  line-height: 5.277777777777778vw;
  font-size: 4.166666666666667vw;
}
.MobileRequestTab__clientRow__description {
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  font-weight: 500;
}
.MobileRequestTab--Mobile .MobileRequestTab__clientRow__description {
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.MobileRequestTab__clientRow__description--thin {
  font-weight: 400;
}

.EditRequestMobileFieldEditor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  -ms-flex-line-pack: end;
      align-content: end;
  overflow: hidden;
  z-index: 2;
}
.EditRequestMobileFieldEditor--visible {
  background-color: rgba(0,0,0,0.3);
  pointer-events: all;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.EditRequestMobileFieldEditor__controls {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 12px 20px;
  border-top: 1px solid #e8e8ea;
}
.EditRequestMobileFieldEditor--Mobile .EditRequestMobileFieldEditor__controls {
  padding: 3.333333333333333vw 5.555555555555555vw;
  border-top-width: 0.277777777777778vw;
}
.EditRequestMobileFieldEditor__header {
  color: #6b6f7a;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid #e8e8ea;
}
.EditRequestMobileFieldEditor--Mobile .EditRequestMobileFieldEditor__header {
  font-size: 4.444444444444445vw;
  line-height: 4.444444444444445vw;
  padding: 4.444444444444445vw 5.555555555555555vw;
  border-bottom-width: 0.277777777777778vw;
}
.EditRequestMobileFieldEditor__body {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  justify-items: center;
  overflow: auto;
}
.EditRequestMobileFieldEditor__editor {
  max-height: 100%;
  overflow: hidden;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  background-color: #f2f4f6;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto -webkit-max-content;
  grid-template-rows: max-content auto max-content;
}
.EditRequestMobileFieldEditor--Mobile .EditRequestMobileFieldEditor__editor {
  border-top-left-radius: 2.222222222222222vw;
  border-top-right-radius: 2.222222222222222vw;
}
.EditRequestMobileFieldEditor--visible .EditRequestMobileFieldEditor__editor {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.EditRequestMobileFieldEditor__clickHandler {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.EditorTimeWindow {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.EditorRate {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorRate--Mobile {
  grid-column-gap: 2.777777777777778vw;
}

.EditorWorkTime {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorWorkTime--Mobile {
  grid-column-gap: 5.555555555555555vw;
}

.EditorTravelTime {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorTravelTime--Mobile {
  grid-column-gap: 5.555555555555555vw;
}

.EditorCrewSize {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorCrewSize--Mobile {
  grid-column-gap: 2.777777777777778vw;
}

.EditorMovesize {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
}
.EditorMovesize--Mobile {
  grid-column-gap: 2.777777777777778vw;
  padding: 3.333333333333333vw 5.555555555555555vw;
}

.EditorOriginAddress {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  grid-auto-flow: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorOriginAddress--Mobile {
  grid-column-gap: 2.777777777777778vw;
}
.EditorOriginAddress--extraStop {
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.EditorOriginAddress__row {
  padding: 0 16px;
  padding-bottom: 16px;
}
.EditorOriginAddress--Mobile .EditorOriginAddress__row {
  padding: 0 4.444444444444445vw;
  padding-bottom: 4.444444444444445vw;
}
.EditorOriginAddress__editor {
  width: 100%;
  overflow: hidden;
}
.EditorOriginAddress__editor__body {
  grid-template: "address address" "apt floor" "city state" "zip none";
}
.EditorOriginAddress__editor__body--extraStop {
  grid-template: "address address" "zip floor" "city state" "type type";
}

.EditorFlags {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}

.EditorReservation {
  padding: 8px 20px;
}
.EditorReservation--Mobile {
  padding: 2.222222222222222vw 5.555555555555555vw;
}

.EditorDiscount {
  padding: 8px 20px;
}
.EditorDiscount--Mobile {
  padding: 2.222222222222222vw 5.555555555555555vw;
}

.EditorFuel {
  padding: 8px 20px;
}
.EditorFuel--Mobile {
  padding: 2.222222222222222vw 5.555555555555555vw;
}

.EditorValuation {
  padding: 8px 20px;
}
.EditorValuation--Mobile {
  padding: 2.222222222222222vw 5.555555555555555vw;
}

.EditorExtraServices--Mobile .EditorExtraServices__addCustomServiceBtn.EditorExtraServices__addCustomServiceBtnForce {
  bottom: 24.166666666666668vw;
}

.RequestServicesEditor {
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.RequestServicesEditor--Mobile {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.RequestServicesEditor__addingModalBody {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content -webkit-max-content auto;
  grid-template-rows: max-content max-content auto;
  grid-row-gap: 15px;
  padding-left: 32px;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__addingModalBody {
  grid-row-gap: 4.166666666666667vw;
  padding-left: 8.88888888888889vw;
}
.RequestServicesEditor__addingModalBody__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__addingModalBody__row {
  grid-column-gap: 4.166666666666667vw;
}
.RequestServicesEditor__addingModalBody__row__input {
  width: 100%;
}
.RequestServicesEditor__addingModalBody__row__icon {
  color: #71737f;
}
.RequestServicesEditor__list {
  height: 100%;
  overflow: auto;
  padding-bottom: 100px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 21px;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__list {
  grid-row-gap: 5.833333333333333vw;
}
.RequestServicesEditor__addServiceButton {
  position: fixed;
  right: 16px;
  bottom: 23px;
  width: 50px;
  height: 50px;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__addServiceButton {
  right: 4.444444444444445vw;
  bottom: 6.388888888888889vw;
  width: 13.88888888888889vw;
  height: 13.88888888888889vw;
}
.RequestServicesEditor__row {
  background-color: #fff;
  border-bottom: 1px solid #e8e9eb;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content 1fr;
  grid-template-columns: 1fr max-content max-content max-content 1fr;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-row-gap: 18px;
  grid-column-gap: 10px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  padding-top: 12px;
  -webkit-box-shadow: 0 4px 3px 0 rgba(0,0,0,0.251);
          box-shadow: 0 4px 3px 0 rgba(0,0,0,0.251);
}
.RequestServicesEditor--Mobile .RequestServicesEditor__row {
  -webkit-box-shadow: 0 1.111111111111111vw 0.833333333333333vw 0 rgba(0,0,0,0.251);
          box-shadow: 0 1.111111111111111vw 0.833333333333333vw 0 rgba(0,0,0,0.251);
  border-bottom-width: 0.277777777777778vw;
  grid-row-gap: 5vw;
  grid-column-gap: 2.777777777777778vw;
  padding: 4.444444444444445vw;
  padding-top: 3.333333333333333vw;
}
.RequestServicesEditor__row--bigPlus {
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}
.RequestServicesEditor__row__bigPlus {
  grid-row: span 2;
}
.RequestServicesEditor__row__count {
  width: 32px;
  text-align: center;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__row__count {
  width: 8.88888888888889vw;
}
.RequestServicesEditor__row--bigPlus .RequestServicesEditor__row__count {
  display: none;
}
.RequestServicesEditor__row__name {
  grid-column: span 4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.RequestServicesEditor__row--bigPlus .RequestServicesEditor__row__name {
  grid-column: span 1;
}
.RequestServicesEditor__row__trash {
  justify-self: end;
  height: 18px;
  width: 18px;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__row__trash {
  height: 5vw;
  width: 5vw;
}
.RequestServicesEditor__row__trash__icon {
  width: 18px;
  height: 18px;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__row__trash__icon {
  width: 5vw;
  height: 5vw;
}
.RequestServicesEditor__row--bigPlus.RequestServicesEditor__row .RequestServicesEditor__row__countButton {
  display: none;
}
.RequestServicesEditor__row .RequestServicesEditor__row__countButton__icon,
.RequestServicesEditor__row .RequestServicesEditor__row__countButton__icon.RequestServicesEditor__row .RequestServicesEditor__row__countButton__iconForcing {
  width: 12px;
  height: 12px;
}
.RequestServicesEditor--Mobile .RequestServicesEditor__row .RequestServicesEditor__row__countButton__icon,
.RequestServicesEditor--Mobile .RequestServicesEditor__row .RequestServicesEditor__row__countButton__icon.RequestServicesEditor__row .RequestServicesEditor__row__countButton__iconForcing {
  width: 3.333333333333333vw;
  height: 3.333333333333333vw;
}
.RequestServicesEditor__row__total {
  justify-self: end;
  font-weight: 900;
  color: #00a455;
}
.RequestServicesEditor__row--bigPlus .RequestServicesEditor__row__total {
  display: none;
}

.EditorPacking--Mobile .EditorPacking__addCustomBtn.EditorPacking__addCustomBtnForce {
  bottom: 24.166666666666668vw;
}

.RequestPackingEditor {
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.RequestPackingEditor--Mobile {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.RequestPackingEditor__addingModalBody {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content -webkit-max-content auto;
  grid-template-rows: max-content max-content auto;
  grid-row-gap: 15px;
  padding-left: 32px;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__addingModalBody {
  grid-row-gap: 4.166666666666667vw;
  padding-left: 8.88888888888889vw;
}
.RequestPackingEditor__addingModalBody__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__addingModalBody__row {
  grid-column-gap: 4.166666666666667vw;
}
.RequestPackingEditor__addingModalBody__row__input {
  width: 100%;
}
.RequestPackingEditor__addingModalBody__row__icon {
  color: #71737f;
}
.RequestPackingEditor__list {
  height: 100%;
  overflow: auto;
  padding-bottom: 100px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 21px;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__list {
  grid-row-gap: 5.833333333333333vw;
}
.RequestPackingEditor__addPackingButton {
  position: fixed;
  right: 16px;
  bottom: 23px;
  width: 50px;
  height: 50px;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__addPackingButton {
  right: 4.444444444444445vw;
  bottom: 6.388888888888889vw;
  width: 13.88888888888889vw;
  height: 13.88888888888889vw;
}
.RequestPackingEditor__rowGroup {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  -webkit-box-shadow: 0 4px 3px 0 rgba(0,0,0,0.251);
          box-shadow: 0 4px 3px 0 rgba(0,0,0,0.251);
}
.RequestPackingEditor--Mobile .RequestPackingEditor__rowGroup {
  -webkit-box-shadow: 0 1.111111111111111vw 0.833333333333333vw 0 rgba(0,0,0,0.251);
          box-shadow: 0 1.111111111111111vw 0.833333333333333vw 0 rgba(0,0,0,0.251);
}
.RequestPackingEditor__row {
  background-color: #fff;
  border-bottom: 1px solid #e8e9eb;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content 1fr;
  grid-template-columns: 1fr max-content max-content max-content 1fr;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-row-gap: 18px;
  grid-column-gap: 10px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  padding-top: 12px;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__row {
  border-bottom-width: 0.277777777777778vw;
  grid-row-gap: 5vw;
  grid-column-gap: 2.777777777777778vw;
  padding: 4.444444444444445vw;
  padding-top: 3.333333333333333vw;
}
.RequestPackingEditor__row--labor {
  background: #f0f0f0;
}
.RequestPackingEditor__row--bigPlus {
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}
.RequestPackingEditor__row__bigPlus {
  grid-row: span 2;
}
.RequestPackingEditor__row__count {
  width: 32px;
  text-align: center;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__row__count {
  width: 8.88888888888889vw;
}
.RequestPackingEditor__row--bigPlus .RequestPackingEditor__row__count {
  display: none;
}
.RequestPackingEditor__row__name {
  grid-column: span 4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.RequestPackingEditor__row--bigPlus .RequestPackingEditor__row__name {
  grid-column: span 1;
}
.RequestPackingEditor__row__trash {
  justify-self: end;
  height: 18px;
  width: 18px;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__row__trash {
  height: 5vw;
  width: 5vw;
}
.RequestPackingEditor__row__trash__icon {
  width: 18px;
  height: 18px;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__row__trash__icon {
  width: 5vw;
  height: 5vw;
}
.RequestPackingEditor__row--bigPlus.RequestPackingEditor__row .RequestPackingEditor__row__countButton {
  display: none;
}
.RequestPackingEditor__row .RequestPackingEditor__row__countButton__icon,
.RequestPackingEditor__row .RequestPackingEditor__row__countButton__icon.RequestPackingEditor__row .RequestPackingEditor__row__countButton__iconForcing {
  width: 12px;
  height: 12px;
}
.RequestPackingEditor--Mobile .RequestPackingEditor__row .RequestPackingEditor__row__countButton__icon,
.RequestPackingEditor--Mobile .RequestPackingEditor__row .RequestPackingEditor__row__countButton__icon.RequestPackingEditor__row .RequestPackingEditor__row__countButton__iconForcing {
  width: 3.333333333333333vw;
  height: 3.333333333333333vw;
}
.RequestPackingEditor__row__total {
  justify-self: end;
  font-weight: 900;
  color: #00a455;
}
.RequestPackingEditor__row--bigPlus .RequestPackingEditor__row__total {
  display: none;
}

.EditorMinCbf {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorMinCbf--Mobile {
  grid-column-gap: 2.777777777777778vw;
}

.EditorMinTotalTime {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorMinTotalTime--Mobile {
  grid-column-gap: 5.555555555555555vw;
}

.EditorDeliverySchedule {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorDeliverySchedule--Mobile {
  grid-column-gap: 5.555555555555555vw;
}

.EditorDeliveryStartTime {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorDeliveryStartTime--Mobile {
  grid-column-gap: 5.555555555555555vw;
}

.EditorDeliveryTimeWindow {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorDeliveryTimeWindow--Mobile {
  grid-column-gap: 5.555555555555555vw;
}

.EditorPickupSchedule {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditorPickupSchedule--Mobile {
  grid-column-gap: 5.555555555555555vw;
}

.EditorTimeRange {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.EditorSourceLead {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
}
.EditorSourceLead--Mobile {
  grid-column-gap: 2.777777777777778vw;
  padding: 3.333333333333333vw 0;
}
.EditorSourceLead .EditorSourceLead__selectList {
  width: 256px;
}
.EditorSourceLead--Mobile.EditorSourceLead .EditorSourceLead__selectList {
  width: 71.11111111111111vw;
}

.EditRequestMain {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.EditRequestMain--Mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.EditRequestMain__loading {
  color: #a0a1aa;
  font-size: 25px;
}
.EditRequestMain__loadingLayer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  pointer-events: none;
}
.EditRequestMain__loadingLayer--visible {
  opacity: 1;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  pointer-events: all;
}
.EditRequestMain__loadingError {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #ee4b19;
  font-size: 25px;
}
.EditRequestMain__loadingError__message {
  font-size: 20px;
  margin-top: 16px;
}

.RequestContractEditorModal {
  width: 400px;
  height: 100%;
}
.RequestContractEditorModal__iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.RequestContractEditor.RequestContractEditor__MoverRequestContract {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.RequestFullScreenLayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
}
.RequestFullScreenLayer__flagsBlock {
  width: 100%;
  max-width: 1240px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  pointer-events: all;
}
.RequestFullScreenLayer__flagsBlock .RequestFullScreenLayer__flagsBlock__flag {
  margin-bottom: 0;
  height: 24px;
  margin-left: 16px;
  padding-left: 0;
  padding-right: 0;
}
.RequestFullScreenLayer__flagsBlock .RequestFullScreenLayer__flagsBlock__flag:hover {
  background: transparent;
  -webkit-filter: drop-shadow(0px 0px 3px #d0d0d4);
          filter: drop-shadow(0px 0px 3px #d0d0d4);
}
.RequestFullScreenLayer__flagsBlock .RequestFullScreenLayer__flagsBlock__addButtonContainer {
  margin-bottom: 0;
  height: 24px;
  margin-left: 16px;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
}
.RequestFullScreenLayer__flagsBlock .RequestFullScreenLayer__flagsBlock__addButtonContainer:hover {
  background: transparent;
}
.RequestFullScreenLayer__flagsBlock__addButtonIcon {
  width: 10px;
  height: 10px;
}
.RequestFullScreenLayer__flagsBlock .RequestFullScreenLayer__flagsBlock__addButton {
  font-size: 12px;
  height: 24px;
  background: transparent;
  border: 1px dashed #fff;
  width: unset;
}
.RequestFullScreenLayer__flagsBlock .RequestFullScreenLayer__flagsBlock__addButton:hover {
  background: transparent;
}
.RequestFullScreenLayer__openedRequestPlace {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  overflow: hidden;
  display: none;
  z-index: 1;
}
.RequestFullScreenLayer__openedRequestPlace--visible {
  display: grid;
  pointer-events: all;
}
.RequestFullScreenLayer__openedRequestPlace--noHeader {
  grid-template-rows: auto;
}
.RequestFullScreenLayer__openedRequestPlace--shadowed {
  background-color: rgba(0,0,0,0.627);
}
.RequestFullScreenLayer__openedRequestPlace--centered {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestFullScreenLayer__openedRequestPlace__header {
  height: 38px;
  background-color: #12152a;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  position: relative;
  color: #fff;
}
.RequestFullScreenLayer--Mobile .RequestFullScreenLayer__openedRequestPlace__header {
  height: 18.055555555555557vw;
  grid-column-gap: 4.444444444444445vw;
  padding: 0 4.444444444444445vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.RequestFullScreenLayer__openedRequestPlace__header__twoRows {
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.RequestFullScreenLayer--Mobile .RequestFullScreenLayer__openedRequestPlace__header__twoRows {
  font-size: 4.166666666666667vw;
  line-height: 6.111111111111111vw;
}
.RequestFullScreenLayer__openedRequestPlace__header__serviceTypeSelectList {
  background-color: transparent;
}
.RequestFullScreenLayer__openedRequestPlace__header__companyFlagsContainer {
  display: grid;
  grid-template-columns: 100%;
  justify-items: center;
  position: absolute;
  width: 100%;
  padding: 0 90px;
  pointer-events: none;
}
.RequestFullScreenLayer__openedRequestPlace__header__button {
  background-color: transparent;
  height: 20px;
  width: 20px;
}
.RequestFullScreenLayer--Mobile .RequestFullScreenLayer__openedRequestPlace__header__button {
  height: inherit;
  width: inherit;
}
.RequestFullScreenLayer__openedRequestPlace__header__button__icon {
  width: 10px;
  height: 10px;
}
.RequestFullScreenLayer--Mobile .RequestFullScreenLayer__openedRequestPlace__header__button__icon {
  height: inherit;
  width: inherit;
}
.RequestFullScreenLayer__tray {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: grid;
  grid-auto-columns: 240px;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-column-gap: 2px;
}
.RequestFullScreenLayer__tray__request {
  pointer-events: all;
  border: 1px solid #e8e8ea;
  background-color: #f2f4f6;
  display: grid;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  padding-right: 24px;
  padding-left: 11px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 15px;
  font-weight: 500;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  white-space: nowrap;
}
.RequestFullScreenLayer__tray__request--selected {
  background-color: #fff;
}
.RequestFullScreenLayer__tray__request__text {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2em;
}
.RequestFullScreenLayer__tray__request__text--small {
  font-size: 12px;
}
.RequestFullScreenLayer__tray__request__greenText {
  color: #00a455;
  font-size: 13px;
  line-height: 1.2em;
}
.RequestFullScreenLayer__tray__request .Button {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  grid-row: span 3;
}

.EditClient-module__EditClient--wL-ca {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
}
.EditClient-module__EditClient__header--VBtTq {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  background-color: #f2f4f6;
  padding: 18px;
  font-size: 14px;
  font-weight: 450;
  line-height: 18px;
}
.EditClient-module__EditClient__header__bigText--A8Udm {
  font-size: 20px;
  font-weight: 550;
  line-height: 32px;
}
.EditClient-module__EditClient__header__smallText--0F91W {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 6px;
  grid-row-gap: 14px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.EditClient-module__EditClient__header--VBtTq .EditClient-module__EditClient__header__circle--yTvyT {
  font-size: 5px;
  color: #afafaf;
}
.EditClient-module__EditClient--wL-ca .EditClient-module__EditClient__tabButtons--IUueG {
  background-color: #f2f4f6;
  padding: 0 18px;
  grid-column-gap: 18px;
}
.EditClient-module__EditClient--wL-ca .EditClient-module__EditClient__tabPane--8LNL9 {
  overflow: hidden;
  display: grid;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
}
.EditClient-module__EditClient--wL-ca .EditClient-module__EditClient__tabView--ZL-0F {
  height: 100%;
  overflow: auto;
}

.SuperTable__table {
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.SuperTable__thead {
  display: table-header-group;
}
.SuperTable__tbody {
  display: table-row-group;
}
.SuperTable__tr {
  display: table-row;
  border-bottom: 1px solid #e8e8ea;
}
.SuperTable__tr:first-child {
  border-bottom: none;
}
.SuperTable__td {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: background 50ms ease-in-out;
  transition: background 50ms ease-in-out;
}
.SuperTable__row {
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
  transition: -webkit-box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
  border-bottom: 1px solid #e9e9e9;
}
.SuperTable__header {
  height: 44px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  position: sticky;
  top: 0;
  background-color: #f8f8f9;
  border: none;
  z-index: 1;
  padding: 0 16px;
  white-space: nowrap;
  color: #71737f;
  text-transform: capitalize;
}
.SuperTable__cell {
  color: #4d4f5c;
  font-size: 14px;
  height: 65px;
  text-align: left;
  padding: 0 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: transparent;
}

.RequestList-module__RequestList__row--AwJkv:hover {
  background-color: #f2f4f6;
}

.StorageTenantsTable {
  background: #fff;
}

.HeaderCell-module__HeaderCell--h1\+xo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 500;
}
.HeaderCell-module__HeaderCell_centered--3lfZp {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.HeaderCell-module__HeaderCell__sorting--gh6VS {
  opacity: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgd2lkdGg9IjEwMCIKICAgaGVpZ2h0PSIxMDAiCiAgIHZpZXdCb3g9IjAgMCAxMDAgMTAwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4Ij4KICA8ZGVmcwogICAgIGlkPSJkZWZzMiIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8cGF0aAogICAgIGlkPSJwYXRoMzEiCiAgICAgZD0iTSA4LjA1MDg0NzksMjcuNTQyMzczIEggOTIuNzk2NjEgTCA1Mi4xMTg2NDQsNzkuNjYxMDE3IFoiCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: 40%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
  height: 10px;
  width: 20px;
}
.HeaderCell-module__HeaderCell__sorting_visible--4\+udQ {
  opacity: 1;
}
.HeaderCell-module__HeaderCell__sorting_rotated--WyRjs {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.IdCell-module__IdCell--n1crN {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.IdCell-module__IdCell__value--cgATo {
  font-weight: 700;
  text-align: center;
}

.MoveOutCell-module__MoveOutCell--4uJ87 {
  font-weight: 400;
}

.FromCell-module__FromCell--MzH2B {
  font-weight: 400;
}

.RateCell-module__RateCell--csD0p {
  font-weight: 400;
}

.LinkAsTr-module__LinkAsTr--UpkD4 {
  display: table-row;
  text-decoration: none;
  color: inherit;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.LinkAsTr-module__LinkAsTr_selected--td4wA {
  background: #f2f4f6;
}

.ClientLedger-module__ClientLedger--86zh6 {
  padding: 12px;
  background: #f2f4f6;
  overflow: auto;
  height: 100%;
}
.ClientLedger-module__ClientLedger--86zh6 > * {
  margin-bottom: 12px;
}

.ClientFieldsEditor-module__ClientFieldsEditor--pvRKr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 25px;
  padding: 16px;
}
.ClientFieldsEditor-module__ClientFieldsEditor_Mobile--1K3t6 .ClientFieldsEditor-module__ClientFieldsEditor--pvRKr {
  grid-gap: pxToVw(25px);
  padding: 0 pxToVw(16px);
}

.ComponentContainer-module__ComponentContainer--QTr7K {
  height: 80vh;
  max-height: 800px;
  width: 960px;
  max-width: 80vw;
  display: grid;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.149);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.149);
}
.ComponentContainer-module__ComponentContainer__header--8gYFt {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 12px;
  background-color: #f2f4f6;
  font-weight: 600;
  height: 34px;
}
.ComponentContainer-module__ComponentContainer__header__controls--PUeRa {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: 1fr -webkit-max-content;
  grid-auto-columns: 1fr max-content;
  grid-auto-flow: column;
  grid-column-gap: 0;
  margin-right: -8px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.ComponentContainer-module__ComponentContainer__header__controls--PUeRa .ComponentContainer-module__ComponentContainer__header__controls__buttonIcon--mrMut {
  width: 14px;
  height: 14px;
}

.Statistics {
  background-color: #f2f4f6;
  padding: 20px 30px;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-template-columns: [ start ] 1fr 1fr 1fr [ end ];
  grid-gap: 20px;
  -ms-flex-line-pack: start;
      align-content: start;
  grid-row-gap: 16px;
  height: 100%;
  overflow-y: auto;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.Statistics__twoColumns {
  grid-column: span 2;
}
.Statistics__fullRow {
  grid-column: start/end;
}
.Statistics__header {
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Statistics__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}
.Statistics__controls {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.StatisticsTable {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  border-radius: 8px;
}
.StatisticsTable__title {
  padding: 25px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}
.StatisticsTable__table {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  grid-auto-rows: 48px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StatisticsTable__table--source {
  grid-template-columns: 2fr repeat(6, 1fr) -webkit-max-content -webkit-max-content;
  grid-template-columns: 2fr repeat(6, 1fr) max-content max-content;
}
.StatisticsTable__table--serviceType {
  grid-template-columns: 2fr repeat(6, 1fr) 2fr;
}
.StatisticsTable__table--formType {
  grid-template-columns: 2fr repeat(6, 1fr) 2fr;
}
.StatisticsTable__table--manager {
  grid-template-columns: 2fr repeat(7, 1fr);
}
.StatisticsTable__table__header {
  color: #71737f;
  font-weight: 500;
  background-color: #f8f8f9;
  font-size: 12px;
  padding: 0 25px;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.StatisticsTable__table__header--lefted {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.StatisticsTable__table__cell {
  font-size: 13px;
  padding: 0 25px;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.StatisticsTable__table__cell--lefted {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.Dashboard {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.Dashboard__editRequest {
  z-index: 4;
}
.Dashboard__content {
  background-color: #f2f4f6;
  padding-left: 16px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content min-content min-content auto min-content;
  position: relative;
}
.Dashboard--Mobile .Dashboard__content {
  padding-left: 0;
}
.Dashboard__filtersSettings {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.Dashboard__filtersSettings .DropdownPanel {
  border-bottom: 1px solid #e8e8ea;
}
.Dashboard--Mobile .Dashboard__filtersSettings .DropdownPanel {
  border-bottom-width: 0.277777777777778vw;
  padding-left: 0;
}
.Dashboard__filtersSettings .DropdownPanel__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 18px;
  border-bottom: none;
}
.Dashboard--Mobile .Dashboard__filtersSettings .DropdownPanel__header {
  padding-left: 5vw;
}
.Dashboard__filtersSettings__header {
  background-color: #f2f4f6;
  height: 44px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 18px;
  padding-right: 9px;
  font-weight: 500;
}
.Dashboard--Mobile .Dashboard__filtersSettings__header {
  height: 12.222222222222221vw;
  padding-left: 5vw;
  padding-right: 2.5vw;
}
.Dashboard__filtersSettingsPlace.AnimatedAdding {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 310px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background-color: #fff;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Dashboard--Mobile .Dashboard__filtersSettingsPlace.AnimatedAdding {
  width: 86.11111111111111vw;
}
.Dashboard__filtersSettingsPlace.AnimatedAdding.AnimatedAdding--visible {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
}
.Dashboard__topPanel {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-column-gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 25px 16px 0;
}
.Dashboard--Mobile .Dashboard__topPanel {
  grid-column-gap: 6.944444444444445vw;
  padding: 4.444444444444445vw;
}
.Dashboard__topPanel__filter.Button {
  width: 69px;
  height: 100%;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
          box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.Dashboard--Mobile .Dashboard__topPanel__filter.Button {
  width: 11.11111111111111vw;
  height: 11.11111111111111vw;
}
.Dashboard__topPanel__filter.Button .Button__icon {
  width: 20px;
  height: 20px;
}
.Dashboard--Mobile .Dashboard__topPanel__filter.Button .Button__icon {
  width: 5.555555555555555vw;
  height: 5.555555555555555vw;
}
.Dashboard__tabs {
  width: 100%;
  height: 48px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 1;
  padding-right: 25px;
  overflow-x: auto;
  overflow-y: hidden;
}
.Dashboard--Mobile .Dashboard__tabs {
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  height: unset;
  grid-column-gap: 6.944444444444445vw;
  padding: 0;
}
.Dashboard__tabs__tabsList {
  height: 100%;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-max-content, 240px));
  grid-template-columns: repeat(auto-fill, minmax(max-content, 240px));
}
.Dashboard--Mobile .Dashboard__tabs__tabsList {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
.Dashboard__topTab {
  position: relative;
  cursor: pointer;
  max-width: 270px;
  background-color: #f9f9f9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ebedef;
  border-bottom: none;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Dashboard--Mobile .Dashboard__topTab {
  max-width: 55.55555555555556vw;
  border: 0.277777777777778vw solid #f0f0f0;
  border-radius: 0;
  padding: 0 3.333333333333333vw;
}
.Dashboard__topTab--hidden {
  display: none;
}
.Dashboard__topTab:before {
  content: '';
  position: absolute;
  height: 126%;
  width: 40px;
  top: -3px;
  right: 3px;
  max-width: 270px;
  background-color: inherit;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-right: 1px solid #ebedef;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  z-index: -1;
}
.Dashboard--Mobile .Dashboard__topTab:before {
  display: none;
}
.Dashboard__topTab--active {
  background-color: #fff;
  -webkit-filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
          filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
}
.Dashboard--Mobile .Dashboard__topTab--active {
  -webkit-filter: none;
          filter: none;
  border-color: #fff;
}
.Dashboard__topTab__count {
  font-size: 11px;
  color: #fff;
  padding: 0 4px;
  font-weight: 700;
  border-radius: 9px;
}
.Dashboard--Mobile .Dashboard__topTab__count {
  font-size: 3.055555555555555vw;
  padding: 0 1.111111111111111vw;
  border-radius: 2.5vw;
}
.Dashboard__topTab__statusName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-left: 5px;
  margin-right: 9px;
}
.Dashboard--Mobile .Dashboard__topTab__statusName {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  padding-left: 1.388888888888889vw;
  margin-right: 2.5vw;
}
.Dashboard__spaceAboveTheTable {
  background-color: #fff;
  height: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: height 0.2s ease-in-out 0.1s;
  transition: height 0.2s ease-in-out 0.1s;
  overflow: hidden;
}
.Dashboard--Mobile .Dashboard__spaceAboveTheTable {
  overflow-x: auto;
}
.Dashboard__spaceAboveTheTable .AdditionalDashboardFilters {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.Dashboard__spaceAboveTheTable__primary {
  color: #00a455;
}
.Dashboard__spaceAboveTheTable__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Dashboard__spaceAboveTheTable--show {
  height: 52px;
  -webkit-transition: height 0.2s ease-in-out 0.1s;
  transition: height 0.2s ease-in-out 0.1s;
}
.Dashboard__spaceAboveTheTable--show .AdditionalDashboardFilters {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}
.Dashboard__tablePlace {
  width: 100%;
  height: 100%;
}
.Dashboard__tablePlace .SuperTable__table {
  border-collapse: collapse;
}
.Dashboard__tablePlace .SuperTable__cell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: transparent;
}
.Dashboard__tablePlace .SuperTable__header {
  white-space: nowrap;
  color: #71737f;
  text-transform: capitalize;
}
.Dashboard__tablePlace .SuperTable .DateCell__date {
  font-weight: 400;
  white-space: nowrap;
}
.Dashboard__tablePlace .SuperTable .DateCell__diff__past {
  display: none;
}
.Dashboard__tablePlace .SuperTable .IdCell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.Dashboard__tablePlace .SuperTable .DateCell {
  text-transform: lowercase;
}
.Dashboard__tablePlace .SuperTable__td {
  -webkit-transition: background 50ms ease-in-out;
  transition: background 50ms ease-in-out;
}
.Dashboard__tablePlace .SuperTable__tr:first-child {
  border-bottom: none;
}

.RequestTable__wrapper {
  overflow-x: auto;
}
.ServiceTypeCell {
  width: 100%;
  display: grid;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 500;
}
.ServiceTypeCell__icons {
  display: grid;
  padding-top: 4px;
  grid-column-gap: 9px;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
}
.ServiceTypeCell__icons .SvgIcon {
  width: 14px;
  height: auto;
}
.ServiceTypeCell--primary {
  color: #00a455;
}
.ServiceTypeCell--colorInfo {
  color: #4d6eff;
}
.StatusCell {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.StatusCell__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 4px;
}
.StatusCell__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StatusCell__point {
  width: 8px;
  height: 8px;
  margin-left: 9px;
  border-radius: 50%;
}
.IdCell {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.IdCell__value {
  font-weight: 700;
  text-align: center;
}
.ClientCell {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ClientCell__name {
  font-weight: 500;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ClientCell__phone {
  font-size: 12px;
}
.DateCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 2px;
}
.DateCell__diff {
  color: #00a455;
  font-size: 12px;
}
.DateCell__diff--tomorrow {
  color: #ee4b19;
}
.DateCell__diff--past {
  color: transparent;
  display: none;
}
.AddressCell {
  line-height: 17px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AddressCell__row {
  max-height: 100%;
}
.AddressCell__storageBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.AddressCell__storageIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xNS44MzMxIDEuMTU2NjdMMTUuODMyMiAxLjE1NzM2QzE0LjA5OTcgLTAuMDIwNzQ5NSAxMS42MjY0IDAuMDc1Nzc0IDguNTIwODYgMS44Njg4NEMzLjgxNDkzIDQuNTg1NzggMCAxMC4wMTkgMCAxNC4wMDQzTDE3Ljk1ODMgMjQuNDU5MkwzMy40NjkzIDExLjM3NzNMMTUuODMzMSAxLjE1NjY3WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMC43NzM4IDMuMTcwMDVDMTMuNjQwNyAxLjUxNDg2IDE1Ljk2ODMgMS4zMDYzIDE3LjY3MjEgMi4yMTA2OUwxNy4wNDMgMS44NDYxM0wxNy4wNDIyIDEuODQ2ODFDMTUuMzA5OCAwLjY2ODcwOSAxMi44MzY0IDAuNzY1MjMyIDkuNzMwODIgMi41NTgyM0M1LjAyNDg5IDUuMjc1MzEgMS4yMDk5NiAxMC43MDg1IDEuMjA5OTYgMTQuNjkzOEwyLjI1MzA2IDE1LjMwMUMyLjI1NTkzIDExLjMxNjIgNi4wNjk1NiA1Ljg4NjAzIDEwLjc3MzggMy4xNzAwNVoiIGZpbGw9IiNBQjJDMzciLz4KICAgICAgICA8cGF0aCBkPSJNMTUuNDY2MiA1LjkwNzNDMTguMzMzMSA0LjI1MjExIDIwLjY2MDcgNC4wNDM1NSAyMi4zNjQ1IDQuOTQ3OTRMMjEuNzM1NCA0LjU4MzM4TDIxLjczNDYgNC41ODQwNkMyMC4wMDIxIDMuNDA2MDMgMTcuNTI4OCAzLjUwMjU1IDE0LjQyMzIgNS4yOTU1NUM5LjcxNzI4IDguMDEyNDkgNS45MDIzNCAxMy40NDU4IDUuOTAyMzQgMTcuNDMxTDYuOTQ1NDQgMTguMDM4M0M2Ljk0ODMxIDE0LjA1MzQgMTAuNzYxOSA4LjYyMzIyIDE1LjQ2NjIgNS45MDczWiIgZmlsbD0iI0FCMkMzNyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yMC4xNTYgOC42MzIyMUMyMy4wMjMgNi45NzcwMiAyNS4zNTA1IDYuNzY4NDYgMjcuMDU0NCA3LjY3Mjg1TDI2LjQyNTMgNy4zMDgyOUwyNi40MjQ0IDcuMzA4OTdDMjQuNjkyIDYuMTMwODcgMjIuMjE4NiA2LjIyNzM5IDE5LjExMzEgOC4wMjAzOUMxNC40MDcxIDEwLjczNzUgMTAuNTkyMyAxNi4xNzA3IDEwLjU5MjMgMjAuMTU2TDExLjYzNTQgMjAuNzYzMkMxMS42MzgyIDE2Ljc3ODMgMTUuNDUxOSAxMS4zNDgyIDIwLjE1NiA4LjYzMjIxWiIgZmlsbD0iI0FCMkMzNyIvPgogICAgICAgIDxwYXRoIGQ9Ik0yNC43ODY5IDExLjMzMzZDMjcuNjUzOCA5LjY3ODQ0IDI5Ljk4MTQgOS40Njk4NyAzMS42ODUyIDEwLjM3NDNMMzEuMDU2MSAxMC4wMDk3TDMxLjA1NTMgMTAuMDEwNEMyOS4zMjI5IDguODMyMjggMjYuODQ5NSA4LjkyODgxIDIzLjc0MzkgMTAuNzIxOEMxOS4wMzgxIDEzLjQzODkgMTUuMjIzMSAxOC44NzIxIDE1LjIyMzEgMjIuODU3NEwxNi4yNjYyIDIzLjQ2NDZDMTYuMjY5IDE5LjQ3OTcgMjAuMDgyNyAxNC4wNDk2IDI0Ljc4NjkgMTEuMzMzNloiIGZpbGw9IiNBQjJDMzciLz4KICAgICAgICA8cGF0aCBkPSJNMjYuNDc5MSAxMi4zMjM3QzIxLjgwODUgMTUuMDIwMyAxOC4wMTc1IDIwLjM5MTggMTcuOTYwOSAyNC4zNjg1TDE3Ljk1OTkgMjQuMzcxMkwwIDE0LjAwNDJWMjMuNTgyNkMwIDI0LjI1MTEgMC4zNTY2MzEgMjQuODY4OCAwLjkzNTQ5OCAyNS4yMDNMMTYuNjMzMyAzNC4yNjYxQzE3LjQ1NDEgMzQuNzQgMTguNDY1NSAzNC43NCAxOS4yODYzIDM0LjI2NkwzNC4wNjQ2IDI1LjczMTJDMzQuNjQzNCAyNS4zOTY5IDM0Ljk5OTkgMjQuNzc5MiAzNC45OTk5IDI0LjExMDlWMTQuNjIwMUMzNSAxMC42MzQ5IDMxLjE4NTEgOS42MDY2OCAyNi40NzkxIDEyLjMyMzdaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CiAgICAgICAgPHBhdGggZD0iTTM0LjA2NDcgMjMuNDg4MUwxOS4yODY0IDMyLjAyMjlDMTguNDY1NiAzMi40OTY5IDE3LjQ1NDIgMzIuNDk2OSAxNi42MzMzIDMyLjAyMzFMMC45MzU0OTggMjIuOTZDMC4zNTY2MzEgMjIuNjI1OCAwIDIyLjAwODEgMCAyMS4zMzk2VjIzLjU4MjdDMCAyNC4yNTEyIDAuMzU2NjMxIDI0Ljg2ODkgMC45MzU0OTggMjUuMjAzMUwxNi42MzMzIDM0LjI2NjJDMTcuNDU0MSAzNC43NDAxIDE4LjQ2NTUgMzQuNzQwMSAxOS4yODY0IDM0LjI2NkwzNC4wNjQ3IDI1LjczMTNDMzQuNjQzNSAyNS4zOTcgMzUgMjQuNzc5NCAzNSAyNC4xMTFWMjEuODY3OUMzNSAyMi41MzYyIDM0LjY0MzQgMjMuMTUzOSAzNC4wNjQ3IDIzLjQ4ODFaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXIpIi8+CiAgICAgICAgPHBhdGggZD0iTTI0LjQyOTIgMzEuMjk0MUwzMC41NjQ0IDI3Ljc1MTlWMjEuNzA1MUwyNC40MjkyIDI1LjI2MTVWMzEuMjk0MVoiIGZpbGw9IiM0MzM4NkIiLz4KICAgICAgICA8cGF0aCBkPSJNNS40NTg2OCAyMi4zNTI0TDMuNDkyMTkgMjEuMjIxNlYxOC4xNDc3TDUuNDU4NjggMTkuMjg3N1YyMi4zNTI0WiIgZmlsbD0iIzQzMzg2QiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMi42NjM4IDI2LjU1NzFMMTAuNjk3MyAyNS40MjYzVjIyLjM1MjNMMTIuNjYzOCAyMy40OTIzVjI2LjU1NzFaIiBmaWxsPSIjNDMzODZCIi8+CiAgICAgICAgPHBhdGggZD0iTTI0LjQyOTIgMjMuNDI4NkwyNi4zOTU3IDIyLjI5NzhWMTkuMjIzOUwyNC40MjkyIDIwLjM2MzhWMjMuNDI4NloiIGZpbGw9IiM0MzM4NkIiLz4KICAgICAgICA8cGF0aCBkPSJNMjguNTk4MSAyMS4wMTU4TDMwLjU2NDYgMTkuODg1VjE2LjgxMUwyOC41OTgxIDE3Ljk1MDlWMjEuMDE1OFoiIGZpbGw9IiM0MzM4NkIiLz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjExLjM1MjMiIHkxPSIyMC44MzE2IiB4Mj0iMjAuODc5MyIgeTI9IjQuMzMwMjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0FCMkMzNyIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuMjAwNyIgc3RvcC1jb2xvcj0iI0I1MkYzQiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuNTQ3MSIgc3RvcC1jb2xvcj0iI0QxMzg0NiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuOTk1MiIgc3RvcC1jb2xvcj0iI0ZFNDc1NyIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjQ3NTciLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjE1LjYyOTEiIHkxPSIyMi43MTM1IiB4Mj0iMTguNDM0NCIgeTI9IjIyLjcxMzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M1QkFFQiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEN0QxRUIiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhciIgeDE9IjE2LjA3MDkiIHkxPSIyNy45ODA2IiB4Mj0iMjAuMDA0NiIgeTI9IjI3Ljk4MDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0FCMkMzNyIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuMjAwNyIgc3RvcC1jb2xvcj0iI0I1MkYzQiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuNTQ3MSIgc3RvcC1jb2xvcj0iI0QxMzg0NiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuOTk1MiIgc3RvcC1jb2xvcj0iI0ZFNDc1NyIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjQ3NTciLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDAiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPC9zdmc+);
  background-size: contain;
  background-position: center;
  width: 23px;
  height: 23px;
  margin-right: 10px;
}
.AddressCell__storageIcon--overnight {
  background-image: url(./images/c2b7a620522eb00726fe56cec667a073.svg);
}
.WeightCell {
  font-weight: 500;
  height: 65px;
  line-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.WeightCell__row {
  max-height: 100%;
}
.HeaderCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 500;
}
.HeaderCell--centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.HeaderCell__sorting {
  opacity: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgd2lkdGg9IjEwMCIKICAgaGVpZ2h0PSIxMDAiCiAgIHZpZXdCb3g9IjAgMCAxMDAgMTAwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4Ij4KICA8ZGVmcwogICAgIGlkPSJkZWZzMiIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8cGF0aAogICAgIGlkPSJwYXRoMzEiCiAgICAgZD0iTSA4LjA1MDg0NzksMjcuNTQyMzczIEggOTIuNzk2NjEgTCA1Mi4xMTg2NDQsNzkuNjYxMDE3IFoiCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: 40%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
  height: 10px;
  width: 20px;
}
.HeaderCell__sorting--visible {
  opacity: 1;
}
.HeaderCell__sorting--rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ShadowCell {
  position: relative;
  width: 15px;
}
.ShadowCell::after {
  -webkit-box-shadow: 5px 0 15px -15px inset;
          box-shadow: 5px 0 15px -15px inset;
  right: -15px;
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  width: 15px;
}
.BorderColumn {
  padding-left: 0;
  padding-right: 0;
  background-color: #e9e9e9;
  width: 1px;
}
.MoveSizeCell {
  display: grid;
  grid-gap: 4px;
}
.MoveSizeCell__totalVolume {
  color: #71737f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.MoveSizeCell__totalVolume .SvgIcon {
  margin-left: 8px;
}

.LinkAsTr {
  display: table-row;
  text-decoration: none;
  color: inherit;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.LinkAsTr--selected {
  background: #f2f4f6;
}

.FlagsCell {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-gap: 9px;
}
.FlagsCell--Mobile {
  grid-gap: 2.5vw;
}
.FlagsCell__icon {
  width: 18px;
  height: 18px;
}
.FlagsCell--Mobile .FlagsCell__icon {
  width: 5vw;
  height: 5vw;
}
.FlagsCell__icon--primaryColor {
  color: #00a455;
}

.SearchRequestFilters {
  overflow: auto;
}
.SearchRequestFilters__box {
  padding: 18px;
  display: grid;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 13px;
  grid-template-columns: 1fr;
}
.SearchRequestFilters--Mobile .SearchRequestFilters__box {
  padding: 5vw;
  grid-gap: 3.611111111111111vw;
}
.SearchRequestFilters__box--2Columns {
  grid-template-columns: 1fr 1fr;
}
.SearchRequestFilters__box--autoMax {
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}
.SearchRequestFilters__buttons {
  padding: 25px 25px 18px 18px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
.SearchRequestFilters--Mobile .SearchRequestFilters__buttons {
  padding: 6.944444444444445vw 6.944444444444445vw 5vw 5vw;
  grid-gap: 4.444444444444445vw;
}
.SearchRequestFilters__buttons .Button {
  width: 100%;
}
.SearchRequestFilters .SelectList,
.SearchRequestFilters .Input {
  width: 100%;
}
.SearchRequestFilters__flagSelector {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.SearchRequestFilters--Mobile .SearchRequestFilters__flagSelector {
  width: 5vw;
  height: 5vw;
}
.SearchRequestFilters__flagSelector__svg {
  width: 10px;
  height: 10px;
  color: #fff;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.SearchRequestFilters--Mobile .SearchRequestFilters__flagSelector__svg {
  width: 2.777777777777778vw;
  height: 2.777777777777778vw;
}
.SearchRequestFilters__flagSelector__svg--visible {
  opacity: 1;
}

.AdditionalDashboardFilters .TabPane__tabs {
  display: grid;
  grid-auto-flow: column;
}

.DashboardStatistics {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: 37px;
  grid-column-gap: 9px;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
          box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  border-radius: 8px;
  background-color: #fff;
  padding: 9px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.DashboardStatistics--Mobile {
  grid-column-gap: 2.5vw;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-rows: unset;
  background-color: transparent;
}
.DashboardStatistics__column {
  display: grid;
  grid-row-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  align-items: center;
}
.DashboardStatistics--Mobile .DashboardStatistics__column {
  grid-row-gap: 1.111111111111111vw;
}
.DashboardStatistics__column--left {
  grid-template-areas: "title title" "total totalToday";
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
}
.DashboardStatistics__column--right {
  grid-template-areas: "title" "total";
  text-align: right;
  grid-column-end: none;
}
.DashboardStatistics__column__title {
  grid-area: title;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #71737f;
}
.DashboardStatistics--Mobile .DashboardStatistics__column__title {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  font-weight: 500;
  color: #71737f;
}
.DashboardStatistics__column__total {
  grid-area: total;
  font-size: 20px;
  color: #00a455;
}
.DashboardStatistics--Mobile .DashboardStatistics__column__total {
  font-size: 5.555555555555555vw;
}
.DashboardStatistics__column__totalToday {
  grid-area: totalToday;
  border-radius: 5px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  padding: 2px 6px;
  background-color: #fbaa53;
  white-space: nowrap;
}
.DashboardStatistics--Mobile .DashboardStatistics__column__totalToday {
  border-radius: 1.388888888888889vw;
  padding: 0.555555555555556vw 1.666666666666667vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
  color: #fff;
}
.DashboardStatistics__column__icon {
  width: 100%;
  height: 100%;
}
.DashboardStatistics__progressBar {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: -webkit-min-content;
  grid-template-columns: min-content;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  overflow: hidden;
}
.DashboardStatistics__progressBar__block {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 6px;
  border-radius: 25px;
  background-color: #dde3ec;
  height: 37px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.DashboardStatistics__progressBar__block--done {
  background-color: #00a455;
}
.DashboardStatistics__progressBar__block--done .DashboardStatistics__progressBar__block__item {
  border: 1px solid #fff;
}
.DashboardStatistics__progressBar__block__wrapper {
  padding: 0 6px;
}
.DashboardStatistics__progressBar__block__wrapper--hide {
  position: absolute;
  opacity: 0;
}
.DashboardStatistics__progressBar__block__item {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50%;
  font-size: 10px;
  color: #b1b6be;
  font-weight: 500;
}
.DashboardStatistics__progressBar__block__item .SvgIcon {
  color: #fff;
  width: 13px;
  height: 13px;
}
.DashboardStatistics__progressBar__block__item--done {
  background-color: #00a455;
}
.DashboardStatistics__progressBar__block__item--doneToday {
  background-color: #fbaa53;
}

.RequestDashboardListEntry {
  background-color: #fff;
  font-size: 12px;
}
.RequestDashboardListEntry--Mobile {
  font-size: 3.333333333333333vw;
}
.RequestDashboardListEntry__header {
  padding: 16px 12px;
  border-bottom: 1px solid #f0f0f0;
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 14px;
}
.RequestDashboardListEntry--Mobile .RequestDashboardListEntry__header {
  padding: 4.444444444444445vw 3.333333333333333vw;
  border-width: 0.277777777777778vw;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  grid-column-gap: 3.888888888888889vw;
}
.RequestDashboardListEntry__header__flags {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.RequestDashboardListEntry__header__mainInfo {
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  grid-template-columns: 100%;
}
.RequestDashboardListEntry--Mobile .RequestDashboardListEntry__header__mainInfo {
  font-size: 3.333333333333333vw;
  line-height: 4.166666666666667vw;
  max-width: 27.77777777777778vw;
}
.RequestDashboardListEntry__header__mainInfo__serviceType {
  text-overflow: ellipsis;
  overflow: hidden;
}
.RequestDashboardListEntry__header__mainInfo__id {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.RequestDashboardListEntry--Mobile .RequestDashboardListEntry__header__mainInfo__id {
  font-size: 3.888888888888889vw;
  line-height: 5vw;
}
.RequestDashboardListEntry__info {
  padding: 16px 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 9px;
}
.RequestDashboardListEntry--Mobile .RequestDashboardListEntry__info {
  padding: 4.444444444444445vw 3.333333333333333vw;
  grid-column-gap: 2.5vw;
}
.RequestDashboardListEntry__info__block {
  grid-row-gap: 2px;
  font-weight: 500;
}
.RequestDashboardListEntry--Mobile .RequestDashboardListEntry__info__block {
  grid-row-gap: 0.555555555555556vw;
}
.RequestDashboardListEntry__info__block__title {
  font-size: 11px;
}
.RequestDashboardListEntry--Mobile .RequestDashboardListEntry__info__block__title {
  font-size: 3.055555555555555vw;
}
.RequestDashboardListEntry__info__block__title--dark {
  color: #12152a;
}
.RequestDashboardListEntry__primaryColorText {
  color: #00a455;
}
.RequestDashboardListEntry__bigText {
  font-size: 14px;
}
.RequestDashboardListEntry--Mobile .RequestDashboardListEntry__bigText {
  font-size: 3.888888888888889vw;
}

.RequestDashboardList {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 5px;
}
.RequestDashboardList--Mobile {
  grid-row-gap: 1.388888888888889vw;
}

.SearchRequestExport {
  overflow: auto;
}
.SearchRequestExport__box {
  padding: 18px;
  display: grid;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 13px;
  grid-template-columns: 1fr;
}
.SearchRequestExport--Mobile .SearchRequestExport__box {
  padding: 5vw;
  grid-gap: 3.611111111111111vw;
}
.SearchRequestExport__box--2Columns {
  grid-template-columns: 1fr 1fr;
}
.SearchRequestExport__box--autoMax {
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}
.SearchRequestExport__buttons {
  padding: 25px 25px 18px 18px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
.SearchRequestExport--Mobile .SearchRequestExport__buttons {
  padding: 6.944444444444445vw 6.944444444444445vw 5vw 5vw;
  grid-gap: 4.444444444444445vw;
}
.SearchRequestExport__buttons .Button {
  width: 100%;
}
.SearchRequestExport .SelectList,
.SearchRequestExport .Input {
  width: 100%;
}
.SearchRequestExport__flagSelector {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.SearchRequestExport--Mobile .SearchRequestExport__flagSelector {
  width: 5vw;
  height: 5vw;
}
.SearchRequestExport__flagSelector__svg {
  width: 10px;
  height: 10px;
  color: #fff;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.SearchRequestExport--Mobile .SearchRequestExport__flagSelector__svg {
  width: 2.777777777777778vw;
  height: 2.777777777777778vw;
}
.SearchRequestExport__flagSelector__svg--visible {
  opacity: 1;
}

.StatisticsDiagram {
  display: grid;
  height: 257px;
  border-radius: 10px;
  padding: 20px 25px;
  background-color: #fff;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  overflow: hidden;
}
.StatisticsDiagram__texts {
  display: grid;
  grid-row-gap: 4px;
}
.StatisticsDiagram__row {
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 5px;
  grid-auto-flow: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.StatisticsDiagram__bigTotal {
  font-weight: 300;
  font-size: 36px;
  line-height: 46px;
}
.StatisticsDiagram__smallTotal {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}

.ConversionDiagram {
  display: grid;
  height: 257px;
  border-radius: 10px;
  padding: 20px 25px;
  background-color: #fff;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  overflow: hidden;
}
.ConversionDiagram__diagram {
  position: relative;
}
.ConversionDiagram__visitorsDescription {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: auto auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-column-gap: 22px;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.ConversionDiagram__visitorsDescription__title {
  color: #12152a;
  grid-column: span 2;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.ConversionDiagram__visitorsDescription__bigText {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}
.ConversionDiagram__conversionDescription {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-row-gap: 8px;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.ConversionDiagram__conversionDescription__bigText {
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
}
.ConversionDiagram__conversionDescription__smallText {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.CommonStatistics {
  display: grid;
  height: 422px;
  border-radius: 10px;
  padding: 20px 25px;
  grid-column-gap: 70px;
  grid-row-gap: 30px;
  background-color: #fff;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  overflow: hidden;
}
.CommonStatistics__numbers {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
}
.CommonStatistics__numbers__bigNumber {
  font-weight: 300;
  font-size: 36px;
  line-height: 46px;
}
.CommonStatistics__numbers__smallNumber {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}
.CommonStatistics__numbers__smallText {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.CommonStatistics__numbers__row {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 5px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.CommonStatistics__numbers__row--withSpace {
  margin-bottom: 20px;
}
.CommonStatistics__numbers__row--withSmallSpace {
  margin-bottom: 5px;
}
.CommonStatistics__header {
  grid-column: span 2;
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CommonStatistics__header__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  margin-right: 65px;
}
.CommonStatistics__legend {
  display: grid;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 20px;
}
.CommonStatistics__legend__circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.CommonStatistics__legend .CommonStatistics__legend__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
.CommonStatistics__legend .CommonStatistics__legend__labelBox--visits {
  border-color: #3a63db;
}
.CommonStatistics__legend .CommonStatistics__legend__labelBox--requests {
  border-color: #fd9909;
}
.CommonStatistics__legend .CommonStatistics__legend__labelBox--confirmed {
  border-color: #00a455;
}
.CommonStatistics__legend .CommonStatistics__legend__labelIcon--visits {
  color: #3a63db;
}
.CommonStatistics__legend .CommonStatistics__legend__labelIcon--requests {
  color: #fd9909;
}
.CommonStatistics__legend .CommonStatistics__legend__labelIcon--confirmed {
  color: #00a455;
}

.HeatMap {
  height: 555px;
  border-radius: 10px;
  padding: 20px 25px;
  background-color: #fff;
  overflow: hidden;
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 16px;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
}
.HeatMap__mapContainer {
  width: 100%;
  height: 100%;
}

.DispatchPage {
  background-color: #f2f4f6;
  display: grid;
  height: 100%;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-template-rows: 100%;
}
.DispatchPage--Mobile {
  position: relative;
}
.DispatchPage .DispatchPage__MoverJobsList {
  background-color: transparent;
  overflow: visible;
}
.DispatchPage--Mobile.DispatchPage .DispatchPage__MoverJobsList {
  padding: 0;
}
.DispatchPage--Mobile.DispatchPage .DispatchPage__MoverJobsList__JobCard {
  -webkit-box-shadow: 0 0.277777777777778vw 1.111111111111111vw 0.833333333333333vw rgba(0,0,0,0.1);
          box-shadow: 0 0.277777777777778vw 1.111111111111111vw 0.833333333333333vw rgba(0,0,0,0.1);
}
.DispatchPage__crewSelectorLayer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  pointer-events: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background-color: #fff;
  padding: 12px 0;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,0.1);
          box-shadow: 0 0 4px 4px rgba(0,0,0,0.1);
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 12px;
}
.DispatchPage--Mobile .DispatchPage__crewSelectorLayer {
  padding: 3.333333333333333vw 0;
  border-radius: 2.222222222222222vw 2.222222222222222vw 0 0;
  -webkit-box-shadow: 0 0 0 0 #000;
          box-shadow: 0 0 0 0 #000;
  grid-row-gap: 3.333333333333333vw;
}
.DispatchPage__crewSelectorLayer--visible {
  pointer-events: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 0 1.111111111111111vw 1.111111111111111vw rgba(0,0,0,0.1);
          box-shadow: 0 0 1.111111111111111vw 1.111111111111111vw rgba(0,0,0,0.1);
}
.DispatchPage--Mobile .DispatchPage__crewSelectorLayer--visible {
  -webkit-box-shadow: 0 0 1.111111111111111vw 1.111111111111111vw rgba(0,0,0,0.1);
          box-shadow: 0 0 1.111111111111111vw 1.111111111111111vw rgba(0,0,0,0.1);
}
.DispatchPage__crewSelectorLayer__header {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 12px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
  font-size: 16px;
  padding: 0 18px;
  padding-right: 10px;
}
.DispatchPage--Mobile .DispatchPage__crewSelectorLayer__header {
  font-size: 4.444444444444445vw;
  padding: 0 5vw;
  padding-right: 2.777777777777778vw;
  grid-column-gap: 3.333333333333333vw;
}
.DispatchPage__crewSelectorLayer__header .DispatchPage__crewSelectorLayer__header__closeIcon {
  color: #ee4b19;
}
.DispatchPage__crewSelectorLayer__header .DispatchPage__crewSelectorLayer__header__closeIcon:hover {
  color: #ee4b19;
}
.DispatchPage__calendar__day--highlighted {
  background-color: #00a455;
  color: #fff;
}
.DispatchPage__calendar__day--highlighted:hover {
  color: #000;
  background-color: rgba(0,164,85,0.5);
}
.DispatchPage__parklot__gridRowSized {
  grid-auto-rows: 100px;
}
.DispatchPage__parklot__job {
  padding: 0;
  grid-template-columns: 100%;
}
.DispatchPage__parklot__jobsTableHour {
  border-right: none;
}
.DispatchPage__parklot__jobDescription {
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-template-columns: 100%;
  grid-auto-flow: row;
  grid-row-gap: 2px;
  font-size: 12px;
  line-height: 15px;
  color: rgba(255,255,255,0.8);
  height: 100%;
  -ms-flex-line-pack: start;
      align-content: start;
  padding: 12px 2px;
}
.DispatchPage__parklot__jobDescription--reserved {
  background-color: #808080;
}
.DispatchPage__parklot__jobDescription--notDefaultType {
  color: #12152a;
}
.DispatchPage__parklot__jobDescription--completed {
  color: #12152a;
  background-color: #ffd744;
}
.DispatchPage__parklot__jobDescription--selected {
  background-image: repeating-linear-gradient(-45deg, #9937f6, #9937f6 26.4px, #8d2df6 26.4px, #8d2df6 44px);
}
.DispatchPage__parklot__jobDescription--completed.DispatchPage__parklot__jobDescription--selected {
  background-image: repeating-linear-gradient(-45deg, #ffd744, #ffd744 26.4px, #e3bd2d 26.4px, #e3bd2d 44px);
}
.DispatchPage__parklot__jobDescription__completed {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 14px;
}
.DispatchPage__parklot__jobDescription__foremanInfo {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.DispatchPage__parklot__jobDescription__foremanInfo__svgIcon {
  color: #000;
  width: 12px;
  height: 12px;
}
.DispatchPage__parklot__jobDescription__foremanInfo__icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffed50;
  margin-left: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.DispatchPage__parklot__jobDescription__boldText {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  margin-bottom: 1px;
}
.DispatchPage__parklot__jobDescription--notDefaultType .DispatchPage__parklot__jobDescription__boldText {
  color: #12152a;
}
.DispatchPage__parklot__jobDescription--completed .DispatchPage__parklot__jobDescription__boldText {
  color: #12152a;
}
.DispatchPage__parklot__jobDescription__separator {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.3);
  margin: 0 8px;
}
.DispatchPage__parklot__jobDescription__row {
  white-space: nowrap;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-auto-flow: column;
  grid-auto-columns: minmax(auto, -webkit-max-content);
  grid-auto-columns: minmax(auto, max-content);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DispatchPage__parklot__jobDescription__row__hiddable {
  overflow: hidden;
  text-overflow: ellipsis;
}
.DispatchPage__parklot__jobDescription__row__text {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 2px;
}
.DispatchPage__parklot__jobDescription .DispatchPage__parklot__jobDescription__arrow {
  width: 8px;
  height: 8px;
  margin: 0 6px;
}
.DispatchPage__rightColumn {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  grid-row-gap: 25px;
  -webkit-box-shadow: 0 0 34px rgba(0,0,0,0.15);
          box-shadow: 0 0 34px rgba(0,0,0,0.15);
  background-color: #fff;
  padding: 15px 12px;
  z-index: 1;
  overflow-y: auto;
}
.DispatchPage__rightColumn__buttons {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 16px;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.DispatchPage__rightColumn__assignButton {
  justify-self: center;
}
.DispatchPage__leftColumn {
  display: grid;
  grid-template-rows: -webkit-max-content auto -webkit-max-content;
  grid-template-rows: max-content auto max-content;
  grid-template-columns: 100%;
  overflow-y: auto;
}
.DispatchPage__header {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  justify-items: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  padding: 23px 30px;
  background-color: #f2f4f6;
}
.DispatchPage__switcher {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  justify-items: center;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  width: 340px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.DispatchPage__switcher__btn {
  color: #00a455;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.DispatchPage__legend {
  width: 100%;
  padding: 0 14px;
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.DispatchPage--Mobile .DispatchPage__legend {
  padding: 0 3.888888888888889vmin;
  padding-top: 3.333333333333333vmin;
}
.DispatchPage__legend__item {
  margin-right: 20px;
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-max-content;
  grid-template-columns: min-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 9px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.DispatchPage--Mobile .DispatchPage__legend__item {
  margin-right: 5.555555555555555vmin;
  margin-bottom: 3.333333333333333vmin;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.611111111111111vmin;
  line-height: 4.444444444444445vmin;
}
.DispatchPage__legend__item__circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #808080;
}
.DispatchPage--Mobile .DispatchPage__legend__item__circle {
  width: 2.777777777777778vmin;
  height: ;
}

.CrewSelector {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  justify-items: center;
  grid-row-gap: 10px;
  padding: 0 20px;
}
.CrewSelector--empty {
  -ms-flex-line-pack: center;
      align-content: center;
}
.CrewSelector__selectJobIcon {
  width: 120px;
  height: 120px;
  color: #71737f;
  margin-top: 18px;
}
.CrewSelector__fullRow {
  width: 100%;
}
.CrewSelector__withMargin {
  margin-bottom: 9px;
}
.CrewSelector__title {
  display: grid;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.MoverJobCard {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
          box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  width: 100%;
  padding: 16px 0;
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 12px;
  font-size: 13px;
}
.MoverJobCard--Mobile {
  -webkit-box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.1);
          box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.1);
  padding: 4.444444444444445vw 0;
  grid-row-gap: 3.333333333333333vw;
  font-size: 3.611111111111111vw;
}
.MoverJobCard__completed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MoverJobCard__completed__label {
  padding: 8px 16px;
  background-color: #f9bb1d;
  border-radius: 5px;
  font-size: 15px;
  color: #fff;
}
.MoverJobCard--Mobile .MoverJobCard__completed__label {
  padding: 2.222222222222222vw 4.444444444444445vw;
  border-radius: 1.388888888888889vw;
  font-size: 4.166666666666667vw;
}
.MoverJobCard__link {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
}
.MoverJobCard__textWithEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  display: block;
}
.MoverJobCard__dot {
  width: 4px;
  height: 4px;
  background-color: #c4c4c4;
  border-radius: 50%;
}
.MoverJobCard--Mobile .MoverJobCard__dot {
  width: 1.111111111111111vw;
  height: 1.111111111111111vw;
}
.MoverJobCard__horizontalPadding {
  padding: 0 14px;
  min-height: 18px;
}
.MoverJobCard--Mobile .MoverJobCard__horizontalPadding {
  padding: 0 3.888888888888889vw;
  min-height: 5vw;
}
.MoverJobCard__boldText {
  font-weight: 550;
  font-size: 15px;
  line-height: 19px;
}
.MoverJobCard--Mobile .MoverJobCard__boldText {
  padding: 0 3.888888888888889vw;
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverJobCard__firstLine {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MoverJobCard__firstLine__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.MoverJobCard__secondLine {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
}
.MoverJobCard--Mobile .MoverJobCard__secondLine {
  grid-column-gap: 2.5vw;
}
.MoverJobCard__boxesIcon {
  color: #00a455;
  width: 18px;
  height: 18px;
}
.MoverJobCard--Mobile .MoverJobCard__boxesIcon {
  width: 5vw;
  height: 5vw;
}
.MoverJobCard__volume {
  color: #00a455;
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
}
.MoverJobCard--Mobile .MoverJobCard__volume {
  grid-column-gap: 1.666666666666667vw;
}
.MoverJobCard__thirdLine {
  display: grid;
  grid-auto-flow: column;
}
.MoverJobCard__thirdLine__title {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
}
.MoverJobCard--Mobile .MoverJobCard__thirdLine__title {
  font-size: 3.055555555555555vw;
  line-height: 4.444444444444445vw;
}
.MoverJobCard__thirdLine__block {
  grid-row-gap: 3px;
}
.MoverJobCard--Mobile .MoverJobCard__thirdLine__block {
  grid-row-gap: 0.833333333333333vw;
}
.MoverJobCard__fourthLine {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 6px;
}
.MoverJobCard--Mobile .MoverJobCard__fourthLine {
  grid-row-gap: 1.666666666666667vw;
}
.MoverJobCard__fourthLine__text {
  grid-template-columns: 100%;
}
.MoverJobCard__separator {
  width: 100%;
  border-top: 1px solid #f0f0f0;
}
.MoverJobCard--Mobile .MoverJobCard__separator {
  border-top-width: 0.277777777777778vw;
}
.MoverJobCard__addressBlock {
  position: relative;
}
.MoverJobCard__addressBlock__smallBoldText {
  min-height: unset;
}
.MoverJobCard--Mobile .MoverJobCard__addressBlock__smallBoldText {
  min-height: unset;
}

.MoverJobsList {
  background-color: #f2f4f6;
  padding: 8px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 10px;
  overflow-y: auto;
}
.MoverJobsList--Mobile {
  padding: 2.222222222222222vw;
  grid-row-gap: 2.777777777777778vw;
}
.MoverJobsList__title {
  font-size: 12px;
  line-height: 24px;
  color: #555966;
  padding: 0 7px;
}
.MoverJobsList--Mobile .MoverJobsList__title {
  font-size: 3.333333333333333vw;
  line-height: 6.666666666666667vw;
  padding: 0 1.944444444444444vw;
}

.MoverDashboard {
  height: 100%;
  display: grid;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  overflow: hidden;
}
.MoverDashboard .MoverDashboard__tabs {
  padding: 0;
  background-color: #101629;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  border: none;
}
.MoverDashboard--Mobile.MoverDashboard .MoverDashboard__tabs {
  padding: 0;
  grid-column-gap: 0;
  border: none;
}
.MoverDashboard .MoverDashboard__tabs > .MoverDashboard__tabButton {
  color: #a0a1aa;
}
.MoverDashboard .MoverDashboard__tabs > .MoverDashboard__tabButton:hover {
  color: #a0a1aa;
}
.MoverDashboard .MoverDashboard__tabs > .MoverDashboard__tabButton--active {
  color: #fff;
}
.MoverDashboard .MoverDashboard__tabs > .MoverDashboard__tabButton--active:hover {
  color: #fff;
}

.MoverRequestScreen {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  background-color: #f2f4f6;
}
.MoverRequestScreen--Mobile {
  position: fixed;
  top: 0;
  z-index: 4;
  overflow-y: auto;
}
.MoverRequestScreen .MoverRequestScreen__inventory a {
  text-decoration: inherit;
  cursor: inherit;
}
.MoverRequestScreen__header {
  height: 53px;
  background-color: #12152a;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  color: #fff;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-gap: 25px;
  padding: 12px;
}
.MoverRequestScreen--Mobile .MoverRequestScreen__header {
  height: 14.722222222222221vw;
  font-size: 4.722222222222222vw;
  line-height: 6.666666666666667vw;
  grid-gap: 6.944444444444445vw;
  padding: 3.333333333333333vw;
}
.MoverRequestScreen__backButtonIcon {
  color: #fff;
}
.MoverRequestScreen__tabPaneNotification {
  width: 14px;
  height: 14px;
  font-weight: 700;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  background-color: #ff0505;
  position: absolute;
  top: 7px;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.MoverRequestScreen--Mobile .MoverRequestScreen__tabPaneNotification {
  font-size: 2.777777777777778vw;
  width: 3.888888888888889vw;
  top: 1.944444444444444vw;
  height: 3.888888888888889vw;
}
.MoverRequestScreen__tabPane {
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
}
.MoverRequestScreen--Mobile .MoverRequestScreen__tabPane {
  overflow: unset;
}
.MoverRequestScreen__tabPane > .MoverRequestScreen__tabPane__views {
  overflow: hidden;
}
.MoverRequestScreen__tabPane > .MoverRequestScreen__tabPane__tabs.MoverRequestScreen__tabPane__tabsForcing {
  background-color: #12152a;
  border-bottom: none;
  padding: 0;
  grid-column-gap: 0;
}
.MoverRequestScreen__tabPane .MoverRequestScreen__tabPane__tabButton.MoverRequestScreen__tabPane__tabButtonForcing {
  color: #fff;
  padding: 0 20px;
}
.MoverRequestScreen--Mobile .MoverRequestScreen__tabPane .MoverRequestScreen__tabPane__tabButton.MoverRequestScreen__tabPane__tabButtonForcing {
  padding: 0 5.555555555555555vw;
}
.MoverRequestScreen__tabPane .MoverRequestScreen__tabPane__tabButton.MoverRequestScreen__tabPane__tabButtonForcing:hover {
  color: #fff;
}

.MoverRequestBillOfLadding {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  font-size: 13px;
  line-height: 16px;
  height: 100%;
  overflow-y: hidden;
}
.MoverRequestBillOfLadding--Mobile {
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.MoverRequestBillOfLadding__inlineInput {
  display: inline-block;
  border: none;
  line-height: 1em;
  font-size: 1em;
  width: 70px;
  height: 1.1em;
}
.MoverRequestBillOfLadding__inlineInput__field {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.2em;
  padding-top: 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__inlineInput__field {
  border-radius: 0;
  border-width: 0.277777777777778vw;
  padding-bottom: 0.2em;
  padding-top: 0;
}
.MoverRequestBillOfLadding__content {
  padding: 21px 16px;
  padding-bottom: 19px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 19px;
  height: 100%;
  overflow: auto;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__content {
  padding: 5.833333333333333vw 4.444444444444445vw;
  padding-bottom: 5.277777777777778vw;
  grid-row-gap: 5.277777777777778vw;
}
.MoverRequestBillOfLadding__requestMainInfo {
  padding: 0;
}
.MoverRequestBillOfLadding__submitButton {
  width: 100%;
  height: 48px;
  border-radius: 0;
  font-size: 15px;
  line-height: 19px;
  background-color: #ff952c;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__submitButton {
  height: 13.333333333333334vw;
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
  border-radius: 0;
}
.MoverRequestBillOfLadding__submitButton--disabled {
  background-color: #a6a3a0;
  color: #fff;
}
.MoverRequestBillOfLadding__submitButton:hover {
  background-color: #ff952c;
}
.MoverRequestBillOfLadding__submitButton--green {
  background-color: #00a455;
}
.MoverRequestBillOfLadding__submitButton--green:hover {
  background-color: #00a455;
}
.MoverRequestBillOfLadding__logoAndAddress {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 16px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__logoAndAddress {
  grid-column-gap: 4.444444444444445vw;
}
.MoverRequestBillOfLadding__logoAndAddress__logo {
  width: 134px;
  height: 42px;
  background-position: top left;
  background-size: contain;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__logoAndAddress__logo {
  width: 37.22222222222222vw;
  height: 11.666666666666666vw;
}
.MoverRequestBillOfLadding__logoAndAddress__address {
  color: #595c69;
  font-size: 11px;
  line-height: 14px;
  text-align: right;
  text-transform: uppercase;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__logoAndAddress__address {
  font-size: 3.055555555555555vw;
  line-height: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__valuationOptions {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 17px;
  grid-auto-flow: column;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__valuationOptions {
  grid-column-gap: 4.722222222222222vw;
}
.MoverRequestBillOfLadding__valuationOptions__option {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #fff;
  color: #12152a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__valuationOptions__option {
  width: 9.444444444444445vw;
  height: 9.444444444444445vw;
  -webkit-box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.833333333333333vmin 1.666666666666667vmin 0 rgba(0,0,0,0.15);
}
.MoverRequestBillOfLadding__valuationOptions__option:hover {
  background-color: #fff;
  color: #12152a;
}
.MoverRequestBillOfLadding__valuationOptions__option--selected {
  background-color: #00a455;
  color: #fff;
}
.MoverRequestBillOfLadding__valuationOptions__option--selected:hover {
  background-color: #00a455;
  color: #fff;
}
.MoverRequestBillOfLadding__signaturePlace {
  overflow: auto;
}
.MoverRequestBillOfLadding__signaturePlace__minHeight {
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto -webkit-max-content;
  grid-template-rows: auto max-content;
  background-color: #fff;
  position: relative;
  justify-items: center;
  overflow: hidden;
  min-height: 300px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signaturePlace__minHeight {
  min-height: 83.33333333333333vw;
}
.MoverRequestBillOfLadding__signaturePlace__maker {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.MoverRequestBillOfLadding__signaturePlace__usePrevious {
  position: absolute;
  top: 60%;
}
.MoverRequestBillOfLadding__signaturePlace__controls {
  border-bottom: 1px solid #e6e6e6;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  width: 100%;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signaturePlace__controls {
  border-bottom-width: 0.277777777777778vw;
}
.MoverRequestBillOfLadding__signaturePlace__controls__btn {
  width: 100%;
  height: 50px;
  border-radius: 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signaturePlace__controls__btn {
  height: 13.88888888888889vw;
}
.MoverRequestBillOfLadding__signaturePlace__controls__btn--confirm {
  background-color: #fd9909;
}
.MoverRequestBillOfLadding__signaturePlace__controls__btn--confirm:hover {
  background-color: #fd9909;
}
.MoverRequestBillOfLadding .MoverRequestBillOfLadding__inventory {
  position: absolute;
  top: 0;
  left: 0;
}
.MoverRequestBillOfLadding .MoverRequestBillOfLadding__inventory a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
}
.MoverRequestBillOfLadding__link {
  color: inherit;
  text-decoration: inherit;
}
.MoverRequestBillOfLadding__signatureBlock {
  padding: 18px 15px;
  padding-bottom: 23px;
  grid-row-gap: 13px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  background-color: #eef0f1;
  justify-items: center;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signatureBlock {
  padding: 5vw 4.166666666666667vw;
  padding-bottom: 6.388888888888889vw;
  grid-row-gap: 3.611111111111111vw;
}
.MoverRequestBillOfLadding__signatureBlock--transparent {
  background-color: transparent;
}
.MoverRequestBillOfLadding__signatureBlock--complete {
  background-color: transparent;
}
.MoverRequestBillOfLadding__signatureBlock--inRow {
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 56px;
  padding: 0 16px;
  border-bottom: 1px solid #e4e5e7;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signatureBlock--inRow {
  border-bottom-width: 0.277777777777778vw;
  height: 15.555555555555555vw;
  padding: 0 4.444444444444445vw;
}
.MoverRequestBillOfLadding__signatureBlock__signature {
  width: 140px;
  height: 80px;
  background-position: center;
  background-size: contain;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signatureBlock__signature {
  width: 38.888888888888886vw;
  height: 22.22222222222222vw;
}
.MoverRequestBillOfLadding__signatureBlock--inRow .MoverRequestBillOfLadding__signatureBlock__signature {
  width: 140px;
  height: 42px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signatureBlock--inRow .MoverRequestBillOfLadding__signatureBlock__signature {
  width: 38.888888888888886vw;
  height: 11.666666666666666vw;
}
.MoverRequestBillOfLadding__signatureBlock__date {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  color: #71737f;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signatureBlock__date {
  font-size: 3.055555555555555vw;
  line-height: 4.444444444444445vw;
}
.MoverRequestBillOfLadding__signatureBlock__button {
  border-radius: 34px/2;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__signatureBlock__button {
  border-radius: 4.722222222222222vw;
}
.MoverRequestBillOfLadding__addressBlock {
  position: relative;
}
.MoverRequestBillOfLadding__addressBlock__title {
  padding-top: 0;
  padding-bottom: 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__addressBlock__title {
  padding-top: 0vw;
  padding-bottom: 0vw;
}
.MoverRequestBillOfLadding__boldText1 {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__boldText1 {
  font-size: 3.333333333333333vw;
  line-height: 4.166666666666667vw;
}
.MoverRequestBillOfLadding__block {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.102);
          box-shadow: 0 1px 1px rgba(0,0,0,0.102);
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block {
  border-radius: 2.222222222222222vw;
  -webkit-box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.102);
          box-shadow: 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.102);
}
.MoverRequestBillOfLadding__block__paddingH {
  padding: 0 15px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-row: max-content;
  grid-row-gap: 14px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__paddingH {
  grid-row-gap: 3.888888888888889vw;
  padding: 0 4.166666666666667vw;
}
.MoverRequestBillOfLadding__block__paddingH--andBottom {
  padding-bottom: 12px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__paddingH--andBottom {
  padding-bottom: 3.333333333333333vw;
}
.MoverRequestBillOfLadding__block__paddingH--small {
  padding: 0 6px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__paddingH--small {
  padding: 0 1.666666666666667vw;
}
.MoverRequestBillOfLadding__block__paddingH--smallRight {
  padding-right: 6px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__paddingH--smallRight {
  padding-right: 1.666666666666667vw;
}
.MoverRequestBillOfLadding__block__content {
  padding: 12px 0;
  display: grid;
  grid-template-columns: 100%;
  griid-auto-row: max-content;
  grid-row-gap: 14px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content {
  padding: 3.333333333333333vw 0;
  grid-row-gap: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__block__content--noPaddingBottom {
  padding-bottom: 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content--noPaddingBottom {
  padding-bottom: 0;
}
.MoverRequestBillOfLadding__block__content--noPadding {
  padding: 0 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content--noPadding {
  padding: 0 0;
}
.MoverRequestBillOfLadding__block__content--noGap {
  grid-row-gap: 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content--noGap {
  grid-row-gap: 0;
}
.MoverRequestBillOfLadding__block__content__buttonAtBottom {
  width: 100%;
  height: 48px;
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 15px;
  line-height: 19px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__buttonAtBottom {
  height: 13.333333333333334vw;
  border-bottom-left-radius: 2.222222222222222vw;
  border-bottom-right-radius: 2.222222222222222vw;
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestBillOfLadding__block__content__valueBlock {
  display: grid;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  justify-items: end;
  font-size: 13px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__valueBlock {
  font-size: 3.611111111111111vw;
}
.MoverRequestBillOfLadding__block__content__valueBlock__title {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  color: #71737f;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__valueBlock__title {
  font-size: 3.055555555555555vw;
  line-height: 4.444444444444445vw;
}
.MoverRequestBillOfLadding__block__content__title {
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__title {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestBillOfLadding__block__content__title--withMargins {
  margin: 16px;
  margin-bottom: 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__title--withMargins {
  margin: 4.444444444444445vw;
  margin-bottom: 0;
}
.MoverRequestBillOfLadding__block__content__textButton {
  font-weight: 400;
  height: 18px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__textButton {
  height: 5vw;
}
.MoverRequestBillOfLadding__block__content__textButton__icon,
.MoverRequestBillOfLadding__block__content__textButton__icon.MoverRequestBillOfLadding__block__content__textButton__iconForcing {
  width: 14px;
  height: 14px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__textButton__icon,
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__textButton__icon.MoverRequestBillOfLadding__block__content__textButton__iconForcing {
  width: 3.888888888888889vw;
  height: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__block__content__icon,
.MoverRequestBillOfLadding__block__content__icon.MoverRequestBillOfLadding__block__content__iconForcing {
  width: 14px;
  height: 14px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__icon,
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__icon.MoverRequestBillOfLadding__block__content__iconForcing {
  width: 3.888888888888889vw;
  height: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__block__content__row1 {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  grid-column-gap: 16px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__row1 {
  padding: 0 4.166666666666667vw;
  grid-column-gap: 4.444444444444445vw;
}
.MoverRequestBillOfLadding__block__content__separator {
  height: 0;
  border-bottom: 1px solid #e8e8ea;
  width: 100% Z;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__separator {
  border-bottom-width: 0.277777777777778vw;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__customText {
  font-size: 13px;
  line-height: 16px;
  width: 328px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__content__customText--inner1 {
  width: 296px;
}
.MoverRequestBillOfLadding__block__header {
  border-bottom: 1px solid #e8e8ea;
  height: 50px;
  padding-right: 19px;
  border-radius: 8px 8px 0 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__header {
  border-bottom-width: 0.277777777777778vw;
  height: 13.88888888888889vw;
  padding-right: 5.277777777777778vw;
  border-radius: 2.222222222222222vw 2.222222222222222vw 0 0;
}
.MoverRequestBillOfLadding__block--signed .MoverRequestBillOfLadding__block__header {
  background-color: #00a455;
  color: #fff;
  border-radius: 8px;
  border-bottom-width: 0;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block--signed .MoverRequestBillOfLadding__block__header {
  border-radius: 2.222222222222222vw;
  border-bottom-width: 0;
}
.MoverRequestBillOfLadding__block__header__icon {
  color: #00a455;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__header__icon {
  font-size: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__block--signed .MoverRequestBillOfLadding__block__header__icon {
  color: #fff;
}
.MoverRequestBillOfLadding__block__header__title {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 13px;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__header__title {
  grid-column-gap: 4.444444444444445vw;
  padding: 0 3.611111111111111vw;
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestBillOfLadding__block--signed .MoverRequestBillOfLadding__block__header__title {
  color: #fff;
}
.MoverRequestBillOfLadding__block__header__title__icon {
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #c4c4c4;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__block__header__title__icon {
  width: 6.666666666666667vw;
  height: 6.666666666666667vw;
  padding: 1.388888888888889vw;
}
.MoverRequestBillOfLadding__block--signed .MoverRequestBillOfLadding__block__header__title__icon {
  background-color: #00a455;
}
.MoverRequestBillOfLadding__boldText1 {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__boldText1 {
  font-size: 3.333333333333333vw;
  line-height: 4.166666666666667vw;
}
.MoverRequestBillOfLadding__boldText2 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__boldText2 {
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.MoverRequestBillOfLadding__boldText3 {
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__boldText3 {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestBillOfLadding__headerScaler {
  width: 100%;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__header {
  font-size: 13px;
  line-height: 16px;
  width: 328px;
}
.MoverRequestBillOfLadding__table {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-column-gap: 15px;
  grid-row-gap: 4px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__table {
  grid-column-gap: 4.166666666666667vw;
  grid-row-gap: 1.111111111111111vw;
}
.MoverRequestBillOfLadding__paleText {
  color: #71737f;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock {
  padding: 20px 10px 14px 10px;
  background-color: #f2f4f6;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 20px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__crewWorkingTimeBlock {
  padding: 5.555555555555555vw 2.777777777777778vw 3.888888888888889vw 2.777777777777778vw;
  border-radius: 2.222222222222222vw;
  grid-row-gap: 5.555555555555555vw;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock__input {
  width: 126px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__crewWorkingTimeBlock__input {
  width: 35vw;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock__input__field {
  padding-left: 15px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__crewWorkingTimeBlock__input__field {
  padding-left: 4.166666666666667vw;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock__input--disabled .MoverRequestBillOfLadding__crewWorkingTimeBlock__input__field {
  border-color: #dcdee2;
  background-color: #f2f4f6;
  color: #12152a;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock__bigText1 {
  font-weight: 900;
  font-size: 15px;
  line-height: 19px;
  color: #00a455;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__crewWorkingTimeBlock__bigText1 {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock__iconWithText {
  grid-column-gap: 9px;
  font-size: 14px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__crewWorkingTimeBlock__iconWithText {
  grid-column-gap: 2.5vw;
  font-size: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock__row {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MoverRequestBillOfLadding__crewWorkingTimeBlock__info {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 15px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__crewWorkingTimeBlock__info {
  grid-column-gap: 4.166666666666667vw;
}
.MoverRequestBillOfLadding__timeSelector {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  grid-column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__timeSelector {
  grid-column-gap: 4.444444444444445vw;
}
.MoverRequestBillOfLadding__timeSelector__input {
  width: 115px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__timeSelector__input {
  width: 31.944444444444443vw;
}
.MoverRequestBillOfLadding__timeSelector__input__field {
  padding-left: 15px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__timeSelector__input__field {
  padding-left: 4.166666666666667vw;
}
.MoverRequestBillOfLadding__timeSelector__input--disabled .MoverRequestBillOfLadding__timeSelector__input__field {
  border-color: #c2ead9;
  background-color: #e5f6ef;
  color: #12152a;
}
.MoverRequestBillOfLadding__timeSelector__signature {
  width: 52px;
  height: 34px;
  background-size: contain;
  background-position: center;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__timeSelector__signature {
  width: 14.444444444444445vw;
  height: 9.444444444444445vw;
}
.MoverRequestBillOfLadding__timeSelector__iconWithText {
  font-size: 14px;
  grid-column-gap: 12px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__timeSelector__iconWithText {
  grid-column-gap: 3.333333333333333vw;
  font-size: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__timeSelector__button {
  width: 34px;
  height: 34px;
  margin: 0 9px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__timeSelector__button {
  margin: 0 2.5vw;
  width: 9.444444444444445vw;
  height: 9.444444444444445vw;
}
.MoverRequestBillOfLadding__addCrew {
  background-color: #fff;
  padding: 18px 0;
  padding-bottom: 0;
  display: grid;
  grid-template-columns: 100%;
  griid-auto-row: max-content;
  grid-row-gap: 14px;
  overflow: auto;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__addCrew {
  padding: 5vw 0;
  padding-bottom: 0;
  grid-row-gap: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__addCrew__removeButton {
  padding: 0 0;
  color: #f03254;
  font-size: 15px;
  line-height: 19px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__addCrew__removeButton {
  padding: 0 0;
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestBillOfLadding__addCrew__blockWithTitle__content {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: unset;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 10px;
  font-size: 14px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__addCrew__blockWithTitle__content {
  grid-column-gap: 2.777777777777778vw;
  font-size: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__addCrew__helpersList {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 14px;
  font-size: 14px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__addCrew__helpersList {
  font-size: 3.888888888888889vw;
  grid-row-gap: 3.888888888888889vw;
}
.MoverRequestBillOfLadding__addCrew__helpersList__row {
  display: grid;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation {
  display: grid;
  grid-template-columns: 100%;
  grid-auro-rows: max-content;
  padding: 14px;
  font-size: 13px;
  font-weight: 600;
  grid-row-gap: 12px;
  border-bottom: 1px solid #e8e8ea;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation {
  padding: 3.888888888888889vw;
  font-size: 3.611111111111111vw;
  grid-row-gap: 3.333333333333333vw;
  border-bottom-width: 0.277777777777778vw;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__title {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__title__value {
  font-weight: 900;
  font-size: 15px;
  color: #00a455;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__title__value {
  font-size: 4.166666666666667vw;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__explanation {
  border-radius: 8px;
  background-color: #f2f4f6;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  font-size: 11px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__explanation {
  border-radius: 2.222222222222222vw;
  padding: 3.333333333333333vw;
  font-size: 3.055555555555555vw;
  grid-column-gap: 2.777777777777778vw;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__explanation__input {
  width: 90px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__explanation__input {
  width: 25vw;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__blockWithExplanation__explanation__thin {
  font-weight: 400;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__hiddenArrowButton {
  pointer-events: none;
  opacity: 0;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__list {
  display: grid;
  grid-template-columns: 200px auto;
  justify-items: start;
  grid-column-gap: 9px;
  grid-row-gap: 7px;
  padding: 16px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__summaryAndPaymentBlock__list {
  grid-template-columns: 55.55555555555556vw auto;
  grid-column-gap: 2.5vw;
  padding: 4.444444444444445vw;
  grid-row-gap: 1.944444444444444vw;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  justify-items: start;
  grid-column-gap: 9px;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eef0f1;
  border-bottom: 1px solid #d9dadd;
  padding: 0 16px;
  padding-right: 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  height: 44px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__summaryAndPaymentBlock__row {
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  height: 12.222222222222221vw;
  border-bottom-width: 0.277777777777778vw;
  grid-column-gap: 2.5vw;
  padding: 0 4.444444444444445vw;
  padding-right: 2.222222222222222vw;
  font-size: 3.611111111111111vw;
  line-height: 5vw;
}
.MoverRequestBillOfLadding__summaryAndPaymentBlock__row__cost {
  color: #12152a;
  margin-right: 12px;
}
.MoverRequestBillOfLadding--Mobile .MoverRequestBillOfLadding__summaryAndPaymentBlock__row__cost {
  margin-right: 3.333333333333333vw;
}
.MoverRequestBillOfLadding__textArea {
  width: 100%;
  height: 96px;
}

.SignatureMaker {
  position: relative;
}
.SignatureMaker__canvas {
  width: 100%;
  height: 100%;
}

.MoverRequestSignatureBlock {
  padding: 18px 15px;
  padding-bottom: 23px;
  grid-row-gap: 13px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  background-color: #eef0f1;
  justify-items: center;
  position: relative;
}
.MoverRequestSignatureBlock--Mobile {
  padding: 5vw 4.166666666666667vw;
  padding-bottom: 6.388888888888889vw;
  grid-row-gap: 3.611111111111111vw;
}
.MoverRequestSignatureBlock--transparent {
  background-color: transparent;
}
.MoverRequestSignatureBlock--complete {
  background-color: transparent;
}
.MoverRequestSignatureBlock--inRow {
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 56px;
  padding: 0 16px;
  border-bottom: 1px solid #e4e5e7;
}
.MoverRequestSignatureBlock--Mobile .MoverRequestSignatureBlock--inRow {
  border-bottom-width: 0.277777777777778vw;
  height: 15.555555555555555vw;
  padding: 0 4.444444444444445vw;
}
.MoverRequestSignatureBlock__removeBtn {
  position: absolute;
  top: 0;
  right: 0;
}
.MoverRequestSignatureBlock__link {
  color: inherit;
  text-decoration: inherit;
}
.MoverRequestSignatureBlock__signature {
  width: 140px;
  height: 80px;
  background-position: center;
  background-size: contain;
}
.MoverRequestSignatureBlock--Mobile .MoverRequestSignatureBlock__signature {
  width: 38.888888888888886vw;
  height: 22.22222222222222vw;
}
.MoverRequestSignatureBlock--inRow .MoverRequestSignatureBlock__signature {
  width: 140px;
  height: 42px;
}
.MoverRequestSignatureBlock--Mobile .MoverRequestSignatureBlock--inRow .MoverRequestSignatureBlock__signature {
  width: 38.888888888888886vw;
  height: 11.666666666666666vw;
}
.MoverRequestSignatureBlock__date {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  color: #71737f;
}
.MoverRequestSignatureBlock--Mobile .MoverRequestSignatureBlock__date {
  font-size: 3.055555555555555vw;
  line-height: 4.444444444444445vw;
}
.MoverRequestSignatureBlock__button {
  border-radius: 34px/2;
}
.MoverRequestSignatureBlock--Mobile .MoverRequestSignatureBlock__button {
  border-radius: 4.722222222222222vw;
}

.ContractPayment {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
}
.ContractPayment__signature {
  min-height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  overflow: auto;
}
.ContractPayment__signature__title {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  grid-template-areas: 'icon bigText' 'icon text';
  padding: 22px 16px;
  background-color: #eef0f1;
}
.ContractPayment--Mobile .ContractPayment__signature__title {
  grid-column-gap: 4.444444444444445vw;
  grid-row-gap: 1.111111111111111vw;
  padding: 6.111111111111111vw 4.444444444444445vw;
}
.ContractPayment__signature__title__icon {
  color: #00a455;
  grid-area: icon;
  width: 54px;
  height: 54px;
}
.ContractPayment--Mobile .ContractPayment__signature__title__icon {
  width: 15vw;
  height: 15vw;
}
.ContractPayment__signature__title__bigText {
  grid-area: bigText;
  color: #00a455;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
}
.ContractPayment--Mobile .ContractPayment__signature__title__bigText {
  font-size: 5.555555555555555vw;
  line-height: 6.944444444444445vw;
}
.ContractPayment__signature__title__text {
  grid-area: text;
  color: #71737f;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.ContractPayment--Mobile .ContractPayment__signature__title__text {
  font-size: 3.888888888888889vw;
  line-height: 5vw;
}
.ContractPayment__signature__confirmButtonClassName {
  background-color: #00a455;
}
.ContractPayment__tips {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  justify-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
}
.ContractPayment__tips__controls {
  width: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
          box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
.ContractPayment--Mobile .ContractPayment__tips__controls {
  -webkit-box-shadow: 0 0.277777777777778vw 1.111111111111111vw rgba(0,0,0,0.25);
          box-shadow: 0 0.277777777777778vw 1.111111111111111vw rgba(0,0,0,0.25);
}
.ContractPayment__tips__controls__button {
  border-radius: 0;
  width: 100%;
  height: 48px;
}
.ContractPayment--Mobile .ContractPayment__tips__controls__button {
  height: 13.333333333333334vw;
}
.ContractPayment__tips__option {
  color: #71737f;
  width: 290px;
  height: 64px;
  border: 1px solid #e8e8ea;
  border-radius: 8px;
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-template-areas: 'icon bigText checkbox' 'icon text checkbox';
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 14px;
  grid-row-gap: 2px;
  padding: 0 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
          box-shadow: 0 0 0 rgba(0,0,0,0);
  margin-bottom: 20px;
}
.ContractPayment--Mobile .ContractPayment__tips__option {
  width: 80.55555555555556vw;
  height: 17.77777777777778vw;
  border-width: 0.277777777777778vw;
  border-radius: 2.222222222222222vw;
  grid-column-gap: 3.888888888888889vw;
  grid-row-gap: 0.555555555555556vw;
  padding: 0 4.444444444444445vw;
  font-size: 3.333333333333333vw;
  line-height: 4.722222222222222vw;
  margin-bottom: 5.555555555555555vw;
}
.ContractPayment__tips__option--active {
  color: #12152a;
  background-color: #fff;
  border-color: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.08);
          box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.ContractPayment--Mobile .ContractPayment__tips__option--active {
  -webkit-box-shadow: 0 1.111111111111111vw 2.777777777777778vw rgba(0,0,0,0.08);
          box-shadow: 0 1.111111111111111vw 2.777777777777778vw rgba(0,0,0,0.08);
}
.ContractPayment__tips__option__icon {
  grid-area: icon;
  width: 32px;
  height: 32px;
}
.ContractPayment--Mobile .ContractPayment__tips__option__icon {
  width: 8.88888888888889vw;
  height: 8.88888888888889vw;
}
.ContractPayment__tips__option--active .ContractPayment__tips__option__icon {
  color: #00a455;
}
.ContractPayment__tips__option__checkbox {
  grid-area: checkbox;
}
.ContractPayment__tips__option__bigText {
  grid-area: bigText;
  font-weight: 500;
  font-size: 20px;
  line-height: 17px;
}
.ContractPayment--Mobile .ContractPayment__tips__option__bigText {
  font-size: 5.555555555555555vw;
  line-height: 4.722222222222222vw;
}
.ContractPayment__tips__inputBlock {
  width: 100%;
  background-color: #eef0f1;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 13px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #71737f;
  padding: 28px;
  justify-items: center;
}
.ContractPayment--Mobile .ContractPayment__tips__inputBlock {
  padding: 7.777777777777778vw;
  grid-row-gap: 3.611111111111111vw;
  font-size: 3.611111111111111vw;
  line-height: 4.444444444444445vw;
}
.ContractPayment__tips__inputBlock__input {
  font-weight: 300;
  font-size: 36px;
  line-height: 46px;
  height: unset;
}
.ContractPayment--Mobile .ContractPayment__tips__inputBlock__input {
  font-size: 10vw;
  line-height: 12.777777777777779vw;
}
.ContractPayment__tips__inputBlock__input__field {
  background-color: transparent;
  border: none;
}
.ContractPayment__tips__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  padding: 20px 16px;
  width: 100%;
  text-align: center;
}
.ContractPayment--Mobile .ContractPayment__tips__title {
  font-size: 6.666666666666667vw;
  line-height: 8.333333333333334vw;
  padding: 5.555555555555555vw 4.444444444444445vw;
}
.ContractPayment__tips__title--withShadow {
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
          box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.ContractPayment--Mobile .ContractPayment__tips__title--withShadow {
  -webkit-box-shadow: 0 0.555555555555556vw 1.666666666666667vw rgba(0,0,0,0.05);
          box-shadow: 0 0.555555555555556vw 1.666666666666667vw rgba(0,0,0,0.05);
}
.ContractPayment__header {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  grid-column-gap: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 16px;
}
.ContractPayment--Mobile .ContractPayment__header {
  grid-column-gap: 5vw;
  font-size: 4.444444444444445vw;
  line-height: 5.555555555555555vw;
  padding: 4.444444444444445vw;
  background-color: #eef0f1;
}
.ContractPayment__header__promo {
  height: 23px;
  background-position: center;
  background-size: contain;
}
.ContractPayment--Mobile .ContractPayment__header__promo {
  height: 6.388888888888889vw;
}
.ContractPayment__header__promo--1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAXCAYAAACh3qkfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAo6SURBVHgB5ZgLcM9XFsfv/58XQQRJCCNIQiJYJKq7aFZYzHQ6Ztmiq/VsEbsj6OzWm2E9apddM7bbxWw8lk6DWszGtErrEY82bxGPRCKbEJUQSeRJkv9+zq/3l/3136wyk047486c332de+6933vOuef+bNnZ2b6PHz8eoZT6WV1dXc+GhoZgyh3c3d1bubi4eDgcDlt9fb2jpqamrqKioqaysrK0trY2F54s+jNatWp1dOTIkf9Rz0mynT59+mZISEj3Fi1aKA8PD4NsNtv/HQCACtAMKisrU8nJyQ4obPPmzdfUc5Bc0aj2vr6+6sKFCwoNUx06dFDe3t4KDVNoUCMjfApNUw8fPlT3799X5eXlKjIyUl29etXm4+PTCZYfDWBiFYsXL+7K+n3c3NzyVq9eXaKaKbna7XYDFTRN3blzR2GehhaJxmF6BlBS9/T0NOoCqgApFBERIdroQIabVeiSJUtm0PaquX608Y0tW7aUSmXZsmXvkwXojd1bv379NPUMifE7yDqbdeaPWbt2bY5ZX7RoUcDy5ct3uLq6RlF1Yz8nyX+hmim5Pnr0qBJQxF8pLy8vo7F79+5q+vTpKj09XR08eFAFBQUZ9ZSUFHXgwAEDQAFWEiDabt++/Y0TRNYr8Lxs1lu3bi0+8tCECRNc2OAb9LXWm22gbSYy659msUuXLvUnmyFTmG3IOkv2buOGXF1/TzZaVx9BD1UzJjuAlYjWtGzZsrFRTBRVVv3791f0q969exv1Tp06KZy/oWVokDFGfNmgQYMKrELZRIRT/QXJQ0ND+5pgmfPjPwPUUyYOQrTGBKtM51FObMN0XgEFosHjVDMm0bDs6urqUPFbYpICBD7J0CIBqV+/fgZgUvf39zcAk3Y/Pz/DTPFl9+bPn19kCsQk2pJ1c5rHABAf+ILzhYJ2B5LdNOuiRcw1ED4BNmvdunXpYvbSR/uvdX6Xto8pijlHLliwwDswMLAaTe9I3TyQIg7WRdazcePGstmzZ7t17NgxjPlC6btbXFz85fbt26usa8GVdEDuIMgLSsPUs/We5FBFToadyTPEgXft2rXRf4njLywsVCUlJUa7aFFubq5xEQgJn2hbVVWV8GRaJ6U/2FJ9rDcYsmrVKncWMVS3V1p4esiHfj/A+hs8Vzi0ePI4KBWfNUL3d0LOcCnTngLPZ3p8CzR9XEZGxk8xRwE+SLcHSh2tXMbY7ljNRcBKpf1D6HOUInXNmjURFrCWwntFH8R+5srEFx4YPnw4YlxfQkmGr1ix4kU7G/wCtOvFT4mpyWmK9uTk5Khr166pwYMHqxs3bqjExERDsIApZhoWFqby8/MFjAQrYNS7WqrH9QbF98gp/US3n4IapMDGDZNk7k3wzaXorfsuQwXIa6n7X7RozynGJZHXa/ljdXuNHLi5FF13MFZACIcq4P0deRJ5L/ZxYt68eR4rV66Mor4WVj/65LD+AFVSf3Xo0KEr1NfmrbDEm3ZQP4GWXBMzRK1Vu3btxEmroqIiVVBQYFwEAoyAZgImZjVw4EAJKRygf0R9M/U0C8j+yPH1DtxY9MuM66tBPUi5XJcD8DO+5K/pzRchsyem2A8KIFj+VIsbrfkdmPYhtF6C5UIN+qDg4OAU+FsxPlfz5Uid4r+hEC1jx/Xr17ewlumyPHi82etI6jE27StomwXPavKPdH08co5gnls3bdpUZB87dmwVk+998OCBioqKMm69rKwswwQzMzNVamqq4bfwDxKkGrHYkCFDDC27fPnyVU4n0YoWE5iA1bLxNNaRr9vfhNzltFBvUXnTaQcR2wXD56b5PiVuyjXlbd26tVZuV4ojNKA2TCedALuIYhc9pgtupY9qIrH2QEv17V69etWxLtFeuzQgqyeANx4yMguFh+Kbuh5ilWcM4nmzDw0q7tOnj+GjcIbq1q1bRoDKgtWZM2eUAArKKi8vT02aNEmdPXu2QcyoiTUG6oke0H+L/Iyum+aYAiDibO/qeg800ep8u+Fz7FaBmH9Pxlt9o6cQQJl8oh1Nxlr4t2pLNYm5tjiRgFdh4fm7U/97yhmwMWPGFHBC/xCfNXPmTNWmTZvGyN4MXEWjJIyYM2eOKi0tVWlpaUcw4w+aWKMZlBZt2LDhHuMznPqTdF6g+TojW8rme3QYQL/HBRDO7RSJMw5FRiR8rpp/Of1DhQDxV6ZQyqObWIvs4RMy80Dk9n6fdS2kfSVjjuMOTiI/1uQXi0dpltH+NuWtaOOebwEmCTDexVfFCzjR0dEGOGKKQhLhiy+bNWuW6ty5s4qLiytB6MKYmJhaq7Bt27aJWfXQEwsIDgtAZkrQ/bf0Rm2Yl9xsi2gzg8xompNZ7GnMpT8beq1xwXb7h1zv54XQ+H/RdEfLE5/n7zSXkpCCvrkaNF/GX+cw6nAL5cyxT3jYm9zIJ/R6fksUUMHtXI+55gDs6CYBGzVqVBm+5HWi+2wBi9NVffv2lchZEVwqrlgJUNXevXtLAHA89W/9ocBcvTQgp5jYuPZZmPi4UyYh7wvNftFsYxPt2WwcixOzlU3kaEDTycv1zSe88dZnkD6QHbovDV8capnfnEehLaIlo5BzVJYpfopyMvku6efdWYaWj6e4EEplPbfl8oDnJHRRPSmdP3++y7lz5z7mhnRwsg4uAAfm6rhy5YoDf5aP/4lS33OSxzN+zFV9D+lpZEu/8DXV12TjsWPHPNq3b//ntm3bvkUY4Z6QkCA+6xNQjwawPPUcJ9uTOpOSkkJ5Ls3l0f0ZqB9RT5EkEOQ/2Si0MuHw4cOlzv3Tpk2LwGdd4iZ+/CQ5U6ZMGcZzLVHCCp41nvjSMRzYpd27d+eoHzDZVDOnGTNmTMKUl1L8IxuMxy/Jg7sK35ci/fz1iOfCmIZjDaJdInqJ5v8Kr0T6OYztBaXhcLfB85t9+/aVT506VX7RHKX/Dv7lc27IEHyj+DdvyoHwytuy7c6dO7/kQMKZ04OgOhEfHIAsf27zZILzQMb6wJ+EHw2JjY1NZS1hHEDms+zPRTVz4g/HO2R72MBLEjxzQbwCQGPCw8OzCILvDhgw4HX6b7KpGGFnQ9Xw/VxuRcp/oa01G5so8Sn1eP5w1Mk1v2fPHrmQMpG/m/5H9E3EyU/kv507wK2CuvH6qGH8OsbW8tYdSJs8osehnXIZLGBMPuC+RXs02i+395+Q+c9n2J6yq+ZPYSxygvwVkMiexcotmULdy2QALLuYFxs/zgYk+i9EYyS6D6LNUx7gJu/+/ftFC+v4WWn+pPRgfCzkB4mFHIKKofOMk78VJciII+9NfTIk8nwkkAb0WNbUUY+RUCVBPWNqVsAmT57cjixx165dvyS/BMlDXB68FQBmRtNfQaIJxSze6KN8E2BHSIxFm6fmuccLpE7/2tnOb6YdmNA8+tPg+wA6Rl8xcmvJ5UUhmiohSD/4N9N+hLL0CeB56n8vi69ok/fleExzt3qekzyp8GEHvosPnnegOOcn2NOk/wILXbeTInOO1QAAAABJRU5ErkJggg==);
  width: 75px;
}
.ContractPayment--Mobile .ContractPayment__header__promo--1 {
  width: 20.833333333333332vw;
}
.ContractPayment__header__promo--2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAXCAYAAACh3qkfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAo6SURBVHgB5ZgLcM9XFsfv/58XQQRJCCNIQiJYJKq7aFZYzHQ6Ztmiq/VsEbsj6OzWm2E9apddM7bbxWw8lk6DWszGtErrEY82bxGPRCKbEJUQSeRJkv9+zq/3l/3136wyk047486c332de+6933vOuef+bNnZ2b6PHz8eoZT6WV1dXc+GhoZgyh3c3d1bubi4eDgcDlt9fb2jpqamrqKioqaysrK0trY2F54s+jNatWp1dOTIkf9Rz0mynT59+mZISEj3Fi1aKA8PD4NsNtv/HQCACtAMKisrU8nJyQ4obPPmzdfUc5Bc0aj2vr6+6sKFCwoNUx06dFDe3t4KDVNoUCMjfApNUw8fPlT3799X5eXlKjIyUl29etXm4+PTCZYfDWBiFYsXL+7K+n3c3NzyVq9eXaKaKbna7XYDFTRN3blzR2GehhaJxmF6BlBS9/T0NOoCqgApFBERIdroQIabVeiSJUtm0PaquX608Y0tW7aUSmXZsmXvkwXojd1bv379NPUMifE7yDqbdeaPWbt2bY5ZX7RoUcDy5ct3uLq6RlF1Yz8nyX+hmim5Pnr0qBJQxF8pLy8vo7F79+5q+vTpKj09XR08eFAFBQUZ9ZSUFHXgwAEDQAFWEiDabt++/Y0TRNYr8Lxs1lu3bi0+8tCECRNc2OAb9LXWm22gbSYy659msUuXLvUnmyFTmG3IOkv2buOGXF1/TzZaVx9BD1UzJjuAlYjWtGzZsrFRTBRVVv3791f0q969exv1Tp06KZy/oWVokDFGfNmgQYMKrELZRIRT/QXJQ0ND+5pgmfPjPwPUUyYOQrTGBKtM51FObMN0XgEFosHjVDMm0bDs6urqUPFbYpICBD7J0CIBqV+/fgZgUvf39zcAk3Y/Pz/DTPFl9+bPn19kCsQk2pJ1c5rHABAf+ILzhYJ2B5LdNOuiRcw1ED4BNmvdunXpYvbSR/uvdX6Xto8pijlHLliwwDswMLAaTe9I3TyQIg7WRdazcePGstmzZ7t17NgxjPlC6btbXFz85fbt26usa8GVdEDuIMgLSsPUs/We5FBFToadyTPEgXft2rXRf4njLywsVCUlJUa7aFFubq5xEQgJn2hbVVWV8GRaJ6U/2FJ9rDcYsmrVKncWMVS3V1p4esiHfj/A+hs8Vzi0ePI4KBWfNUL3d0LOcCnTngLPZ3p8CzR9XEZGxk8xRwE+SLcHSh2tXMbY7ljNRcBKpf1D6HOUInXNmjURFrCWwntFH8R+5srEFx4YPnw4YlxfQkmGr1ix4kU7G/wCtOvFT4mpyWmK9uTk5Khr166pwYMHqxs3bqjExERDsIApZhoWFqby8/MFjAQrYNS7WqrH9QbF98gp/US3n4IapMDGDZNk7k3wzaXorfsuQwXIa6n7X7RozynGJZHXa/ljdXuNHLi5FF13MFZACIcq4P0deRJ5L/ZxYt68eR4rV66Mor4WVj/65LD+AFVSf3Xo0KEr1NfmrbDEm3ZQP4GWXBMzRK1Vu3btxEmroqIiVVBQYFwEAoyAZgImZjVw4EAJKRygf0R9M/U0C8j+yPH1DtxY9MuM66tBPUi5XJcD8DO+5K/pzRchsyem2A8KIFj+VIsbrfkdmPYhtF6C5UIN+qDg4OAU+FsxPlfz5Uid4r+hEC1jx/Xr17ewlumyPHi82etI6jE27StomwXPavKPdH08co5gnls3bdpUZB87dmwVk+998OCBioqKMm69rKwswwQzMzNVamqq4bfwDxKkGrHYkCFDDC27fPnyVU4n0YoWE5iA1bLxNNaRr9vfhNzltFBvUXnTaQcR2wXD56b5PiVuyjXlbd26tVZuV4ojNKA2TCedALuIYhc9pgtupY9qIrH2QEv17V69etWxLtFeuzQgqyeANx4yMguFh+Kbuh5ilWcM4nmzDw0q7tOnj+GjcIbq1q1bRoDKgtWZM2eUAArKKi8vT02aNEmdPXu2QcyoiTUG6oke0H+L/Iyum+aYAiDibO/qeg800ep8u+Fz7FaBmH9Pxlt9o6cQQJl8oh1Nxlr4t2pLNYm5tjiRgFdh4fm7U/97yhmwMWPGFHBC/xCfNXPmTNWmTZvGyN4MXEWjJIyYM2eOKi0tVWlpaUcw4w+aWKMZlBZt2LDhHuMznPqTdF6g+TojW8rme3QYQL/HBRDO7RSJMw5FRiR8rpp/Of1DhQDxV6ZQyqObWIvs4RMy80Dk9n6fdS2kfSVjjuMOTiI/1uQXi0dpltH+NuWtaOOebwEmCTDexVfFCzjR0dEGOGKKQhLhiy+bNWuW6ty5s4qLiytB6MKYmJhaq7Bt27aJWfXQEwsIDgtAZkrQ/bf0Rm2Yl9xsi2gzg8xompNZ7GnMpT8beq1xwXb7h1zv54XQ+H/RdEfLE5/n7zSXkpCCvrkaNF/GX+cw6nAL5cyxT3jYm9zIJ/R6fksUUMHtXI+55gDs6CYBGzVqVBm+5HWi+2wBi9NVffv2lchZEVwqrlgJUNXevXtLAHA89W/9ocBcvTQgp5jYuPZZmPi4UyYh7wvNftFsYxPt2WwcixOzlU3kaEDTycv1zSe88dZnkD6QHbovDV8capnfnEehLaIlo5BzVJYpfopyMvku6efdWYaWj6e4EEplPbfl8oDnJHRRPSmdP3++y7lz5z7mhnRwsg4uAAfm6rhy5YoDf5aP/4lS33OSxzN+zFV9D+lpZEu/8DXV12TjsWPHPNq3b//ntm3bvkUY4Z6QkCA+6xNQjwawPPUcJ9uTOpOSkkJ5Ls3l0f0ZqB9RT5EkEOQ/2Si0MuHw4cOlzv3Tpk2LwGdd4iZ+/CQ5U6ZMGcZzLVHCCp41nvjSMRzYpd27d+eoHzDZVDOnGTNmTMKUl1L8IxuMxy/Jg7sK35ci/fz1iOfCmIZjDaJdInqJ5v8Kr0T6OYztBaXhcLfB85t9+/aVT506VX7RHKX/Dv7lc27IEHyj+DdvyoHwytuy7c6dO7/kQMKZ04OgOhEfHIAsf27zZILzQMb6wJ+EHw2JjY1NZS1hHEDms+zPRTVz4g/HO2R72MBLEjxzQbwCQGPCw8OzCILvDhgw4HX6b7KpGGFnQ9Xw/VxuRcp/oa01G5so8Sn1eP5w1Mk1v2fPHrmQMpG/m/5H9E3EyU/kv507wK2CuvH6qGH8OsbW8tYdSJs8osehnXIZLGBMPuC+RXs02i+395+Q+c9n2J6yq+ZPYSxygvwVkMiexcotmULdy2QALLuYFxs/zgYk+i9EYyS6D6LNUx7gJu/+/ftFC+v4WWn+pPRgfCzkB4mFHIKKofOMk78VJciII+9NfTIk8nwkkAb0WNbUUY+RUCVBPWNqVsAmT57cjixx165dvyS/BMlDXB68FQBmRtNfQaIJxSze6KN8E2BHSIxFm6fmuccLpE7/2tnOb6YdmNA8+tPg+wA6Rl8xcmvJ5UUhmiohSD/4N9N+hLL0CeB56n8vi69ok/fleExzt3qekzyp8GEHvosPnnegOOcn2NOk/wILXbeTInOO1QAAAABJRU5ErkJggg==);
  width: 58px;
}
.ContractPayment--Mobile .ContractPayment__header__promo--2 {
  width: 16.11111111111111vw;
}
.ContractPayment .ContractPayment__createPayment {
  overflow: auto;
}
.ContractPayment .ContractPayment__createPayment__tabPane {
  padding: 0;
  display: grid;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  grid-template-columns: 100%;
}
.ContractPayment .ContractPayment__createPayment__tabPane__header {
  grid-column-gap: 0;
  overflow: auto;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__tabPane__header {
  grid-column-gap: 0;
  background-color: #eef0f1;
}
.ContractPayment .ContractPayment__createPayment__tabPane__views {
  margin-top: 0;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__tabPane__views {
  margin-top: 0;
}
.ContractPayment .ContractPayment__createPayment__tabPane__tab {
  background-color: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border-bottom: 3px solid transparent;
  padding: 0 26px;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__tabPane__tab {
  border-bottom-width: 0.833333333333333vw;
  padding: 0 6.111111111111111vw;
}
.ContractPayment .ContractPayment__createPayment__tabPane__tab--active {
  border-bottom-color: #00a455;
}
.ContractPayment .ContractPayment__createPayment__creditCardEditor {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'cardNumber cardNumber' 'expDate cvc' 'zip zip' 'cardHolder cardHolder';
  grid-gap: 0;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__creditCardEditor {
  grid-gap: 0;
}
.ContractPayment .ContractPayment__createPayment__creditCardEditor__stripePromo {
  grid-column: span 2;
}
.ContractPayment .ContractPayment__createPayment__creditCardEditor__block {
  padding: 10px 18px;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__creditCardEditor__block {
  padding: 2.777777777777778vw 5vw;
}
.ContractPayment .ContractPayment__createPayment__creditCardEditor__block--gray {
  background-color: #eef0f1;
}
.ContractPayment .ContractPayment__createPayment__creditCardEditor__block--bigTopPadding {
  padding-top: 20px;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__creditCardEditor__block--bigTopPadding {
  padding-top: 5.555555555555555vw;
}
.ContractPayment .ContractPayment__createPayment__creditCardEditor__block--bigBottomPadding {
  padding-bottom: 20px;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__creditCardEditor__block--bigBottomPadding {
  padding-bottom: 5.555555555555555vw;
}
.ContractPayment .ContractPayment__createPayment__creditCardEditor__block--noLeftPadding {
  padding-left: 0;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__creditCardEditor__block--noLeftPadding {
  padding-left: 0;
}
.ContractPayment .ContractPayment__createPayment__checkEditor {
  padding: 18px 18px;
}
.ContractPayment--Mobile.ContractPayment .ContractPayment__createPayment__checkEditor {
  padding: 5vw 5vw;
  grid-column-gap: 6.944444444444445vw;
  grid-row-gap: 4.444444444444445vw;
}

.MoverRequestContract {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-auto-rows: auto;
  grid-auto-flow: row;
  background-color: #f2f4f6;
  overflow: auto;
}
.MoverRequestContract--Mobile {
  position: fixed;
  top: 0;
  z-index: 4;
  overflow-y: auto;
}
.MoverRequestContract__link {
  color: inherit;
  text-decoration: inherit;
}
.MoverRequestContract__modal {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 90px;
  pointer-events: none;
  background-color: transparent;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  -ms-flex-line-pack: end;
      align-content: end;
}
.MoverRequestContract--Mobile .MoverRequestContract__modal {
  padding-top: 25vw;
}
.MoverRequestContract__modal--secondLevel {
  padding-top: 56px;
}
.MoverRequestContract--Mobile .MoverRequestContract__modal--secondLevel {
  padding-top: 15.555555555555555vw;
}
.MoverRequestContract__modal--fullHeight {
  grid-template-rows: 100%;
}
.MoverRequestContract__modal--visible {
  pointer-events: all;
  background-color: rgba(18,21,42,0.6);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.MoverRequestContract__modal > .MoverRequestContract__modal__inners {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  height: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  overflow: hidden;
}
.MoverRequestContract__modal--visible.MoverRequestContract__modal > .MoverRequestContract__modal__inners {
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.MoverRequestContract__modal__header {
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid #f2f2f2;
  height: 56px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  padding: 0 20px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
}
.MoverRequestContract--Mobile .MoverRequestContract__modal__header {
  border-radius: 5.555555555555555vw 5.555555555555555vw 0 0;
  border-bottom-width: 0.277777777777778vw;
  height: 15.555555555555555vw;
  font-size: 5vw;
  line-height: 6.388888888888889vw;
  padding: 0 5.555555555555555vw;
}
.MoverRequestContract__modal__body {
  padding: 20px 16px;
  width: 100%;
  background-color: #fff;
  overflow: auto;
}
.MoverRequestContract--Mobile .MoverRequestContract__modal__body {
  padding: 5.555555555555555vw 4.444444444444445vw;
}
.MoverRequestContract__modal__button {
  width: 100%;
  height: 50px;
  border-radius: 0;
}
.MoverRequestContract--Mobile .MoverRequestContract__modal__button {
  height: 13.88888888888889vw;
}
.MoverRequestContract__modal__button--confirm {
  background-color: #fd9909;
}
.MoverRequestContract__modal__button--confirm:hover {
  background-color: #fd9909;
}
.MoverRequestContract__customContent {
  font-size: 13px;
  line-height: 16px;
}
.MoverRequestContract--Mobile .MoverRequestContract__customContent {
  font-size: 13px;
  line-height: 16px;
  width: 328px;
}
.MoverRequestContract__customContent--grid {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 9px;
}
.MoverRequestContract__header {
  height: 53px;
  background-color: #12152a;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  color: #fff;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-gap: 25px;
  padding: 12px;
}
.MoverRequestContract--Mobile .MoverRequestContract__header {
  height: 14.722222222222221vw;
  font-size: 4.722222222222222vw;
  line-height: 6.666666666666667vw;
  grid-gap: 6.944444444444445vw;
  padding: 3.333333333333333vw;
}
.MoverRequestContract__backButtonIcon {
  color: #fff;
}
.MoverRequestContract__tabPane {
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  grid-template-columns: 100%;
}
.MoverRequestContract--Mobile .MoverRequestContract__tabPane {
  overflow: unset;
}
.MoverRequestContract__tabPane > .MoverRequestContract__tabPane__tabs > .MoverRequestContract__tabPane__tabButton:hover {
  color: #fff;
}
.MoverRequestContract__tabPane > .MoverRequestContract__tabPane__views {
  overflow: hidden;
}
.MoverRequestContract__tabPane > .MoverRequestContract__tabPane__tabs.MoverRequestContract__tabPane__tabsForcing {
  background-color: #12152a;
  border-bottom: none;
  padding: 0;
  grid-column-gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.MoverRequestContract .MoverRequestContract__tabPane__tabButton.MoverRequestContract__tabPane__tabButtonForcing {
  color: #fff;
  padding: 0 20px;
}
.MoverRequestContract--Mobile.MoverRequestContract .MoverRequestContract__tabPane__tabButton.MoverRequestContract__tabPane__tabButtonForcing {
  padding: 0 5.555555555555555vw;
}

.MoverRequestPhotos {
  overflow: hidden;
  height: 100%;
}
.MoverRequestPhotos__photoAdder {
  background-color: #fff;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  overflow-y: auto;
}
.MoverRequestPhotos__photoAdder__blockWithTitle {
  width: 100%;
}
.MoverRequestPhotos__photoAdder__inputs {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  justify-items: center;
  grid-row-gap: 28px;
  padding: 16px;
}
.MoverRequestPhotos--Mobile .MoverRequestPhotos__photoAdder__inputs {
  grid-row-gap: 7.777777777777778vw;
  padding: 4.444444444444445vw;
}
.MoverRequestPhotos__preview {
  background-position: center;
  background-size: contain;
}
.MoverRequestPhotos__addButton {
  position: fixed;
  right: 16px;
  bottom: 23px;
  width: 50px;
  height: 50px;
}
.MoverRequestPhotos--Mobile .MoverRequestPhotos__addButton {
  right: 4.444444444444445vw;
  bottom: 6.388888888888889vw;
  width: 13.88888888888889vw;
  height: 13.88888888888889vw;
}
.MoverRequestPhotos__list {
  height: 100%;
  overflow: auto;
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
}
.MoverRequestPhotos--Mobile .MoverRequestPhotos__list {
  font-size: 4.166666666666667vw;
  line-height: 5.277777777777778vw;
}
.MoverRequestPhotos__row {
  background-color: #fff;
  border-bottom: 1px solid #e8e9eb;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-template-rows: 100%;
  grid-row-gap: 16px;
  grid-column-gap: 10px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px;
  position: relative;
}
.MoverRequestPhotos--Mobile .MoverRequestPhotos__row {
  border-bottom-width: 0.277777777777778vw;
  grid-row-gap: 5vw;
  grid-column-gap: 2.777777777777778vw;
  padding: 3.888888888888889vw 4.444444444444445vw;
}
.MoverRequestPhotos__row__image {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-position: center;
  background-size: contain;
}
.MoverRequestPhotos--Mobile .MoverRequestPhotos__row__image {
  width: 17.77777777777778vw;
  height: 17.77777777777778vw;
  border-radius: 2.222222222222222vw;
}
.MoverRequestPhotos__row__trash {
  position: absolute;
  top: 14px;
  right: 16px;
  justify-self: end;
  height: 18px;
  width: 18px;
}
.MoverRequestPhotos--Mobile .MoverRequestPhotos__row__trash {
  height: 5vw;
  width: 5vw;
  top: 3.888888888888889vw;
  right: 4.444444444444445vw;
}
.MoverRequestPhotos__row__trash__icon {
  width: 18px;
  height: 18px;
}
.MoverRequestPhotos--Mobile .MoverRequestPhotos__row__trash__icon {
  width: 5vw;
  height: 5vw;
}

.MoverRequestAdditionalAgreement {
  padding: 21px 16px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
.MoverRequestAdditionalAgreement--Mobile {
  padding: 5.833333333333333vw 4.444444444444445vw;
  grid-row-gap: 3.333333333333333vw;
}
.MoverRequestAdditionalAgreement__status {
  height: 1em;
}
.MoverRequestAdditionalAgreement__text {
  white-space: pre-wrap;
}
.MoverRequestAdditionalAgreement .MoverRequestAdditionalAgreement__textArea {
  min-height: 300px;
  width: 100%;
}
.MoverRequestAdditionalAgreement--Mobile.MoverRequestAdditionalAgreement .MoverRequestAdditionalAgreement__textArea {
  min-height: 83.33333333333333vw;
}

.MoverRequestForemanInfo {
  padding: 21px 16px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
.MoverRequestForemanInfo--Mobile {
  padding: 5.833333333333333vw 4.444444444444445vw;
  grid-row-gap: 3.333333333333333vw;
}
.MoverRequestForemanInfo__textScaler {
  width: 100%;
}
.MoverRequestForemanInfo__text {
  width: 100%;
  font-size: 14px;
  line-height: 1em;
}
.MoverRequestForemanInfo--Mobile .MoverRequestForemanInfo__text {
  font-size: 14px;
  line-height: 1em;
  width: 328px;
}

.MoverRequestConfirmationPage__textScaler {
  width: 100%;
}
.MoverRequestConfirmationPage__text {
  width: 8.27in;
  font-size: 14px;
  line-height: 1em;
}
.MoverRequestConfirmationPage--Mobile .MoverRequestConfirmationPage__text {
  font-size: 14px;
  line-height: 1em;
  width: 5.827in;
}

.PayrollsPage {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
  position: relative;
  background-color: #ecf0f1;
  padding-top: 20px;
  grid-row-gap: 20px;
}
.PayrollsPage__header {
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  grid-column-gap: 26px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0 30px;
}
.PayrollsPage__header__title {
  font-size: 24px;
  font-weight: 700;
}
.PayrollsPage__header__information {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
.PayrollsPage__statistics {
  padding: 0 30px;
  padding-bottom: 6px;
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(auto-fill, minmax(120px, 190px));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.PayrollsPage__statistics__block {
  width: 190px;
  height: 90px;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.05);
          box-shadow: 0 3px 6px rgba(0,0,0,0.05);
  border-radius: 10px;
  padding: 20px 25px;
}
.PayrollsPage__statistics__block__text {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 2px;
}
.PayrollsPage__statistics__block__value {
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  color: #00a455;
}
.PayrollsPage__userPayrollPlace {
  position: fixed;
  z-index: 5;
  pointer-events: none;
  background-color: transparent;
  backdrop-filter: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
}
.PayrollsPage__userPayrollPlace--visible {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  pointer-events: all;
  background-color: rgba(18,21,42,0.4);
  backdrop-filter: blur(4px);
}
.PayrollsPage__userPayrollPlace__header {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 8px;
  opacity: 0;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
}
.PayrollsPage__userPayrollPlace--visible .PayrollsPage__userPayrollPlace__header {
  opacity: 1;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
}
.PayrollsPage__userPayrollPlace__container {
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.PayrollsPage__userPayrollPlace--visible .PayrollsPage__userPayrollPlace__container {
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.PayrollsTableByRole {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.PayrollsTableByRole__primaryColorText {
  color: #00a455;
}
.PayrollsTableByRole__userLink {
  text-decoration: inherit;
  font-weight: 500;
  color: inherit;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PayrollsTableByRole__userLink:hover .PayrollsTableByRole__userLink__text {
  color: #00a455;
  text-decoration: underline;
}
.PayrollsTableByRole__userLink__avatar {
  width: 28px;
  height: 28px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  font-size: 13px;
}
.PayrollsTableByRole__dropdown__header {
  padding: 0;
  border: none;
  height: unset;
}
.PayrollsTableByRole__dropdown__header__icon {
  display: none;
}
.PayrollsTableByRole__arrow {
  width: 18px;
  height: 18px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #70737e;
  padding: 4px;
  border: 1px solid #70737e;
  border-radius: 50%;
}
.PayrollsTableByRole__dropdown__header--visible .PayrollsTableByRole__arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  color: #00a455;
  border-color: #00a455;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.PayrollsTableByRole__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 18px 2fr;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-auto-flow: column;
  height: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  background-color: #fff;
  border-bottom: 1px solid #e8e8ea;
}
.PayrollsTableByRole__dropdown__header--visible .PayrollsTableByRole__row {
  background-color: #f8f8f9;
}
.PayrollsTableByRole__row--header {
  border-bottom: none;
  height: 48px;
  background-color: #f8f8f9;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.PayrollsTableByRole__row--user {
  height: 40px;
  background-color: #f8f8f9;
}
.PayrollsTableByRole__row--user:hover {
  background-color: #fff;
}
.PayrollsTableByRole__cell:nth-child(n + 4) {
  text-align: right;
}

.PayrollsForUser {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
  position: relative;
  background-color: #fff;
  padding-top: 20px;
}
.PayrollsForUser__header {
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-column-gap: 26px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0 30px;
  margin-bottom: 20px;
}
.PayrollsForUser__header__title {
  font-size: 24px;
  font-weight: 700;
}
.PayrollsForUser__header__information {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}

.PayrollsTableForUser__header {
  padding: 0;
  border: none;
  height: unset;
}
.PayrollsTableForUser__header__icon {
  display: none;
}
.PayrollsTableForUser__arrow {
  width: 18px;
  height: 18px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #70737e;
  padding: 4px;
  border: 1px solid #70737e;
  border-radius: 50%;
}
.PayrollsTableForUser__header--visible .PayrollsTableForUser__arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  color: #00a455;
  border-color: #00a455;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.PayrollsTableForUser__tablePlace {
  padding: 15px 30px;
  background-color: #f8f8f9;
}
.PayrollsTableForUser__table {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
          box-shadow: 0 3px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
}
.PayrollsTableForUser__row {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 18px;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-auto-flow: column;
  height: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  background-color: #fff;
  border-bottom: 1px solid #e8e8ea;
}
.PayrollsTableForUser__row--header {
  border-bottom: none;
  height: 48px;
  background-color: #eef0f1;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
}
.PayrollsTableForUser__row--dropdownTitle {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  font-weight: 500;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
}
.PayrollsTableForUser__header--visible .PayrollsTableForUser__row--dropdownTitle {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background-color: #f8f8f9;
}
.PayrollsTableForUser__row--user {
  height: 40px;
}
.PayrollsTableForUser__cell--total {
  color: #00a455;
  font-weight: 900;
}
.PayrollsTableForUser__cell:nth-child(n + 4) {
  text-align: right;
}

.StorageTenants {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content max-content;
  height: 100%;
  overflow-y: auto;
}
.StorageTenants__saveButton {
  margin-right: 32px;
}
.StorageTenants__removeButton {
  margin-right: 32px;
}
.StorageTenants__textNegative {
  color: #ee4b19;
}
.StorageTenants__tenantLayer {
  position: fixed;
  z-index: 5;
  pointer-events: none;
  background-color: transparent;
  backdrop-filter: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
}
.StorageTenants__tenantLayer--visible {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  pointer-events: all;
  background-color: rgba(18,21,42,0.4);
  backdrop-filter: blur(4px);
}
.StorageTenants__tenantLayer__header {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  opacity: 0;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  color: #fff;
}
.StorageTenants__tenantLayer--visible .StorageTenants__tenantLayer__header {
  opacity: 1;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
}
.StorageTenants__tenantLayer__header__title {
  margin-right: auto;
}
.StorageTenants__tenantLayer__container {
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background-color: #f2f4f6;
  padding: 18px;
  display: grid;
}
.StorageTenants__tenantLayer--visible .StorageTenants__tenantLayer__container {
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.StorageTenants__header {
  padding: 23px 28px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
  grid-column-gap: 28px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StorageTenants__header__statusFilter {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 18px;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StorageTenants__header__statusFilter__button {
  cursor: pointer;
}
.StorageTenants__header__statusFilter__button--inactive {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.StorageTenants__header__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}
.StorageTenants__table {
  font-size: 13px;
  display: table;
  border-collapse: collapse;
}
.StorageTenants__table__nextRunCell {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
.StorageTenants__table__stickers {
  height: 100%;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-auto-rows: minmax(33%, 100%);
  font-size: 13px;
  font-weight: 400;
  grid-auto-flow: row;
  grid-column-gap: 12px;
  overflow: hidden;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.StorageTenants__table__stickers__circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
          box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}
.StorageTenants__table__recurring {
  color: #fd9909;
  font-size: 32px;
}
.StorageTenants__table__sortingArrow {
  margin-left: 14px;
}
.StorageTenants__table__sortingArrow--up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.StorageTenants__table__cell {
  display: table-cell;
  height: 100%;
  padding: 6px 16px;
  text-align: left;
  vertical-align: middle;
  white-space: pre-wrap;
}
.StorageTenants__table__cell--clientName {
  width: 200px;
}
.StorageTenants__table__cell--noPaddingY {
  padding-top: 0;
  padding-bottom: 0;
}
.StorageTenants__table__cell--headerTouchable {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.StorageTenants__table__row {
  display: table-row;
  text-decoration: inherit;
  color: inherit;
  height: 56px;
  padding: 0 16px;
  padding: 0 16px;
  border-bottom: 1px solid #e8e8ea;
}
.StorageTenants__table__row:hover {
  background-color: #f2f4f6;
}
.StorageTenants__table__row--header {
  height: 48px;
  background: #f8f8f9;
  color: #71737f;
  font-weight: 500;
  font-size: 12px;
  border-bottom: none;
  white-space: nowrap;
}
.StorageTenants__pagination {
  padding-left: 18px;
}

.StorageTenantEditor {
  display: grid;
  grid-column-gap: 18px;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-template-rows: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.StorageTenantEditor .StorageTenantEditor__tabPane {
  height: 100%;
}
.StorageTenantEditor .StorageTenantEditor__tabPane__tabs {
  height: 100%;
  background-color: transparent;
  padding: 0;
}
.StorageTenantEditor .StorageTenantEditor__tabPane__tabText {
  position: relative;
}
.StorageTenantEditor .StorageTenantEditor__tabPane__tabText__notificationCircle {
  position: absolute;
  top: -8px;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ee4b19;
}
.StorageTenantEditor .StorageTenantEditor__unsetWidth {
  width: unset;
}
.StorageTenantEditor .StorageTenantEditor__StorageGallery__imageList {
  grid-template-columns: 1fr 1fr;
}
.StorageTenantEditor__inputError {
  top: 10px;
  left: 10px;
}
.StorageTenantEditor__twoButtonsInRow {
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-auto-flow: column;
}
.StorageTenantEditor__twoColumnsElement {
  grid-column: span 2;
  justify-self: center;
}
.StorageTenantEditor__saveButton {
  position: absolute;
  top: -20px;
  right: 40px;
}
.StorageTenantEditor__fullWidthElement {
  width: 100%;
}
.StorageTenantEditor__column {
  background: #fff;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.102);
          box-shadow: 0 3px 8px 0 rgba(0,0,0,0.102);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-max-content auto;
  grid-template-rows: max-content auto;
  overflow: hidden;
}
.StorageTenantEditor__column__body {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 12px;
  padding: 12px 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.StorageTenantEditor__column__body--ledger {
  grid-template-columns: 100%;
  padding: 0;
}
.StorageTenantEditor__column__body--recurring {
  grid-template-columns: 1fr 1fr;
}
.StorageTenantEditor__column__body__title {
  color: #71737f;
  font-size: 13px;
  font-weight: 400;
}
.StorageTenantEditor__column__body__twoColumnsElement {
  grid-column: span 2;
}
.StorageTenantEditor__column__body__twoColumnsGrid {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-column-gap: 18px;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-auto-flow: row;
  grid-row-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StorageTenantEditor__column__header {
  height: 36px;
  background-color: #d5dadd;
  font-size: 14px;
  font-weight: 600;
  padding: 0 18px;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.StorageTenantEditor__column__header__controls {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 14px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StorageTenantEditor__column__header__primaryColor {
  color: #00a455;
}
.StorageTenantEditor__column__header__negativeColor {
  color: #ee4b19;
}
.StorageTenantEditor__column__header__startRecurring {
  position: absolute;
  height: 100%;
  right: 0;
  background-color: #ff952c;
  color: #fff;
  border-radius: 0;
}
.StorageTenantEditor__column__header__startRecurring:hover {
  background-color: #f87b00;
}
.StorageTenantEditor__column__header__startRecurring--active {
  background-color: #00a455;
}
.StorageTenantEditor__column__header__startRecurring--active:hover {
  background-color: #00713b;
}
.StorageTenantEditor__column__header__startRecurring--active .StorageTenantEditor__column__header__startRecurring__icon {
  -webkit-animation: rotating 3s infinite linear forwards;
          animation: rotating 3s infinite linear forwards;
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

.ColorPicker2 {
  width: 34px;
  height: 34px;
  border: 1px solid #00a455;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.ColorPicker2__icon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
          box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}

.StickersEditor {
  display: grid;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-template-columns: 100%;
  grid-row-gap: 18px;
}
.StickersEditor__fullWidthElement {
  width: 100%;
}
.StickersEditor__sticker {
  display: grid;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  grid-template-columns: 100%;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}
.StickersEditor__sticker__row1 {
  display: grid;
  grid-template-columns: 34px auto;
  grid-column-gap: 12px;
}
.StickersEditor__sticker__row2 {
  display: grid;
  grid-template-columns: 1fr 1fr -webkit-max-content;
  grid-template-columns: 1fr 1fr max-content;
  grid-column-gap: 12px;
}
.StickersEditor__sticker__name {
  width: 100%;
}
.StickersEditor__sticker__number {
  width: 100%;
}

.ConnectWithRequestEditorModal.ModalInstance {
  width: 400px;
}

.StorageTenantLedger {
  background-color: #f2f4f6;
  width: 100%;
  position: relative;
}
.StorageTenantLedger__runningBalance {
  border-radius: 8px;
  background: rgba(0,164,85,0.2);
  color: #00a455;
  font-size: 10px;
  line-height: 1.4em;
  display: grid;
  grid-auto-flow: row;
  justify-items: right;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  text-align: right;
  padding: 4px 8px;
  align-self: center;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__runningBalance {
  border-radius: 2.222222222222222vw;
  font-size: 2.777777777777778vw;
  padding: 1.111111111111111vw 2.222222222222222vw;
}
.StorageTenantLedger__runningBalance--negative {
  background: rgba(238,75,25,0.2);
  color: #ee4b19;
}
.StorageTenantLedger__runningBalance__amount {
  font-size: 14px;
  font-weight: 550;
  line-height: 1.428571428571429em;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__runningBalance__amount {
  font-size: 3.888888888888889vw;
}
.StorageTenantLedger__invoiceControlButton {
  padding: 0 12px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__invoiceControlButton {
  padding: 0 3.333333333333333vw;
}
.StorageTenantLedger__invoiceControls {
  grid-column-gap: 8px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__invoiceControls {
  grid-column-gap: pxToVw;
}
.StorageTenantLedger__invoiceCardHeader {
  padding: 16px 12px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__invoiceCardHeader {
  padding: 3.333333333333333vw 0;
}
.StorageTenantLedger__invoiceCardHeaderTitle {
  grid-column-gap: 10px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__invoiceCardHeaderTitle {
  grid-column-gap: 2.777777777777778vw;
}
.StorageTenantLedger__invoiceCardValueAmount {
  font-size: 16px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__invoiceCardValueAmount {
  font-size: 4.444444444444445vw;
}
.StorageTenantLedger__invoiceCreator {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  padding: 12px 18px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__invoiceCreator {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  padding: 3.333333333333333vw 5vw;
}
.StorageTenantLedger__invoiceCreator__fullWidth {
  width: 100%;
}
.StorageTenantLedger__noPaymentsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  text-align: center;
  color: #71737f;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__noPaymentsBlock {
  padding: 11.11111111111111vw 5.555555555555555vw;
}
.StorageTenantLedger__noPaymentsBlock__icon {
  width: 124px;
  height: 124px;
  margin-bottom: 44px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__noPaymentsBlock__icon {
  width: 34.44444444444444vw;
  height: 34.44444444444444vw;
  margin-bottom: 12.222222222222221vw;
}
.StorageTenantLedger__noPaymentsBlock__bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 9px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__noPaymentsBlock__bold {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  margin-bottom: 2.5vw;
}
.StorageTenantLedger__controls {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__controls {
  padding: 4.444444444444445vw 0;
}
.StorageTenantLedger__controls__btn {
  margin-right: 9px;
  margin-bottom: 9px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__controls__btn {
  margin-right: 2.5vw;
  margin-bottom: 2.5vw;
}
.StorageTenantLedger__controls__btn--addInvoice {
  background-color: #4d6eff;
}
.StorageTenantLedger__controls__btn--proRate {
  background-color: #be9000;
}
.StorageTenantLedger__bigPrimaryText {
  color: #00a455;
  font-size: 36px;
  line-height: 1em;
  font-weight: 400;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__bigPrimaryText {
  font-size: 10vw;
}
.StorageTenantLedger__payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  padding-bottom: 16px;
  grid-row-gap: 9px;
}
.StorageTenantLedger--Mobile .StorageTenantLedger__payments {
  padding: 0;
  padding-bottom: 4.444444444444445vw;
  grid-row-gap: 2.5vw;
}

.Ledger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  padding-bottom: 16px;
  grid-row-gap: 9px;
}
.Ledger--Mobile .Ledger {
  padding: 0;
  padding-bottom: 4.444444444444445vw;
  grid-row-gap: 2.5vw;
}
.Ledger__runningBalance {
  border-radius: 8px;
  background: rgba(0,164,85,0.2);
  color: #00a455;
  font-size: 10px;
  line-height: 1.4em;
  display: grid;
  grid-auto-flow: row;
  justify-items: right;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  text-align: right;
  padding: 4px 8px;
  align-self: center;
}
.Ledger--Mobile .Ledger__runningBalance {
  border-radius: 2.222222222222222vw;
  font-size: 2.777777777777778vw;
  padding: 1.111111111111111vw 2.222222222222222vw;
}
.Ledger__runningBalance--negative {
  background: rgba(238,75,25,0.2);
  color: #ee4b19;
}
.Ledger__runningBalance__amount {
  font-size: 14px;
  font-weight: 550;
  line-height: 1.428571428571429em;
}
.Ledger--Mobile .Ledger__runningBalance__amount {
  font-size: 3.888888888888889vw;
}

.StorageTenantLogs {
  width: 100%;
  position: relative;
  overflow-y: scroll;
  background: #f2f4f6;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 18px;
  grid-auto-flow: row;
  padding: 10px;
}

.LogRenderer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.LogRenderer__right {
  width: 100%;
  margin-left: 75px;
  color: #71737f;
}
.LogRenderer__type {
  width: 100px;
  height: 40px;
  background-size: 20px;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.LogRenderer__type__circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f2f4f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.LogRenderer__type__circle--colorPrimary {
  background: #00a455;
}
.LogRenderer__type__circle--warning {
  background: #fd9909;
}
.LogRenderer__type__circle__icon {
  color: #a0a1aa;
}
.LogRenderer__type__circle__icon--colorPanel {
  color: #fff;
}
.LogRenderer .LogRenderer__paper {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  padding-left: 20px;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
  transition: -webkit-box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out;
  transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
}
.LogRenderer .LogRenderer__paper__header {
  border-bottom: none;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-right: 0;
}
.LogRenderer .LogRenderer__paper__header__button {
  border: 1px solid #71737f;
  border-radius: 50%;
  padding: 4px;
  font-size: 19px;
}
.LogRenderer .LogRenderer__paper__header__button--rotated {
  border-color: #00a455;
  color: #00a455;
}
.LogRenderer__body {
  width: 100%;
}
.LogRenderer__header {
  display: grid;
  gap: 4px;
  line-height: 20px;
  padding: 8px 0;
}
.LogRenderer__date {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #a0a1aa;
}
.LogRenderer__date__primary {
  color: #00a455;
}
.LogRenderer__title {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 15px;
}
.LogRenderer__logBody {
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
  padding: 16px;
  display: grid;
  gap: 4px;
  white-space: pre-wrap;
}
.LogRenderer__logBody--primary {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #00a455;
}
.LogRenderer__logBody--negative {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #ee4b19;
}
.LogRenderer__logBody__block {
  line-height: 20px;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content auto;
  grid-template-columns: max-content max-content auto;
}
.LogRenderer__logBody__block--expanded {
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.LogRenderer__logBody__block__title {
  display: inline-block;
  margin-right: 11px;
}
.LogRenderer__logBody__block__title--bold {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.LogRenderer__logBody__block__body {
  display: inline-block;
  margin-right: 11px;
}
.LogRenderer__logBody__block__body--expanded {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 100%;
}

.JsonViewer {
  width: 100%;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.JsonViewer__row {
  width: 100%;
  display: inline-block;
}
.JsonViewer__row__fieldname {
  float: left;
}
.JsonViewer__row__value {
  float: left;
}
.JsonViewer__row__nextLevel__title {
  width: 100%;
}
.JsonViewer__row__nextLevel__value {
  padding: 4px 20px;
}

.EmailSentLog {
  width: 100%;
  height: 600px;
  overflow: auto;
}

.StorageTenantNotes {
  width: 100%;
  border: 1px solid #e8e8ea;
  border-radius: 8px;
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-template-columns: 100%;
  grid-row-gap: 12px;
  overflow: hidden;
}
.StorageTenantNotes__header {
  width: 100%;
  background-color: #f2f4f6;
  font-weight: 500;
  padding: 6px 12px;
}
.StorageTenantNotes__note {
  padding: 0 12px;
}
.StorageTenantNotes__note__date {
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  color: #71737f;
}
.StorageTenantNotes__note__text {
  word-break: break-word;
}
.StorageTenantNotes__footer {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  gap: 8px;
  -ms-flex-line-pack: start;
      align-content: start;
  padding: 4px;
}

.StoragesAndUnitsSettings {
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-template-columns: 100%;
}
.StoragesAndUnitsSettings__unitStatus {
  font-weight: 600;
  color: #00a455;
  text-decoration: none;
}
.StoragesAndUnitsSettings__unitStatus--busy {
  color: #ee4b19;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__dropdown {
  border-bottom: 1px solid #e8e8ea;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__dropdownHeader {
  padding: 0;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-template-areas: "button title";
  grid-column-gap: 12px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  border-bottom: none;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__dropdownIcon {
  grid-area: button;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__dropdownTitle {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 100%;
  grid-template-columns: 1fr;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 12px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__dropdownContentWrapper {
  padding-bottom: 12px;
  padding-left: 48px;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__storageNameInput {
  width: unset;
}
.StoragesAndUnitsSettings__unitRow {
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 12px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  grid-auto-flow: column;
  margin-bottom: 12px;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__unitNameInput {
  width: 548px;
}
.StoragesAndUnitsSettings .StoragesAndUnitsSettings__unitNameInput__field {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

.SearchUsersFilters {
  overflow: auto;
}
.SearchUsersFilters__box {
  padding: 18px;
  display: grid;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 13px;
  grid-template-columns: 1fr;
}
.SearchUsersFilters--Mobile .SearchUsersFilters__box {
  padding: 5vw;
  grid-gap: 3.611111111111111vw;
}
.SearchUsersFilters__box--2Columns {
  grid-template-columns: 1fr 1fr;
}
.SearchUsersFilters__box--autoMax {
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
}
.SearchUsersFilters__buttons {
  padding: 25px 25px 18px 18px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
.SearchUsersFilters--Mobile .SearchUsersFilters__buttons {
  padding: 6.944444444444445vw 6.944444444444445vw 5vw 5vw;
  grid-gap: 4.444444444444445vw;
}
.SearchUsersFilters__buttons .Button {
  width: 100%;
}
.SearchUsersFilters .SelectList,
.SearchUsersFilters .Input {
  width: 100%;
}
.SearchUsersFilters__flagSelector {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.SearchUsersFilters--Mobile .SearchUsersFilters__flagSelector {
  width: 5vw;
  height: 5vw;
}
.SearchUsersFilters__flagSelector__svg {
  width: 10px;
  height: 10px;
  color: #fff;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.SearchUsersFilters--Mobile .SearchUsersFilters__flagSelector__svg {
  width: 2.777777777777778vw;
  height: 2.777777777777778vw;
}
.SearchUsersFilters__flagSelector__svg--visible {
  opacity: 1;
}

.UsersTable {
  background: #fff;
}

.HeaderCell-module__HeaderCell--K4sw1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 500;
}
.HeaderCell-module__HeaderCell_centered--Oqaho {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.HeaderCell-module__HeaderCell__sorting--SUXU1 {
  opacity: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgd2lkdGg9IjEwMCIKICAgaGVpZ2h0PSIxMDAiCiAgIHZpZXdCb3g9IjAgMCAxMDAgMTAwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4Ij4KICA8ZGVmcwogICAgIGlkPSJkZWZzMiIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8cGF0aAogICAgIGlkPSJwYXRoMzEiCiAgICAgZD0iTSA4LjA1MDg0NzksMjcuNTQyMzczIEggOTIuNzk2NjEgTCA1Mi4xMTg2NDQsNzkuNjYxMDE3IFoiCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: 40%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
  height: 10px;
  width: 20px;
}
.HeaderCell-module__HeaderCell__sorting_visible--i8sUe {
  opacity: 1;
}
.HeaderCell-module__HeaderCell__sorting_rotated--COKNs {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.IdCell-module__IdCell--XTOqk {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.IdCell-module__IdCell__value--5ljXv {
  font-weight: 700;
  text-align: center;
}

.ClientCell-module__ClientCell--xtYCk {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
}
.ClientCell-module__ClientCell__name--R0D96 {
  font-weight: 500;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ClientCell-module__ClientCell__phone--3Yesk {
  font-size: 12px;
}
.ClientCell-module__ClientCell__email--YjrRq {
  font-size: 12px;
}

.CreatedDateCell-module__DateCell__date--LebZF {
  margin-bottom: 2px;
}
.CreatedDateCell-module__DateCell__diff--Ix9Si {
  color: $colorPrimary;
  font-size: 12px;
}
.CreatedDateCell-module__DateCell__diff__tomorrow--CCNku {
  color: $colorNegative;
}
.CreatedDateCell-module__DateCell__diff__past--rDqVG {
  color: transparent;
}

.LinkAsTr-module__LinkAsTr--\+AfFk {
  display: table-row;
  text-decoration: none;
  color: inherit;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.LinkAsTr-module__LinkAsTr_selected--PfvnK {
  background: #f2f4f6;
}

.ClientsDashboard {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ClientsDashboard__clientScreenPlace {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
}
.ClientsDashboard__editRequest {
  z-index: 1;
}
.ClientsDashboard__content {
  background-color: #f2f4f6;
  padding-left: 16px;
  padding-top: 16px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content min-content min-content auto min-content;
  position: relative;
}
.ClientsDashboard--Mobile .ClientsDashboard__content {
  padding-left: 0;
}
.ClientsDashboard__filtersSettings {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.ClientsDashboard__filtersSettings .DropdownPanel {
  border-bottom: 1px solid #e8e8ea;
}
.ClientsDashboard--Mobile .ClientsDashboard__filtersSettings .DropdownPanel {
  border-bottom-width: 0.277777777777778vw;
  padding-left: 0;
}
.ClientsDashboard__filtersSettings .DropdownPanel__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 18px;
  border-bottom: none;
}
.ClientsDashboard--Mobile .ClientsDashboard__filtersSettings .DropdownPanel__header {
  padding-left: 5vw;
}
.ClientsDashboard__filtersSettings__header {
  background-color: #f2f4f6;
  height: 44px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 18px;
  padding-right: 9px;
  font-weight: 500;
}
.ClientsDashboard--Mobile .ClientsDashboard__filtersSettings__header {
  height: 12.222222222222221vw;
  padding-left: 5vw;
  padding-right: 2.5vw;
}
.ClientsDashboard__filtersSettingsPlace.AnimatedAdding {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 310px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background-color: #fff;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ClientsDashboard--Mobile .ClientsDashboard__filtersSettingsPlace.AnimatedAdding {
  width: 86.11111111111111vw;
}
.ClientsDashboard__filtersSettingsPlace.AnimatedAdding.AnimatedAdding--visible {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
}
.ClientsDashboard .ClientsDashboard__filterButton {
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
          box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.ClientsDashboard__tabs {
  width: 100%;
  height: 48px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-column-gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 1;
  padding-right: 25px;
  overflow-x: auto;
  overflow-y: hidden;
}
.ClientsDashboard--Mobile .ClientsDashboard__tabs {
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  height: unset;
  grid-column-gap: 6.944444444444445vw;
  padding: 0;
}
.ClientsDashboard__tabs__tabsList {
  height: 100%;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-max-content, 240px));
  grid-template-columns: repeat(auto-fill, minmax(max-content, 240px));
}
.ClientsDashboard--Mobile .ClientsDashboard__tabs__tabsList {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
.ClientsDashboard__topTab {
  position: relative;
  cursor: pointer;
  max-width: 270px;
  background-color: #f9f9f9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ebedef;
  border-bottom: none;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ClientsDashboard--Mobile .ClientsDashboard__topTab {
  max-width: 55.55555555555556vw;
  border: 0.277777777777778vw solid #f0f0f0;
  border-radius: 0;
  padding: 0 3.333333333333333vw;
}
.ClientsDashboard__topTab--hidden {
  display: none;
}
.ClientsDashboard__topTab:before {
  content: '';
  position: absolute;
  height: 126%;
  width: 40px;
  top: -3px;
  right: 3px;
  max-width: 270px;
  background-color: inherit;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-right: 1px solid #ebedef;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  z-index: -1;
}
.ClientsDashboard--Mobile .ClientsDashboard__topTab:before {
  display: none;
}
.ClientsDashboard__topTab--active {
  background-color: #fff;
  -webkit-filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
          filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
}
.ClientsDashboard--Mobile .ClientsDashboard__topTab--active {
  -webkit-filter: none;
          filter: none;
  border-color: #fff;
}
.ClientsDashboard__topTab__count {
  font-size: 11px;
  color: #fff;
  padding: 0 4px;
  font-weight: 700;
  border-radius: 9px;
}
.ClientsDashboard--Mobile .ClientsDashboard__topTab__count {
  font-size: 3.055555555555555vw;
  padding: 0 1.111111111111111vw;
  border-radius: 2.5vw;
}
.ClientsDashboard__topTab__statusName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-left: 5px;
  margin-right: 9px;
}
.ClientsDashboard--Mobile .ClientsDashboard__topTab__statusName {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-weight: 600;
  font-size: 3.888888888888889vmin;
  line-height: 1.285714285714286em;
  padding-left: 1.388888888888889vw;
  margin-right: 2.5vw;
}
.ClientsDashboard__tablePlace {
  width: 100%;
  height: 100%;
}

.EditClientModalOpener.ModalInstance {
  width: 960px;
  height: 80vh;
  max-height: 800px;
}
.EditClientModalOpener.ModalInstance .ModalInstance__header {
  border-bottom: none;
  font-weight: 600;
}

.CompanyBalance {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
  position: relative;
  background-color: #ecf0f1;
  padding: 30px;
  grid-row-gap: 20px;
}
.CompanyBalance__header {
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  grid-column-gap: 26px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0 30px;
}
.CompanyBalance__header__title {
  font-size: 24px;
  font-weight: 700;
}
.CompanyBalance__header__information {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
.CompanyBalance__body {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.051);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.051);
  overflow: hidden;
}

.CompanyBalanceOverview {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content auto;
  grid-template-rows: min-content min-content auto;
  position: relative;
  grid-row-gap: 20px;
}
.CompanyBalanceOverview__header {
  display: grid;
  grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content auto max-content max-content;
  grid-column-gap: 26px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 24px;
  font-weight: 700;
}
.CompanyBalanceOverview__body {
  display: grid;
  grid-column-gap: 8px;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  justify-items: start;
}
.CompanyBalanceOverview__balance {
  color: #00a455;
  font-size: 24px;
  font-weight: 300;
}

.CompanyBalanceStatistics {
  display: grid;
  grid-template-columns: [ start ] repeat(4, 1fr) [ end ];
  grid-gap: 8px;
}
.CompanyBalanceStatistics__header {
  grid-column: span 4;
  display: grid;
  justify-items: end;
}
.CompanyBalanceStatistics__bold {
  font-weight: 600;
}
.CompanyBalanceStatistics__fullRow {
  grid-column: start/end;
}
.CompanyBalanceStatistics .CompanyBalanceStatistics__dropdownHeader {
  border-bottom: none;
  height: unset;
  padding-bottom: 8px;
}
.CompanyBalanceStatistics .CompanyBalanceStatistics__dropdownContent {
  display: grid;
  grid-template-columns: [ start ] repeat(4, 1fr) [ end ];
  grid-gap: 8px;
  padding-bottom: 8px;
}
.CompanyBalanceStatistics .CompanyBalanceStatistics__dropdown {
  border-bottom: 1px dashed #71737f;
}

.CompanyBalancePay .CompanyBalancePay__CreatePaymentModalBody {
  width: 500px;
}

.CompanyBalanceLogs {
  width: 100%;
  position: relative;
  overflow-y: scroll;
  background: #f2f4f6;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-row-gap: 18px;
  grid-auto-flow: row;
  padding: 10px;
}

.InvoicesPage {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content min-content min-content auto min-content;
}
.InvoicesPage__wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.InvoicesPage__requestPlace {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 3;
}
.InvoicesPage__filtersSettings {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.InvoicesPage__filtersSettings .DropdownPanel {
  border-bottom: 1px solid #e8e8ea;
}
.InvoicesPage__filtersSettings .DropdownPanel__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 18px;
  border-bottom: none;
}
.InvoicesPage__filtersSettings__header {
  background-color: #f2f4f6;
  height: 44px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 18px;
  padding-right: 9px;
  font-weight: 500;
}
.InvoicesPage__filtersSettingsPlace.AnimatedAdding {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 310px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background-color: #fff;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.InvoicesPage__filtersSettingsPlace.AnimatedAdding.AnimatedAdding--visible {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
}
.InvoicesPage__topPanel {
  display: grid;
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  grid-column-gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 25px 16px 9px;
  padding-left: 16px;
}
.InvoicesPage__topPanel__title {
  font-size: 24px;
  font-weight: 700;
}
.InvoicesPage__topPanel__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.InvoicesPage__topPanel__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
}
.InvoicesPage__topPanel__count {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  color: #00a455;
  font-weight: 300;
}
.InvoicesPage__filterSvg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
.InvoicesPage__tabs {
  width: 100%;
  height: 58px;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: 270px;
  grid-auto-flow: column;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.InvoicesPage__topTab {
  position: relative;
  cursor: pointer;
  width: 270px;
}
.InvoicesPage__topTab--hidden {
  display: none;
}
.InvoicesPage__topTab__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 60px;
  background-size: contain;
  background-position: top right;
  fill: #f9f9f9;
  stroke: #e8e8ea;
  stroke-width: 1;
}
.InvoicesPage__topTab--active .InvoicesPage__topTab__background {
  fill: #fff;
  -webkit-filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
          filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
}
.InvoicesPage__topTab__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 9px;
}
.InvoicesPage__topTab__count {
  font-size: 11px;
  color: #fff;
  padding: 0 4px;
  font-weight: 700;
  border-radius: 9px;
}
.InvoicesPage__topTab__statusName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-left: 5px;
  margin-right: 9px;
}
.InvoicesPage__spaceAboveTheTable {
  background-color: #fff;
  height: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: height 0.2s ease-in-out 0.1s;
  transition: height 0.2s ease-in-out 0.1s;
  overflow: hidden;
}
.InvoicesPage__spaceAboveTheTable .AdditionalInvoicesPageFilters {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.InvoicesPage__spaceAboveTheTable__primary {
  color: #00a455;
}
.InvoicesPage__spaceAboveTheTable__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.InvoicesPage__spaceAboveTheTable--show {
  height: 52px;
  -webkit-transition: height 0.2s ease-in-out 0.1s;
  transition: height 0.2s ease-in-out 0.1s;
}
.InvoicesPage__spaceAboveTheTable--show .AdditionalInvoicesPageFilters {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}
.InvoicesPage__tablePlace {
  width: 100%;
  height: 100%;
}
.InvoicesPage__tablePlace .SuperTable__table {
  border-collapse: collapse;
}
.InvoicesPage__tablePlace .SuperTable__cell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.InvoicesPage__tablePlace .SuperTable__header {
  white-space: nowrap;
  color: #71737f;
  text-transform: capitalize;
}
.InvoicesPage__tablePlace .SuperTable .DateCell__date {
  font-weight: 400;
}
.InvoicesPage__tablePlace .SuperTable .IdCell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.InvoicesPage__tablePlace .SuperTable .DateCell {
  text-transform: lowercase;
}
.InvoicesPage__tablePlace .SuperTable__td {
  -webkit-transition: background 50ms ease-in-out;
  transition: background 50ms ease-in-out;
}
.InvoicesPage__tablePlace .SuperTable__tr:hover .SuperTable__td {
  background: #f2f4f6;
}
.InvoicesPage__tablePlace .SuperTable__tr:first-child {
  border-bottom: none;
}
.InvoicesPage .Pagination {
  padding: 0 16px;
  background-color: #fff;
  margin-top: 16px;
}

.SearchInvoiceFilters {
  overflow: auto;
}
.SearchInvoiceFilters__box2Columns {
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 13px;
}
.SearchInvoiceFilters__box1Columns {
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 13px;
}
.SearchInvoiceFilters__applyButton {
  padding: 25px 25px 18px 18px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
.SearchInvoiceFilters__applyButton .Button {
  width: 100%;
}
.SearchInvoiceFilters .SelectList {
  width: 100%;
}
.SearchInvoiceFilters__flagSelector {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.SearchInvoiceFilters__flagSelector__svg {
  width: 10px;
  height: 10px;
  color: #fff;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.SearchInvoiceFilters__flagSelector__svg--visible {
  opacity: 1;
}

.InvoiceStatusCell {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.InvoiceStatusCell__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 4px;
}
.InvoiceStatusCell__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InvoiceStatusCell__point {
  width: 8px;
  height: 8px;
  margin-left: 9px;
  border-radius: 50%;
}
.InvoiceIdCell {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.InvoiceIdCell__value {
  font-weight: 700;
  text-align: center;
}
.InvoiceRequestIdCell {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
}
.InvoiceRequestIdCell__value {
  font-weight: 700;
  text-align: center;
}
.InvoiceTotalCell {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.InvoiceTotalCell__value {
  font-weight: 700;
  text-align: center;
}
.InvoiceClientCell {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.InvoiceClientCell__name {
  font-weight: 500;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.InvoiceClientCell__phone {
  font-size: 12px;
}
.InvoiceDateCell__date {
  margin-bottom: 2px;
}
.InvoiceDateCell__diff {
  color: #00a455;
  font-size: 12px;
}
.InvoiceDateCell__diff__tomorrow {
  color: #ee4b19;
}
.InvoiceDateCell__diff__past {
  color: transparent;
}
.InvoiceHeaderCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 500;
}
.InvoiceHeaderCell--centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.InvoiceHeaderCell__sorting {
  opacity: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgd2lkdGg9IjEwMCIKICAgaGVpZ2h0PSIxMDAiCiAgIHZpZXdCb3g9IjAgMCAxMDAgMTAwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4Ij4KICA8ZGVmcwogICAgIGlkPSJkZWZzMiIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8cGF0aAogICAgIGlkPSJwYXRoMzEiCiAgICAgZD0iTSA4LjA1MDg0NzksMjcuNTQyMzczIEggOTIuNzk2NjEgTCA1Mi4xMTg2NDQsNzkuNjYxMDE3IFoiCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: 40%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
  height: 10px;
  width: 20px;
}
.InvoiceHeaderCell__sorting--visible {
  opacity: 1;
}
.InvoiceHeaderCell__sorting--rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.PaymentsPage {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content min-content min-content auto min-content;
}
.PaymentsPage__wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.PaymentsPage__requestPlace {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 3;
}
.PaymentsPage__filtersSettings {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
}
.PaymentsPage__filtersSettings .DropdownPanel {
  border-bottom: 1px solid #e8e8ea;
}
.PaymentsPage__filtersSettings .DropdownPanel__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 18px;
  border-bottom: none;
}
.PaymentsPage__filtersSettings__header {
  background-color: #f2f4f6;
  height: 44px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 18px;
  padding-right: 9px;
  font-weight: 500;
}
.PaymentsPage__filtersSettingsPlace.AnimatedAdding {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 310px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background-color: #fff;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.PaymentsPage__filtersSettingsPlace.AnimatedAdding.AnimatedAdding--visible {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
          box-shadow: 0 10px 24px 0 rgba(0,0,0,0.15);
}
.PaymentsPage__topPanel {
  display: grid;
  grid-template-columns: auto -webkit-max-content -webkit-max-content;
  grid-template-columns: auto max-content max-content;
  grid-column-gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 25px 16px 9px;
  padding-left: 16px;
}
.PaymentsPage__topPanel__title {
  font-size: 24px;
  font-weight: 700;
}
.PaymentsPage__topPanel__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.PaymentsPage__topPanel__name {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-size: 13px;
  color: #71737f;
}
.PaymentsPage__topPanel__count {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  color: #00a455;
  font-weight: 300;
}
.PaymentsPage__filterSvg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
.PaymentsPage__tabs {
  width: 100%;
  height: 58px;
  display: grid;
  grid-template-rows: 100%;
  grid-auto-columns: 270px;
  grid-auto-flow: column;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.PaymentsPage__topTab {
  position: relative;
  cursor: pointer;
  width: 270px;
}
.PaymentsPage__topTab--hidden {
  display: none;
}
.PaymentsPage__topTab__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 60px;
  background-size: contain;
  background-position: top right;
  fill: #f9f9f9;
  stroke: #e8e8ea;
  stroke-width: 1;
}
.PaymentsPage__topTab--active .PaymentsPage__topTab__background {
  fill: #fff;
  -webkit-filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
          filter: drop-shadow(10px -2px 3px rgba(18,21,42,0.1));
}
.PaymentsPage__topTab__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 9px;
}
.PaymentsPage__topTab__count {
  font-size: 11px;
  color: #fff;
  padding: 0 4px;
  font-weight: 700;
  border-radius: 9px;
}
.PaymentsPage__topTab__statusName {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-left: 5px;
  margin-right: 9px;
}
.PaymentsPage__spaceAboveTheTable {
  background-color: #fff;
  height: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: height 0.2s ease-in-out 0.1s;
  transition: height 0.2s ease-in-out 0.1s;
  overflow: hidden;
}
.PaymentsPage__spaceAboveTheTable .AdditionalInvoicesPageFilters {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.PaymentsPage__spaceAboveTheTable__primary {
  color: #00a455;
}
.PaymentsPage__spaceAboveTheTable__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.PaymentsPage__spaceAboveTheTable--show {
  height: 52px;
  -webkit-transition: height 0.2s ease-in-out 0.1s;
  transition: height 0.2s ease-in-out 0.1s;
}
.PaymentsPage__spaceAboveTheTable--show .AdditionalInvoicesPageFilters {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}
.PaymentsPage__tablePlace {
  width: 100%;
  height: 100%;
}
.PaymentsPage__tablePlace .SuperTable__table {
  border-collapse: collapse;
}
.PaymentsPage__tablePlace .SuperTable__cell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.PaymentsPage__tablePlace .SuperTable__header {
  white-space: nowrap;
  color: #71737f;
  text-transform: capitalize;
}
.PaymentsPage__tablePlace .SuperTable .DateCell__date {
  font-weight: 400;
}
.PaymentsPage__tablePlace .SuperTable .IdCell {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.PaymentsPage__tablePlace .SuperTable .DateCell {
  text-transform: lowercase;
}
.PaymentsPage__tablePlace .SuperTable__td {
  -webkit-transition: background 50ms ease-in-out;
  transition: background 50ms ease-in-out;
}
.PaymentsPage__tablePlace .SuperTable__tr:hover .SuperTable__td {
  background: #f2f4f6;
}
.PaymentsPage__tablePlace .SuperTable__tr:first-child {
  border-bottom: none;
}
.PaymentsPage .Pagination {
  padding: 0 16px;
  background-color: #fff;
  margin-top: 16px;
}

.SearchPaymentsFilters {
  overflow: auto;
}
.SearchPaymentsFilters__box2Columns {
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 13px;
}
.SearchPaymentsFilters__box1Columns {
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-gap: 13px;
}
.SearchPaymentsFilters__applyButton {
  padding: 25px 25px 18px 18px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-gap: 16px;
}
.SearchPaymentsFilters__applyButton .Button {
  width: 100%;
}
.SearchPaymentsFilters .SelectList {
  width: 100%;
}
.SearchPaymentsFilters__flagSelector {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.SearchPaymentsFilters__flagSelector__svg {
  width: 10px;
  height: 10px;
  color: #fff;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.SearchPaymentsFilters__flagSelector__svg--visible {
  opacity: 1;
}

.PaymentStatusCell {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.PaymentStatusCell__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 4px;
}
.PaymentStatusCell__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PaymentStatusCell__point {
  width: 8px;
  height: 8px;
  margin-left: 9px;
  border-radius: 50%;
}
.PaymentIdCell {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PaymentIdCell__value {
  font-weight: 700;
  text-align: center;
}
.PaymentRequestIdCell {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
}
.PaymentRequestIdCell__value {
  font-weight: 700;
  text-align: center;
}
.PaymentTotalCell {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.PaymentTotalCell__value {
  font-weight: 700;
  text-align: center;
}
.PaymentClientCell {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.PaymentClientCell__name {
  font-weight: 500;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PaymentClientCell__phone {
  font-size: 12px;
}
.PaymentDateCell__date {
  margin-bottom: 2px;
}
.PaymentDateCell__diff {
  color: #00a455;
  font-size: 12px;
}
.PaymentDateCell__diff__tomorrow {
  color: #ee4b19;
}
.PaymentDateCell__diff__past {
  color: transparent;
}
.PaymentHeaderCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 500;
}
.PaymentHeaderCell--centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.PaymentHeaderCell__sorting {
  opacity: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgd2lkdGg9IjEwMCIKICAgaGVpZ2h0PSIxMDAiCiAgIHZpZXdCb3g9IjAgMCAxMDAgMTAwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4Ij4KICA8ZGVmcwogICAgIGlkPSJkZWZzMiIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8cGF0aAogICAgIGlkPSJwYXRoMzEiCiAgICAgZD0iTSA4LjA1MDg0NzksMjcuNTQyMzczIEggOTIuNzk2NjEgTCA1Mi4xMTg2NDQsNzkuNjYxMDE3IFoiCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: 40%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  cursor: pointer;
  height: 10px;
  width: 20px;
}
.PaymentHeaderCell__sorting--visible {
  opacity: 1;
}
.PaymentHeaderCell__sorting--rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.DeviceQualifier {
  position: fixed;
  width: 1in;
  height: 1in;
  pointer-events: none;
  opacity: 0;
}

.Login {
  width: 100%;
  height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 4fr 2fr;
}
.Login--Mobile {
  grid-template-columns: auto;
}
.Login__selfAlignedEnd {
  -ms-flex-item-align: end;
      align-self: end;
}
.Login--Mobile .Login__input {
  height: 12.222222222222221vw;
}
.Login--Mobile .Login__input__inputField {
  padding: 0 4.722222222222222vw;
}
.Login--Mobile .Login__input__title {
  color: #fff;
  margin-top: 7.222222222222222vw;
}
.Login__back {
  height: 100%;
  background-size: cover;
  background-position: 20%;
}
.Login--Mobile .Login__back {
  display: none;
}
.Login__body {
  height: 100%;
  background-color: #f2f4f6;
}
.Login--Mobile .Login__body {
  width: 100%;
  overflow-y: auto;
  background-color: #101629;
}
.Login__body__slide {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
.Login--Mobile .Login__body__slide {
  padding: 11.11111111111111vw;
  height: unset;
  min-height: 100%;
}
.Login--Mobile .Login__body__slide--main {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1.5fr -webkit-max-content -webkit-max-content 1fr;
  grid-template-rows: 1.5fr max-content max-content 1fr;
}
.Login--Mobile .Login__body__slide--restore {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr -webkit-max-content 1fr;
  grid-template-rows: 1fr max-content 1fr;
}
.Login__row {
  width: 350px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.Login--Mobile .Login__row {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.Login__row--logo {
  background-position: center;
  background-size: contain;
  height: 150px;
  margin-bottom: 20px;
}
.Login--Mobile .Login__row--logo {
  display: none;
  background-size: contain;
  width: 53.611111111111114vw;
  height: 41.666666666666664vw;
  margin-bottom: 5.555555555555555vw;
}
.Login__row--titleMain {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 30px;
  color: #12152a;
}
.Login--Mobile .Login__row--titleMain {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 6.666666666666667vw;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 27%;
}
.Login__row--titleSecond {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #00a455;
  font-weight: 500;
}
.Login--Mobile .Login__row--titleSecond {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  color: #00a455;
  font-weight: 500;
}
.Login__row--login {
  margin-top: 50px;
}
.Login--Mobile .Login__row--login {
  margin-top: 13.88888888888889vw;
}
.Login__row--controls {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Login--Mobile .Login__row--controls {
  margin-top: 2.777777777777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.Login__row .FormInput__wrapper {
  width: 100%;
}
.Login__row .FormInput__wrapper .Input {
  width: 100%;
}
.Login__forgotPasswd {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  color: #71737f;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: -10px;
}
.Login--Mobile .Login__forgotPasswd {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-weight: 500;
  color: #71737f;
  margin-top: 0;
  color: #fd9909;
}
.Login__button {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-weight: 500;
  color: #fff;
  margin-top: 30px;
}
.Login--Mobile .Login__button {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-weight: 500;
  color: #fff;
  margin-top: 8.333333333333334vw;
}
.Login__button--login {
  background-color: #fd9909;
  width: 100%;
}
.Login--Mobile .Login__button--login {
  width: unset;
  padding: 0 13.333333333333334vw;
}
.Login__button--login:hover {
  background-color: #fd9909;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.Login .colorPrimary {
  color: #00a455;
}

.FormInput {
  position: relative;
}
.FormInput__wrapper {
  padding-bottom: 20px;
  overflow: hidden;
}
.FormInput__wrapper--Mobile {
  padding-bottom: 5.555555555555555vw;
}
.FormInput .FormInput__AddressInput {
  width: 100%;
}
.FormInput .FormInput__AddressInput__inputTag {
  padding-right: 0;
}
.FormInput--Mobile.FormInput .FormInput__AddressInput__inputTag {
  padding-right: 0;
}
.FormInput__input__errorMessage {
  top: 100%;
}
.FormInput--Mobile .FormInput__input__errorMessage {
  top: 100%;
}
.FormInput__input.Input {
  color: #71737f;
  width: 370px;
  height: 56px;
  border-radius: 8px;
  cursor: pointer;
}
.FormInput--smallForm.FormInput {
  margin: 1px;
}
.FormInput--smallForm.FormInput .FormInput__input.Input {
  width: 100%;
  height: 56px;
}
.FormInput--Mobile.FormInput {
  margin: 0.277777777777778vw;
}
.FormInput--Mobile.FormInput .FormInput__input.Input {
  width: 100%;
  height: 15.555555555555555vw;
}
.FormInput__input.Input .Input__field {
  padding: 16px;
  padding-right: 10px;
  border-radius: 8px;
}
.FormInput--Mobile .FormInput__input.Input .Input__field {
  padding: 4.444444444444445vw;
  padding-right: 2.777777777777778vw;
  border-radius: 2.222222222222222vw;
}
.FormInput__input.Input .Input__check {
  pointer-events: none;
  content: '';
  position: absolute;
  display: block;
  right: 16px;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.FormInput--Mobile .FormInput__input.Input .Input__check {
  right: 4.444444444444445vw;
  -webkit-transform: translateX(13.88888888888889vw);
          transform: translateX(13.88888888888889vw);
}
.FormInput__input.Input .Input__check .SvgIcon {
  font-size: 20px;
  width: 14px;
}
.FormInput--Mobile .FormInput__input.Input .Input__check .SvgIcon {
  font-size: 5.555555555555555vw;
  width: 3.888888888888889vw;
}
.FormInput__input.Input.Input--valid .Input__field {
  border-color: #00a455;
}
.FormInput__input.Input.Input--valid .Input__check {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.FormInput__input.Input .Input__tag {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  caret-color: #00a455;
}
.FormInput--Mobile .FormInput__input.Input .Input__tag {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  caret-color: #00a455;
}
.FormInput__input.Input .Input__tag::-webkit-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.FormInput__input.Input .Input__tag::-moz-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.FormInput__input.Input .Input__tag::-ms-input-placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.FormInput__input.Input .Input__tag::placeholder {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
.FormInput--Mobile .FormInput__input.Input .Input__tag::-webkit-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.FormInput--Mobile .FormInput__input.Input .Input__tag::-moz-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.FormInput--Mobile .FormInput__input.Input .Input__tag::-ms-input-placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.FormInput--Mobile .FormInput__input.Input .Input__tag::placeholder {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
}
.FormInput__input.Input .Input__field {
  padding: 0 50px;
  padding-right: 10px;
}
.FormInput--smallForm .FormInput__input.Input .Input__field {
  padding: 1px 10px 1px 50px;
}
.FormInput--Mobile .FormInput__input.Input .Input__field {
  padding: 0.277777777777778vw 2.777777777777778vw 0.277777777777778vw 13.88888888888889vw;
}
.FormInput__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  z-index: 1;
}
.FormInput--Mobile .FormInput__icon {
  left: 4.444444444444445vw;
}
.FormInput__icon .SvgIcon {
  min-width: 24px;
  height: 24px;
}
.FormInput--Mobile .FormInput__icon .SvgIcon {
  min-width: 6.666666666666667vw;
  height: 6.666666666666667vw;
}
.FormInput--smallForm .FormInput__icon--image {
  min-width: 24px;
  height: 24px;
}
.FormInput--Mobile .FormInput__icon--image {
  min-width: 6.666666666666667vw;
  height: 6.666666666666667vw;
}
.FormInput__title {
  position: absolute;
  top: 50%;
  z-index: 1;
  opacity: 0;
  padding-left: 50px;
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #71737f;
  -webkit-transform: translate(0, -8px);
          transform: translate(0, -8px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.FormInput--Mobile .FormInput__title {
  padding-left: 13.88888888888889vw;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.333333333333333vmin;
  line-height: 4.166666666666667vmin;
  color: #71737f;
  -webkit-transform: translate(0, -2.222222222222222vw);
          transform: translate(0, -2.222222222222222vw);
}
.FormInput--passive .FormInput__icon {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.6;
}
.FormInput--passive .FormInput__input.Input .Input__field {
  background-color: #ebeef1;
}
.FormInput--smallForm.FormInput--passive .FormInput__input.Input .Input__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.129);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.129);
}
.FormInput--Mobile.FormInput--passive .FormInput__input.Input .Input__field {
  -webkit-box-shadow: inset 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.129);
          box-shadow: inset 0 0.277777777777778vw 0.277777777777778vw rgba(0,0,0,0.129);
}
.FormInput--passive .FormInput__input.Input .Input__tag::-webkit-input-placeholder {
  color: #71737f;
}
.FormInput--passive .FormInput__input.Input .Input__tag::-moz-placeholder {
  color: #71737f;
}
.FormInput--passive .FormInput__input.Input .Input__tag::-ms-input-placeholder {
  color: #71737f;
}
.FormInput--passive .FormInput__input.Input .Input__tag::placeholder {
  color: #71737f;
}
.FormInput--pointerOnHover {
  cursor: pointer;
}
.FormInput--pointerOnHover:hover .FormInput__icon {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1;
}
.FormInput--focused .FormInput__input.Input .Input__field {
  border-color: #e2dfdf;
  background-color: #ebeef1;
}
.FormInput--focused .FormInput__input.Input .Input__tag::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.FormInput--focused .FormInput__input.Input .Input__tag::-moz-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.FormInput--focused .FormInput__input.Input .Input__tag::-ms-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.FormInput--focused .FormInput__input.Input .Input__tag::placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.FormInput--active .FormInput__title {
  padding-left: 50px;
  opacity: 1;
  -webkit-transform: translate(0, -16px);
          transform: translate(0, -16px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.FormInput--smallForm.FormInput--active .FormInput__title {
  -webkit-transform: translate(0, -18px);
          transform: translate(0, -18px);
}
.FormInput--Mobile.FormInput--active .FormInput__title {
  padding-left: 13.88888888888889vw;
  -webkit-transform: translate(0, -5vw);
          transform: translate(0, -5vw);
}
.FormInput--active .Input__tag {
  height: 20px;
  top: 17px;
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}
.FormInput--smallForm.FormInput--active .Input__tag {
  -webkit-transform: translate(0, 6px);
          transform: translate(0, 6px);
}
.FormInput--Mobile.FormInput--active .Input__tag {
  height: 5.555555555555555vw;
  top: 4.722222222222222vw;
  -webkit-transform: translate(0, 1.666666666666667vw);
          transform: translate(0, 1.666666666666667vw);
}
.FormInput--active .Input__tag::-webkit-input-placeholder {
  opacity: 0;
}
.FormInput--active .Input__tag::-moz-placeholder {
  opacity: 0;
}
.FormInput--active .Input__tag::-ms-input-placeholder {
  opacity: 0;
}
.FormInput--active .Input__tag::placeholder {
  opacity: 0;
}
.FormInput--smallForm .Input__tag {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.FormInput--smallForm .Input.Input--valid {
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15);
          box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.FormInput--smallForm .Input.Input--valid .Input__field {
  border-color: transparent;
}
.FormInput--Mobile .Input__tag {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.FormInput--Mobile .Input.Input--valid {
  -webkit-box-shadow: 0 0.277777777777778vw 1.111111111111111vw rgba(0,0,0,0.15);
          box-shadow: 0 0.277777777777778vw 1.111111111111111vw rgba(0,0,0,0.15);
}
.FormInput--Mobile .Input.Input--valid .Input__field {
  border-color: transparent;
}

.FullScreenLoader {
  position: absolute;
  z-index: 100500;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}
.FullScreenLoader.AnimatedAdding {
  opacity: 0;
  pointer-events: none;
}
.FullScreenLoader.AnimatedAdding--visible {
  opacity: 1;
}

.AppMainDashboard {
  font-family: 'Mark';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #12152a;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  background-color: #12152a;
  height: 100%;
  width: 100%;
  scrollbar-width: 5px;
  scrollbar-height: 5px;
  scrollbar-color: #71737f #f2f4f6;
/* для Chrome/Edge/Safari */
}
.AppMainDashboard--Mobile {
  scrollbar-width: 1.388888888888889vmin;
  scrollbar-height: 1.388888888888889vmin;
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.AppMainDashboard ::-webkit-scrollbar {
  height: 12px;
  width: 5px;
}
.AppMainDashboard--Mobile.AppMainDashboard ::-webkit-scrollbar {
  height: 1.388888888888889vmin;
  width: 1.388888888888889vmin;
}
.AppMainDashboard ::-webkit-scrollbar-track {
  background: #f2f4f6;
}
.AppMainDashboard ::-webkit-scrollbar-thumb {
  background-color: #71737f;
  border-radius: 5px;
  border: 0 solid #f2f4f6;
}
.AppMainDashboard--Mobile.AppMainDashboard ::-webkit-scrollbar-thumb {
  border-radius: 1.388888888888889vmin;
}
.AppMainDashboard--Mobile {
  font-family: 'Mark';
  font-style: normal;
  font-weight: 700;
  color: #12152a;
  font-size: 6.666666666666667vmin;
  line-height: 8.333333333333334vmin;
  font-size: 4.166666666666667vmin;
  line-height: 5.555555555555555vmin;
  font-weight: normal;
  font-size: 3.888888888888889vmin;
  line-height: 5vmin;
}
.AppMainDashboard [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
}
.AppMainDashboard .Toastify__toast-icon {
  display: none;
}
.AppMainDashboard p {
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.AppMainDashboard .backgroundColorStatus {
  background-color: #12152a;
}
.AppMainDashboard .backgroundColorStatus--0 {
  background-color: #fd9909;
}
.AppMainDashboard .backgroundColorStatus--1 {
  background-color: #fd9909;
}
.AppMainDashboard .backgroundColorStatus--2 {
  background-color: #8139dc;
}
.AppMainDashboard .backgroundColorStatus--3 {
  background-color: #3a63db;
}
.AppMainDashboard .backgroundColorStatus--4 {
  background-color: #00a455;
}
.AppMainDashboard .backgroundColorStatus--5 {
  background-color: #ffc800;
}
.AppMainDashboard .backgroundColorStatus--6 {
  background-color: #fb0009;
}
.AppMainDashboard .backgroundColorStatus--7 {
  background-color: $colorRequestStatus7;
}
.AppMainDashboard .backgroundColorStatus--8 {
  background-color: #26a9f4;
}
.AppMainDashboard .backgroundColorStatus--9 {
  background-color: #fd9909;
}
.AppMainDashboard .textColorStatus {
  color: #12152a;
}
.AppMainDashboard .textColorStatus--0 {
  color: #fd9909;
}
.AppMainDashboard .textColorStatus--1 {
  color: #fd9909;
}
.AppMainDashboard .textColorStatus--2 {
  color: #8139dc;
}
.AppMainDashboard .textColorStatus--3 {
  color: #3a63db;
}
.AppMainDashboard .textColorStatus--4 {
  color: #00a455;
}
.AppMainDashboard .textColorStatus--5 {
  color: #ffc800;
}
.AppMainDashboard .textColorStatus--6 {
  color: #fb0009;
}
.AppMainDashboard .textColorStatus--8 {
  color: #26a9f4;
}
.AppMainDashboard .textColorStatus--9 {
  color: #fd9909;
}
.AppMainDashboard .backgroundColorRequestType {
  background-color: #12152a;
}
.AppMainDashboard .backgroundColorRequestType--0 {
  background-color: #00a455;
}
.AppMainDashboard .backgroundColorRequestType--1 {
  background-color: #fcd850;
}
.AppMainDashboard .backgroundColorRequestType--2 {
  background-color: #438fb5;
}
.AppMainDashboard .backgroundColorRequestType--3 {
  background-color: #fd9909;
}
.AppMainDashboard .backgroundColorRequestType--4 {
  background-color: #fd2509;
}
.AppMainDashboard .backgroundColorRequestType--5 {
  background-color: #09fdcc;
}
.AppMainDashboard .backgroundColorRequestType--6 {
  background-color: #fd09d4;
}
.AppMainDashboard .backgroundColorRequestType--7 {
  background-color: #a45c5c;
}
.AppMainDashboard .borderColorRequestType {
  border-color: #12152a;
}
.AppMainDashboard .borderColorRequestType--0 {
  border-color: #00a455;
}
.AppMainDashboard .borderColorRequestType--1 {
  border-color: #fcd850;
}
.AppMainDashboard .borderColorRequestType--2 {
  border-color: #438fb5;
}
.AppMainDashboard .borderColorRequestType--3 {
  border-color: #fd9909;
}
.AppMainDashboard .borderColorRequestType--4 {
  border-color: #fd2509;
}
.AppMainDashboard .borderColorRequestType--5 {
  border-color: #09fdcc;
}
.AppMainDashboard .borderColorRequestType--6 {
  border-color: #fd09d4;
}
.AppMainDashboard .borderColorRequestType--7 {
  border-color: #a45c5c;
}
.AppMainDashboard .backgroundColorUserRole {
  background-color: #12152a;
}
.AppMainDashboard .backgroundColorUserRole--6 {
  background-color: #fd9909;
}
.AppMainDashboard .backgroundColorUserRole--1 {
  background-color: #fb0009;
}
.AppMainDashboard .backgroundColorUserRole--3 {
  background-color: #7712dc;
}
.AppMainDashboard .backgroundColorUserRole--4 {
  background-color: #3076ff;
}
.AppMainDashboard .colorUserRole {
  color: #12152a;
}
.AppMainDashboard .colorUserRole--6 {
  color: #fd9909;
}
.AppMainDashboard .colorUserRole--1 {
  color: #fb0009;
}
.AppMainDashboard .colorUserRole--3 {
  color: #7712dc;
}
.AppMainDashboard .colorUserRole--4 {
  color: #3076ff;
}
.AppMainDashboard .backgroundColorNote--0 {
  background-color: #00a455;
}
.AppMainDashboard .backgroundColorNote--1 {
  background-color: #ee4b19;
}
.AppMainDashboard .backgroundColorNote--2 {
  background-color: #3a63db;
}
.AppMainDashboard .backgroundColorNote--3 {
  background-color: #fd9909;
}
.AppMainDashboard .colorNote--0 {
  color: #00a455;
}
.AppMainDashboard .colorNote--1 {
  color: #ee4b19;
}
.AppMainDashboard .colorNote--2 {
  color: #3a63db;
}
.AppMainDashboard .colorNote--3 {
  color: #fd9909;
}
.AppMainDashboard .backgroundColorInvoiceStatus {
  background-color: #12152a;
}
.AppMainDashboard .backgroundColorInvoiceStatus--0 {
  background-color: #fd9909;
}
.AppMainDashboard .backgroundColorInvoiceStatus--1 {
  background-color: #ee4b19;
}
.AppMainDashboard .backgroundColorInvoiceStatus--2 {
  background-color: #3a63db;
}
.AppMainDashboard .backgroundColorInvoiceStatus--3 {
  background-color: #00a455;
}
.AppMainDashboard .textColorInvoiceStatus {
  color: #12152a;
}
.AppMainDashboard .textColorInvoiceStatus--0 {
  color: #fd9909;
}
.AppMainDashboard .textColorInvoiceStatus--1 {
  color: #ee4b19;
}
.AppMainDashboard .textColorInvoiceStatus--2 {
  color: #3a63db;
}
.AppMainDashboard .textColorInvoiceStatus--3 {
  color: #00a455;
}
.AppMainDashboard .colorToast--0 {
  color: #00a455;
}
.AppMainDashboard .colorToast--1 {
  color: #ee4b19;
}
.AppMainDashboard .colorToast--2 {
  color: #ffc703;
}
.AppMainDashboard .colorToast--3 {
  color: #3a63db;
}
.AppMainDashboard .borderColorToast--0 {
  border-color: #00a455;
}
.AppMainDashboard .borderColorToast--1 {
  border-color: #ee4b19;
}
.AppMainDashboard .borderColorToast--2 {
  border-color: #ffc703;
}
.AppMainDashboard .borderColorToast--3 {
  border-color: #3a63db;
}
.AppMainDashboard .colorNegative {
  color: #ee4b19;
}

