/*
 * Using into webpackMix for additional data
 */
@font-face {
  font-family: "inter";
  src: url("/fonts/Inter-Regular.woff2") format("woff2"), url("/fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "inter";
  src: url("/fonts/Inter-SemiBold.woff2") format("woff2"), url("/fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "inter";
  src: url("/fonts/Inter-Black.woff2") format("woff2"), url("/fonts/Inter-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes rotate360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.expand-enter-active, .expand-leave-active {
  transition: height 0.3s ease 0.1s, margin 0.3s ease 0.1s, opacity 0.3s ease-out 0.233s;
  opacity: 1;
  overflow: hidden;
}
.expand-enter, .expand-leave-to {
  transition: height 0.3s ease, margin 0.3s ease, opacity 0.233s ease-out;
  opacity: 0;
  height: 0;
}

.list-complete-item {
  transition: all 0.5s ease;
}
.list-complete-move {
  transition: transform 1s ease-in-out;
}
.list-complete-enter {
  opacity: 0;
  -ms-transform: translateY(-30px);
      transform: translateY(-30px);
}
.list-complete-enter-active {
  transition: all 0.3s 0.3s ease;
}
.list-complete-leave-active {
  transition: all 0.3s ease;
}
.list-complete-leave-to {
  opacity: 0;
  -ms-transform: translateY(30px);
      transform: translateY(30px);
}

.fade-group, .fade-group-enter-active, .fade-group-leave-active {
  transition: 300ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  transition-property: opacity;
}
.fade-group-enter {
  opacity: 0;
}
.fade-group-enter-to {
  opacity: 1;
  transition-delay: 100ms;
}
.fade-group-leave-to {
  opacity: 0;
  z-index: 0;
}

.fade-down-enter-active, .fade-down-leave-active {
  transition-property: opacity, transform;
  transition-timing-function: ease;
}
.fade-down-enter {
  -ms-transform: translate(0, 10px);
      transform: translate(0, 10px);
  opacity: 0;
}
.fade-down-enter-active {
  transition-duration: 0.3s;
}
.fade-down-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  opacity: 1;
}
.fade-down-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  opacity: 1;
}
.fade-down-leave-active {
  transition-duration: 0.1s;
}
.fade-down-leave-to {
  -ms-transform: translate(0, 10px);
      transform: translate(0, 10px);
  opacity: 0;
}

.fade-up-enter {
  -ms-transform: translate(0, -10px);
      transform: translate(0, -10px);
  opacity: 0;
}
.fade-up-enter-active {
  transition: all 0.3s ease;
}
.fade-up-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  opacity: 1;
}
.fade-up-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  opacity: 1;
}
.fade-up-leave-active {
  transition: all 0.1s ease;
}
.fade-up-leave-to {
  -ms-transform: translate(0, -10px);
      transform: translate(0, -10px);
  opacity: 0;
}

.fade-enter {
  opacity: 0 !important;
}
.fade-enter-active {
  transition: opacity 0.233s ease-in !important;
}
.fade-enter-to {
  opacity: 1 !important;
}
.fade-leave {
  opacity: 1 !important;
}
.fade-leave-active {
  transition: opacity 0.233s ease-out !important;
}
.fade-leave-to {
  opacity: 0 !important;
}

.list-message-move-enter-active,
.list-message-move-leave-active,
.list-message-move {
  transition: 300ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  transition-property: opacity, transform;
  z-index: 1;
  position: relative;
}

.list-message-move-enter {
  opacity: 0;
  -ms-transform: translateY(20px) scaleY(0.9);
      transform: translateY(20px) scaleY(0.9);
}
@media (min-width: 1200px) {
  .list-message-move-enter {
    -ms-transform: translateY(100px) scaleY(0.9);
        transform: translateY(100px) scaleY(0.9);
  }
}

.list-message-move-enter-to {
  opacity: 1;
  -ms-transform: translateY(0) scale(1);
      transform: translateY(0) scale(1);
}

.list-message-move-leave-active {
  position: absolute !important;
  width: 100%;
  transition-duration: 500ms;
}

.list-message-move-leave-to {
  opacity: 0;
  z-index: 0;
}

.list-item-move-enter-active,
.list-item-move-leave-active,
.list-item-move {
  transition: 300ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  transition-property: opacity, transform;
  position: relative;
}

.list-item-move-enter {
  opacity: 0;
  -ms-transform: translateX(20px) scaleY(0.9);
      transform: translateX(20px) scaleY(0.9);
}
@media (min-width: 1200px) {
  .list-item-move-enter {
    -ms-transform: translateX(50px) scaleY(0.9);
        transform: translateX(50px) scaleY(0.9);
  }
}

.list-item-move-enter-to {
  opacity: 1;
  -ms-transform: translateX(0) scale(1);
      transform: translateX(0) scale(1);
}

.list-item-move-leave-active {
  position: absolute !important;
  width: 100%;
  transition-duration: 500ms;
}

.list-item-move-leave-to {
  opacity: 0;
  z-index: 0;
}

.show-sidebar-enter {
  -ms-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
}
.show-sidebar-enter-active {
  transition: 0.3s cubic-bezier(1, 0, 0, 1);
}
.show-sidebar-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.show-sidebar-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.show-sidebar-leave-active {
  transition: 0.3s cubic-bezier(1, 0, 0, 1);
}
.show-sidebar-leave-to {
  -ms-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
}

.slide-to-left-enter-active, .slide-to-left-leave-active {
  transition: transform 0.3s ease;
}
.slide-to-left-enter {
  -ms-transform: translateX(100%);
      transform: translateX(100%);
}
.slide-to-left-enter-to {
  -ms-transform: translateX(0);
      transform: translateX(0);
}
.slide-to-left-leave-to {
  -ms-transform: translateX(100%);
      transform: translateX(100%);
}

.transform-left-enter {
  -ms-transform: translate(100%, 0);
      transform: translate(100%, 0);
}
.transform-left-enter-active {
  transition: transform 0.233s cubic-bezier(1, 0, 0, 1);
}
.transform-left-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-left-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-left-leave-active {
  transition: transform 0.233s cubic-bezier(1, 0, 0, 1);
}
.transform-left-leave-to {
  -ms-transform: translate(100%, 0);
      transform: translate(100%, 0);
}

.transform-right-enter {
  -ms-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
}
.transform-right-enter-active {
  transition: transform 0.233s cubic-bezier(1, 0, 0, 1);
}
.transform-right-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-right-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-right-leave-active {
  transition: transform 0.233s cubic-bezier(1, 0, 0, 1);
}
.transform-right-leave-to {
  -ms-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
}

.transform-left-slow-enter {
  -ms-transform: translate(100%, 0);
      transform: translate(100%, 0);
}
.transform-left-slow-enter-active {
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
}
.transform-left-slow-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-left-slow-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-left-slow-leave-active {
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
}
.transform-left-slow-leave-to {
  -ms-transform: translate(100%, 0);
      transform: translate(100%, 0);
}

.transform-right-slow-enter {
  -ms-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
}
.transform-right-slow-enter-active {
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
}
.transform-right-slow-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-right-slow-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-right-slow-leave-active {
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
}
.transform-right-slow-leave-to {
  -ms-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
}

.transform-down-enter {
  -ms-transform: translate(0, 100%);
      transform: translate(0, 100%);
}
.transform-down-enter-active {
  transition: transform 0.4s ease-out;
}
.transform-down-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-down-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.transform-down-leave-active {
  transition: transform 0.233s ease;
}
.transform-down-leave-to {
  -ms-transform: translate(0, 100%);
      transform: translate(0, 100%);
}

.fade-modal-enter {
  -ms-transform: translate(200px, 0);
      transform: translate(200px, 0);
  opacity: 0;
}
.fade-modal-enter-active {
  transition: 0.5s ease;
  transition-property: opacity, transform;
}
.fade-modal-enter-to {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  opacity: 1;
}
.fade-modal-leave {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  opacity: 1;
}
.fade-modal-leave-active {
  transition: 0.5s ease;
  transition-property: opacity, transform;
}
.fade-modal-leave-to {
  -ms-transform: translate(200px, 0);
      transform: translate(200px, 0);
  opacity: 0;
}

.fade-page-enter {
  opacity: 0;
}
.fade-page-enter-active {
  transition: 0.4s ease-in;
  transition-property: opacity;
}
.fade-page-enter-to {
  opacity: 1;
}
.fade-page-leave {
  opacity: 1;
}
.fade-page-leave-active {
  transition: 0.4s ease-out;
  transition-property: opacity;
}
.fade-page-leave-to {
  opacity: 0;
}

.fade-slide-group-item {
  transition: all 1s;
}
.fade-slide-group-enter, .fade-slide-group-leave-to {
  opacity: 0;
}
.fade-slide-group-leave-to {
  -ms-transform: translateX(30px);
      transform: translateX(30px);
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
}
.fade-slide-group-enter {
  -ms-transform: translateX(-30px);
      transform: translateX(-30px);
  transition-duration: 1s;
  transition-timing-function: ease-out;
}

.content--view-base {
  color: var(--textBase);
}
.content--view-brand {
  color: var(--textBrand);
}
.content--size-p5 {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}

.skeleton-animation {
  -webkit-animation: pulse 2s ease infinite;
          animation: pulse 2s ease infinite;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.icon-sorting span {
  transition: width 0.1s ease;
}
.icon-sorting.is-active span {
  transition-delay: 0s;
  transition-duration: 0.3s;
}

.spinner svg {
  -webkit-animation: rotate360 1s infinite linear;
          animation: rotate360 1s infinite linear;
}

.button {
  transition: 0.3s ease;
  transition-property: opacity, color, background-color, box-shadow;
}
.button__spinner {
  pointer-events: none;
}
.button .button__icon::before {
  transition: 0.3s ease;
  transition-property: color;
}
.button--view-brand:active {
  background-color: var(--controlBrandBackground);
}
.button--view-brand-inverse:active {
  background-color: var(--controlBrandInverseBackground);
}
.button--view-secondary-brand:active {
  background-color: var(--controlSecondaryBrandBackground);
}
.button--view-secondary-brand-inverse:active {
  background-color: var(--controlSecondaryBrandBackgroundInverse);
}
.button--view-outline-brand:active {
  box-shadow: inset 0 0 0 1px var(--controlOutlineBrandBorderHover);
}
.button--view-outline:active {
  box-shadow: inset 0 0 0 1px var(--controlOutlineBorder);
}
.button--view-flat-brand:active {
  color: var(--controlFlatBrandText);
}
.button--view-critical:active {
  background-color: var(--controlCriticalBackground);
}
.button--view-success:active {
  background-color: var(--controlSuccessBackground);
}
.button--view-warning:active {
  background-color: var(--controlWarningBackground);
}
.button--view-flat:active {
  color: var(--controlFlatSystemText);
}
.button--view-flat:active .button__icon::before {
  color: var(--controlFlatSystemText);
}
.button--view-flat-white:active {
  color: var(--controlFlatWhiteText);
}
.button--view-flat-white:active .button__icon::before {
  color: var(--controlFlatWhiteTextHover);
}
@media (min-width: 1200px) {
  .button--view-brand:hover {
    background-color: var(--controlBrandBackgroundHover);
  }
  .button--view-brand:active {
    background-color: var(--controlBrandBackground);
  }
  .button--view-brand-inverse:hover {
    background-color: var(--controlBrandInverseBackgroundHover);
    color: var(--controlBrandInverseTextHover);
  }
  .button--view-brand-inverse:hover .button__icon::before {
    color: var(--controlBrandInverseTextHover);
  }
  .button--view-brand-inverse:active {
    background-color: var(--controlBrandInverseBackground);
    color: var(--controlBrandInverseText);
  }
  .button--view-brand-inverse:active .button__icon::before {
    color: var(--controlBrandInverseText);
  }
  .button--view-secondary-brand:hover {
    background-color: var(--controlSecondaryBrandBackgroundHover);
  }
  .button--view-secondary-brand:active {
    background-color: var(--controlSecondaryBrandBackground);
  }
  .button--view-secondary-brand-inverse:hover {
    background-color: var(--controlSecondaryBrandBackgroundInverseHover);
  }
  .button--view-secondary-brand-inverse:active {
    background-color: var(--controlSecondaryBrandBackgroundInverse);
  }
  .button--view-outline-brand:hover {
    box-shadow: inset 0 0 0 2px var(--controlOutlineBrandBorderHover);
  }
  .button--view-outline-brand:active {
    box-shadow: inset 0 0 0 1px var(--controlOutlineBrandBorder);
  }
  .button--view-outline:hover {
    box-shadow: inset 0 0 0 1px var(--controlOutlineBorderHover);
  }
  .button--view-outline:active {
    box-shadow: inset 0 0 0 1px var(--controlOutlineBorder);
  }
  .button--view-flat-brand:hover {
    color: var(--controlFlatBrandTextHover);
  }
  .button--view-flat-brand:hover .button__icon::before {
    color: var(--controlFlatBrandTextHover);
  }
  .button--view-flat-brand:active {
    color: var(--controlFlatBrandText);
  }
  .button--view-flat-brand:active .button__icon::before {
    color: var(--controlFlatBrandText);
  }
  .button--view-critical:hover {
    background-color: var(--controlCriticalBackgroundHover);
  }
  .button--view-critical:active {
    background-color: var(--controlCriticalBackground);
  }
  .button--view-success:hover {
    background-color: var(--controlSuccessBackgroundHover);
  }
  .button--view-success:active {
    background-color: var(--controlSuccessBackground);
  }
  .button--view-warning:hover {
    background-color: var(--controlWarningBackgroundHover);
  }
  .button--view-warning:active {
    background-color: var(--controlWarningBackground);
  }
  .button--view-flat:hover {
    color: var(--controlFlatSystemTextHover);
  }
  .button--view-flat:hover .button__icon::before {
    color: var(--controlFlatSystemTextHover);
  }
  .button--view-flat:active {
    color: var(--controlFlatSystemText);
  }
  .button--view-flat:active .button__icon::before {
    color: var(--controlFlatSystemText);
  }
  .button--view-flat-white:hover {
    color: var(--controlFlatWhiteTextHover);
  }
  .button--view-flat-white:hover .button__icon::before {
    color: var(--controlFlatWhiteTextHover);
  }
  .button--view-flat-white:active {
    color: var(--controlFlatWhiteText);
  }
  .button--view-flat-white:active .button__icon::before {
    color: var(--controlFlatWhiteTextHover);
  }
}

.icon-file__status {
  transition: 0.3s ease;
  transition-property: color, border-color, background-color;
}

.divider span {
  transition: background-color 0.3s ease;
}

.badge {
  transition: background-color 0.3s ease;
}
.badge p {
  transition: color 0.3s ease;
}

.card--interactive {
  cursor: pointer;
}
@media (min-width: 1200px) {
  .card {
    transition: 0.3s ease;
    transition-property: border-color, box-shadow, opacity;
  }
  .card--interactive:hover.card--view-base {
    border-color: var(--borderBaseHover);
    box-shadow: 0 0 0 1px var(--borderBaseHover);
  }
  .card--interactive:hover.card--view-base.card--shadow {
    box-shadow: 0 0 0 1px var(--borderBaseHover), 0 0.1666666667rem 1rem rgba(33, 36, 44, 0.2);
  }
  .card--interactive:hover.card--view-secondary {
    border-color: var(--borderSecondaryHover);
    box-shadow: 0 0 0 1px var(--borderSecondaryHover);
  }
  .card--interactive:hover.card--view-secondary.card--shadow {
    box-shadow: 0 0 0 1px var(--borderSecondaryHover), 0 0.1666666667rem 1rem rgba(33, 36, 44, 0.2);
  }
  .card--interactive:hover.card--view-warning {
    border-color: var(--borderWarningHover);
    box-shadow: 0 0 0 1px var(--borderWarningHover);
  }
  .card--interactive:hover.card--view-warning.card--shadow {
    box-shadow: 0 0 0 1px var(--borderWarningHover), 0 0.1666666667rem 1rem rgba(255, 181, 77, 0.25);
  }
  .card--interactive:hover.card--view-critical {
    border-color: var(--borderCriticalHover);
    box-shadow: 0 0 0 1px var(--borderCriticalHover);
  }
  .card--interactive:hover.card--view-critical.card--shadow {
    box-shadow: 0 0 0 1px var(--borderCriticalHover), 0 0.1666666667rem 1rem rgba(237, 106, 94, 0.25);
  }
  .card--interactive:hover.card--view-success {
    border-color: var(--borderSuccessHover);
    box-shadow: 0 0 0 1px var(--borderSuccessHover);
  }
  .card--interactive:hover.card--view-success.card--shadow {
    box-shadow: 0 0 0 1px var(--borderSuccessHover), 0 0.1666666667rem 1rem rgba(104, 198, 57, 0.25);
  }
  .card--interactive:hover.card--view-primary {
    border-color: var(--borderPrimaryHover);
    box-shadow: 0 0 0 1px var(--borderPrimaryHover);
  }
  .card--interactive:hover.card--view-primary.card--shadow {
    box-shadow: 0 0 0 1px var(--borderPrimaryHover), 0 0.1666666667rem 1rem rgba(0, 85, 255, 0.25);
  }
  .card--interactive:hover.card--border-style-dashed {
    border-color: transparent;
  }
}

.image .ls-blur-up-is-loading {
  opacity: 0;
}
.image .ls-blur-up-img {
  transition: 0.6s ease;
  transition-property: opacity;
  opacity: 0;
}
.image .ls-blur-up-img.ls-blur-up-loaded {
  opacity: 1;
}
.image.lazyloaded .ls-original-loaded {
  opacity: 0;
}

div.link {
  cursor: pointer;
}

.link span {
  transition: 0.3s ease;
  transition-property: color, border-color, opacity;
}
.link::before, .link::after {
  transition: 0.3s ease;
  transition-property: color;
}
@media (min-width: 1200px) {
  .link:not(.is-disabled).link--interactive.link--view-interactive:hover span {
    color: var(--textLinkInteractiveHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-interactive:hover::before, .link:not(.is-disabled).link--interactive.link--view-interactive:hover::after {
    color: var(--textLinkInteractiveHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-interactive:hover:not(.link--underline-none) span {
    border-color: var(--borderLinkInteractiveHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-base:hover span {
    color: var(--textLinkInteractiveHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-base:hover::before, .link:not(.is-disabled).link--interactive.link--view-base:hover::after {
    color: var(--textLinkInteractiveHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-base:hover:not(.link--underline-none) span {
    border-color: var(--borderLinkInteractiveHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-secondary:hover span {
    color: var(--textLinkSecondaryHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-secondary:hover::before, .link:not(.is-disabled).link--interactive.link--view-secondary:hover::after {
    color: var(--textLinkSecondaryHover);
  }
  .link:not(.is-disabled).link--interactive.link--view-secondary:hover:not(.link--underline-none) span {
    border-color: var(--borderLinkSecondaryHover);
  }
}

.form-item {
  transition: 0.3s ease;
  transition-property: opacity;
}
.form-item--view-base .form-item__element:focus::-moz-placeholder, .form-item--view-base .form-item__element.is-focus::-moz-placeholder, .form-item--view-flat .form-item__element:focus::-moz-placeholder, .form-item--view-flat .form-item__element.is-focus::-moz-placeholder {
  color: var(--inputBaseTextFocus);
}
.form-item--view-base .form-item__element:focus:-ms-input-placeholder, .form-item--view-base .form-item__element.is-focus:-ms-input-placeholder, .form-item--view-flat .form-item__element:focus:-ms-input-placeholder, .form-item--view-flat .form-item__element.is-focus:-ms-input-placeholder {
  color: var(--inputBaseTextFocus);
}
.form-item--view-base .form-item__element:focus::placeholder, .form-item--view-base .form-item__element.is-focus::placeholder, .form-item--view-flat .form-item__element:focus::placeholder, .form-item--view-flat .form-item__element.is-focus::placeholder {
  color: var(--inputBaseTextFocus);
}
.form-item--view-base .form-item__element:focus ~ *:not(.icon-base--close)::before, .form-item--view-base .form-item__element.is-focus ~ *:not(.icon-base--close)::before, .form-item--view-flat .form-item__element:focus ~ *:not(.icon-base--close)::before, .form-item--view-flat .form-item__element.is-focus ~ *:not(.icon-base--close)::before {
  color: var(--inputBaseTextFocus);
}
.form-item--view-base .form-item__element:focus, .form-item--view-base .form-item__element.is-focus, .form-item--view-base-inverse .form-item__element:focus, .form-item--view-base-inverse .form-item__element.is-focus, .form-item--view-system .form-item__element:focus, .form-item--view-system .form-item__element.is-focus {
  border-color: var(--inputBaseBorderFocus);
  box-shadow: var(--inputBaseFocus);
}
.form-item--view-base.is-error .form-item__element, .form-item--view-base-inverse.is-error .form-item__element, .form-item--view-system.is-error .form-item__element {
  border-color: var(--inputBaseBorderError);
  box-shadow: var(--inputBaseError);
  color: var(--inputBaseTextError);
}
.form-item--view-base.is-error .form-item__element::-moz-placeholder, .form-item--view-base-inverse.is-error .form-item__element::-moz-placeholder, .form-item--view-system.is-error .form-item__element::-moz-placeholder {
  color: var(--inputBaseTextError);
}
.form-item--view-base.is-error .form-item__element:-ms-input-placeholder, .form-item--view-base-inverse.is-error .form-item__element:-ms-input-placeholder, .form-item--view-system.is-error .form-item__element:-ms-input-placeholder {
  color: var(--inputBaseTextError);
}
.form-item--view-base.is-error .form-item__element::placeholder, .form-item--view-base-inverse.is-error .form-item__element::placeholder, .form-item--view-system.is-error .form-item__element::placeholder {
  color: var(--inputBaseTextError);
}
.form-item--view-base.is-error .form-item__element:focus, .form-item--view-base.is-error .form-item__element.is-focus, .form-item--view-base-inverse.is-error .form-item__element:focus, .form-item--view-base-inverse.is-error .form-item__element.is-focus, .form-item--view-system.is-error .form-item__element:focus, .form-item--view-system.is-error .form-item__element.is-focus {
  border-color: var(--inputBaseBorderFocus);
  box-shadow: var(--inputBaseFocus);
}
.form-item--view-base-inverse .form-item__element:focus::-moz-placeholder, .form-item--view-base-inverse .form-item__element.is-focus::-moz-placeholder {
  color: var(--inputBaseTextInverseFocus);
}
.form-item--view-base-inverse .form-item__element:focus:-ms-input-placeholder, .form-item--view-base-inverse .form-item__element.is-focus:-ms-input-placeholder {
  color: var(--inputBaseTextInverseFocus);
}
.form-item--view-base-inverse .form-item__element:focus::placeholder, .form-item--view-base-inverse .form-item__element.is-focus::placeholder {
  color: var(--inputBaseTextInverseFocus);
}
.form-item--view-base-inverse .form-item__element:focus ~ *:not(.icon-base--close)::before, .form-item--view-base-inverse .form-item__element.is-focus ~ *:not(.icon-base--close)::before {
  color: var(--inputBaseTextInverseFocus);
}
.form-item--view-flat.is-error .form-item__element {
  color: var(--inputBaseTextError);
}
.form-item--view-flat.is-error .form-item__element::-moz-placeholder {
  color: var(--inputBaseTextError);
}
.form-item--view-flat.is-error .form-item__element:-ms-input-placeholder {
  color: var(--inputBaseTextError);
}
.form-item--view-flat.is-error .form-item__element::placeholder {
  color: var(--inputBaseTextError);
}
.form-item--view-system .form-item__element:focus, .form-item--view-system .form-item__element.is-focus {
  background-color: var(--inputSystemBackgroundFocus);
}
.form-item--view-system .form-item__element:focus:-webkit-autofill, .form-item--view-system .form-item__element.is-focus:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 60px var(--inputSystemBackgroundFocus) inset !important;
}
.form-item--view-system .form-item__element:focus::-moz-placeholder, .form-item--view-system .form-item__element.is-focus::-moz-placeholder {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system .form-item__element:focus:-ms-input-placeholder, .form-item--view-system .form-item__element.is-focus:-ms-input-placeholder {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system .form-item__element:focus::placeholder, .form-item--view-system .form-item__element.is-focus::placeholder {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system .form-item__element:focus ~ *:not(.icon-base--close)::before, .form-item--view-system .form-item__element.is-focus ~ *:not(.icon-base--close)::before {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system.is-error .form-item__element {
  background-color: var(--inputSystemBackgroundError);
}
.form-item--view-system.is-error .form-item__element:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 60px var(--inputSystemBackgroundError) inset !important;
}
.form-item__text--error {
  transition: 0.1s ease;
  transition-property: opacity, color, margin-top, height;
}
.form-item__spinner {
  pointer-events: none;
}
.form-item__placeholder {
  transition: 0.3s ease;
  transition-property: color;
}
.form-item__element {
  transition: 0.3s ease;
  transition-property: border-color, color, box-shadow, background-color;
  caret-color: var(--inputBaseBorderFocus);
}
.form-item__element::-moz-placeholder {
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition-property: color;
  transition-property: color;
}
.form-item__element:-ms-input-placeholder {
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  -ms-transition-property: color;
  transition-property: color;
}
.form-item__element::placeholder {
  transition: 0.3s ease;
  transition-property: color;
}
.form-item--cursor-pointer {
  cursor: pointer;
}
.form-item__icon::before {
  transition: 0.3s ease;
  transition-property: color;
}
.form-item__icon.icon-base--chevron-down {
  transition: 0.15s ease;
  transition-property: transform;
}
@media (min-width: 1200px) {
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__placeholder, .form-item--view-flat .form-item__content:not(.is-disabled-value):hover > .form-item__placeholder {
    color: var(--inputBaseTextHover);
  }
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__element, .form-item--view-flat .form-item__content:not(.is-disabled-value):hover > .form-item__element {
    color: var(--inputBaseTextHover);
    border-color: var(--inputBaseBorderHover);
  }
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__element::-moz-placeholder, .form-item--view-flat .form-item__content:not(.is-disabled-value):hover > .form-item__element::-moz-placeholder {
    color: var(--inputBaseTextHover);
  }
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__element:-ms-input-placeholder, .form-item--view-flat .form-item__content:not(.is-disabled-value):hover > .form-item__element:-ms-input-placeholder {
    color: var(--inputBaseTextHover);
  }
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__element::placeholder, .form-item--view-flat .form-item__content:not(.is-disabled-value):hover > .form-item__element::placeholder {
    color: var(--inputBaseTextHover);
  }
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__icon:not(.icon-base--close)::before, .form-item--view-flat .form-item__content:not(.is-disabled-value):hover > .form-item__icon:not(.icon-base--close)::before {
    color: var(--inputBaseTextHover);
  }
  .form-item--view-base .form-item__icon:not(.is-disabled-value):hover::before, .form-item--view-flat .form-item__icon:not(.is-disabled-value):hover::before {
    color: var(--inputBaseTextHover);
  }
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__element, .form-item--view-base-inverse .form-item__content:not(.is-disabled-value):hover > .form-item__element {
    border-color: var(--inputBaseBorderHover);
  }
  .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__element:focus, .form-item--view-base .form-item__content:not(.is-disabled-value):hover > .form-item__element.is-focus, .form-item--view-base-inverse .form-item__content:not(.is-disabled-value):hover > .form-item__element:focus, .form-item--view-base-inverse .form-item__content:not(.is-disabled-value):hover > .form-item__element.is-focus {
    border-color: var(--inputBaseBorderFocus);
    box-shadow: var(--inputBaseFocus);
  }
  .form-item--view-base.is-error .form-item__content:not(.is-disabled-value):hover > .form-item__element, .form-item--view-base-inverse.is-error .form-item__content:not(.is-disabled-value):hover > .form-item__element {
    border-color: var(--inputBaseBorderError);
    box-shadow: var(--inputBaseError);
  }
  .form-item--view-flat.is-error .form-item__content:hover > .form-item__element {
    color: var(--inputBaseTextError);
  }
  .form-item--view-flat.is-error .form-item__content:hover > .form-item__element::-moz-placeholder {
    color: var(--inputBaseTextError);
  }
  .form-item--view-flat.is-error .form-item__content:hover > .form-item__element:-ms-input-placeholder {
    color: var(--inputBaseTextError);
  }
  .form-item--view-flat.is-error .form-item__content:hover > .form-item__element::placeholder {
    color: var(--inputBaseTextError);
  }
  .form-item--view-base-inverse .form-item__content:hover > .form-item__placeholder {
    color: var(--inputBaseTextInverseHover);
  }
  .form-item--view-base-inverse .form-item__content:hover > .form-item__element {
    color: var(--inputBaseTextInverseHover);
  }
  .form-item--view-base-inverse .form-item__content:hover > .form-item__element::-moz-placeholder {
    color: var(--inputBaseTextInverseHover);
  }
  .form-item--view-base-inverse .form-item__content:hover > .form-item__element:-ms-input-placeholder {
    color: var(--inputBaseTextInverseHover);
  }
  .form-item--view-base-inverse .form-item__content:hover > .form-item__element::placeholder {
    color: var(--inputBaseTextInverseHover);
  }
  .form-item--view-base-inverse .form-item__content:hover > .form-item__icon:not(.icon-base--close)::before {
    color: var(--inputBaseTextInverseHover);
  }
  .form-item--view-system .form-item__content:not(.is-disabled-value):hover > .form-item__element {
    background-color: var(--inputSystemBackgroundHover);
    border-color: var(--inputSystemBackgroundHover);
  }
  .form-item--view-system .form-item__content:not(.is-disabled-value):hover > .form-item__element:focus, .form-item--view-system .form-item__content:not(.is-disabled-value):hover > .form-item__element.is-focus {
    border-color: var(--inputBaseBorderFocus);
    box-shadow: var(--inputBaseFocus);
    background-color: var(--inputSystemBackgroundFocus);
  }
  .form-item--view-system .form-item__content:not(.is-disabled-value):hover > .form-item__element:focus:-webkit-autofill, .form-item--view-system .form-item__content:not(.is-disabled-value):hover > .form-item__element.is-focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 60px var(--inputSystemBackgroundFocus) inset !important;
  }
  .form-item--view-system .form-item__icon:not(.is-disabled-value):hover::before {
    color: var(--inputBaseTextHover);
  }
}

.mx-icon-left, .mx-icon-right, .mx-icon-double-left, .mx-icon-double-right {
  display: block;
}
.mx-icon-left::before, .mx-icon-right::before, .mx-icon-double-left::before, .mx-icon-double-right::before {
  font-family: "icon", sans-serif;
  font-size: 16px;
  color: var(--textSecondary);
}
.mx-icon-left::before {
  content: "\ea07";
}
.mx-icon-right::before {
  content: "\ea08";
}
.mx-icon-double-right::before {
  content: "\ea0b";
}
.mx-icon-double-left::before {
  content: "\ea0a";
}

.mx-btn {
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #73879c;
  white-space: nowrap;
}
.mx-btn:hover {
  border-color: #1284e7;
  color: #1284e7;
}

.mx-btn-text {
  border: 0;
  padding: 0 4px;
  text-align: left;
  line-height: inherit;
}

.mx-calendar-header > button {
  position: relative;
  width: 24px;
  height: 36px;
  line-height: normal;
  font-size: 0;
}
.mx-calendar-header > button i {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.mx-scrollbar {
  height: 100%;
}
.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}

.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.mx-scrollbar-track {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.24s ease-out;
}
.mx-scrollbar-track .mx-scrollbar-thumb {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
  opacity: 1;
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transform-origin: center top;
      transform-origin: center top;
}

.mx-zoom-in-down-enter,
.mx-zoom-in-down-enter-from,
.mx-zoom-in-down-leave-to {
  opacity: 0;
  -ms-transform: scaleY(0);
      transform: scaleY(0);
}

.mx-input-wrapper {
  position: relative;
}
.mx-input-wrapper .mx-icon-clear {
  display: none;
}
.mx-input-wrapper:hover .mx-icon-clear {
  display: block;
}
.mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {
  display: none;
}

.mx-input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.mx-input:hover, .mx-input:focus {
  border-color: #409aff;
}
.mx-input:disabled, .mx-input.disabled {
  color: #ccc;
  background-color: #f3f3f3;
  border-color: #ccc;
  cursor: not-allowed;
}
.mx-input:focus {
  outline: none;
}
.mx-input::-ms-clear {
  display: none;
}

.mx-icon-calendar {
  position: absolute;
  top: 50%;
  right: 8px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}

.mx-icon-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  cursor: pointer;
}
.mx-icon-clear:hover {
  color: rgba(0, 0, 0, 0.8);
}

.mx-btn-shortcut {
  display: block;
  padding: 0 6px;
  line-height: 24px;
}

.mx-range-wrapper {
  display: flex;
}

@media (max-width: 750px) {
  .mx-range-wrapper {
    flex-direction: column;
  }
}
.mx-calendar-header,
.mx-time-header {
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  text-align: center;
  overflow: hidden;
}

.mx-btn-icon-left,
.mx-btn-icon-double-left {
  float: left;
}

.mx-btn-icon-right,
.mx-btn-icon-double-right {
  float: right;
}

.mx-btn-current-month {
  text-transform: capitalize;
}

.mx-week-number {
  opacity: 0.5;
}

.mx-datepicker {
  position: relative;
  display: inline-block;
  width: 210px;
}
.mx-datepicker svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentcolor;
  overflow: hidden;
}
.mx-datepicker-main {
  font-size: 12px;
  line-height: 16px;
  color: var(--inputBaseText);
  background-color: var(--surface);
  border: 1px solid var(--inputBaseBorder);
  border-radius: 0.6666666667rem;
}
.mx-datepicker-range {
  width: 320px;
}
.mx-datepicker-range .mx-table-date .cell.in-range {
  border-radius: 0;
}
.mx-datepicker-inline {
  width: auto;
}
.mx-datepicker-header {
  padding: 6px 8px;
  border-bottom: 1px solid var(--inputBaseBorder);
}
.mx-datepicker-footer {
  padding: 6px 8px;
  text-align: right;
  border-top: 1px solid var(--inputBaseBorder);
}
.mx-datepicker-popup {
  position: absolute;
  margin-top: 1px;
  margin-bottom: 1px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2001;
}
.mx-datepicker-sidebar {
  float: left;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
  overflow: auto;
}
.mx-datepicker-sidebar + .mx-datepicker-content {
  margin-left: 100px;
  border-left: 1px solid var(--inputBaseBorder);
}
.mx-datepicker-body {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mx-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}
.mx-table th {
  padding: 0;
  font-weight: 600;
  vertical-align: middle;
  text-transform: capitalize;
}
.mx-table td {
  padding: 0;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 2px;
}
.mx-table-date td,
.mx-table-date th {
  height: 32px;
  font-size: 12px;
  box-sizing: border-box;
}
.mx-table-date .today {
  color: var(--controlBrandBackground);
  background-color: transparent;
}
.mx-table-date .cell.not-current-month {
  opacity: 0;
  pointer-events: none;
}

.mx-calendar {
  box-sizing: border-box;
  width: 248px;
  padding: 6px 12px;
}
.mx-calendar-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mx-calendar-header-label {
  font-size: 14px;
}
.mx-calendar-decade-separator {
  margin: 0 2px;
}
.mx-calendar-decade-separator::after {
  content: "-";
}
.mx-calendar-content {
  position: relative;
  height: 224px;
  box-sizing: border-box;
}
.mx-calendar-content .cell {
  cursor: pointer;
  transition: 0.3s ease;
  transition-property: border-color, color, background-coolor, opacity;
}
.mx-calendar-content .cell:not(.disabled):not(.active):hover {
  color: var(--inputBaseText);
  border-color: var(--borderBase);
}
.mx-calendar-content .cell:not(.disabled):not(.active):hover.today {
  color: var(--controlBrandBackground);
}
.mx-calendar-content .cell:not(.disabled):not(.active):hover.active {
  border-color: transparent;
}
.mx-calendar-content .cell:not(.disabled):not(.active):hover.active.today {
  color: var(--controlBrandText);
}
.mx-calendar-content .cell.active {
  color: var(--controlBrandText);
  background-color: var(--controlBrandBackground);
  transition-property: border-color, color, background-coolor, border-radius;
}
.mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
  background-color: var(--controlSecondaryBrandBackground);
  border-radius: 0;
}
.mx-calendar-content .cell.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}
.mx-calendar-week-mode .mx-date-row:hover {
  background-color: #f3f9fe;
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: #dbedfb;
}
.mx-calendar-week-mode .mx-date-row .cell:hover, .mx-calendar-week-mode .mx-date-row .cell.active {
  color: inherit;
  background-color: transparent;
}

.mx-time {
  flex: 1;
  width: 224px;
  background: #fff;
}
.mx-time + .mx-time {
  border-left: 1px solid var(--);
}
.mx-time-header {
  border-bottom: 1px solid var(--inputBaseBorder);
}
.mx-time-content {
  height: 224px;
  box-sizing: border-box;
  overflow: hidden;
}
.mx-time-columns {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mx-time-column {
  flex: 1;
  position: relative;
  border-left: 1px solid var(--inputBaseBorder);
  text-align: center;
}
.mx-time-column:first-child {
  border-left: 0;
}
.mx-time-column .mx-time-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-time-column .mx-time-list::after {
  content: "";
  display: block;
  height: 192px;
}
.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.mx-time-column .mx-time-item:hover {
  color: #73879c;
  background-color: #f3f9fe;
}
.mx-time-column .mx-time-item.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}
.mx-time-column .mx-time-item.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}
.mx-time-option {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}
.mx-time-option:hover {
  color: #73879c;
  background-color: #f3f9fe;
}
.mx-time-option.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}
.mx-time-option.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.input-multi__datepicker {
  transition: all 0.3s ease;
}

.title {
  transition: 0.3s ease;
  transition-property: color;
}

.progress-bar__step span {
  transition: width 0.3s linear, min-width 0.3s linear, opacity 0.233s ease, background-color 0.3s ease, border-color 0.3s ease;
}

@-webkit-keyframes mov-strips {
  0% {
    left: -1.8333333333rem;
  }
  100% {
    left: 0;
  }
}

@keyframes mov-strips {
  0% {
    left: -1.8333333333rem;
  }
  100% {
    left: 0;
  }
}
.radio-toggle {
  transition: 0.3s ease;
  transition-property: border-color;
}
.radio-toggle span {
  transition: 0.3s ease;
  transition-property: background-color, transform;
}
@media (min-width: 1200px) {
  .radio-toggle:hover {
    border-color: var(--borderBaseHover);
  }
  .radio-toggle.is-checked:hover {
    border-color: var(--controlBrandBackgroundHover);
  }
  .radio-toggle.is-checked:hover span {
    background-color: var(--controlBrandBackgroundHover);
  }
}

.card-radio {
  cursor: pointer;
}
.card-radio__value {
  cursor: pointer;
}
@media (min-width: 1200px) {
  .card-radio:hover .radio-toggle {
    border-color: var(--borderBaseHover);
  }
  .card-radio:hover .radio-toggle.is-checked {
    border-color: var(--controlBrandBackgroundHover);
  }
  .card-radio:hover .radio-toggle.is-checked span {
    background-color: var(--controlBrandBackgroundHover);
  }
}

.select-option {
  position: relative;
  padding: 0.6666666667rem 2.6666666667rem 0.6666666667rem 0.6666666667rem;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.select-option.is-active .select-option__icon {
  opacity: 1;
}
.select-option.is-active .select-option__text--option {
  color: var(--textBrand);
}
.select-option.is-active .select-option__text--description {
  color: var(--textBrand);
}
.select-option.is-disabled {
  opacity: 0.6;
}
.select-option__checkbox {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.3333333333rem;
  margin-top: 0.1666666667rem;
}
.select-option__text--option {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  display: inline-block;
  vertical-align: top;
  transition: color 0.3s ease;
  color: var(--textSecondary);
  max-width: calc(100% - 2rem);
}
.select-option__text--description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  display: block;
  vertical-align: top;
  transition: color 0.3s ease;
  color: var(--textSecondary);
  max-width: calc(100% - 2rem);
}
.select-option__icon {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  transition: opacity 0.3s ease;
  right: 0.8333333333rem;
  font-size: 1.3333333333rem;
  opacity: 0;
}
.select-option__icon::before {
  color: var(--textBrand);
}
@media (hover: hover), (min-width: 1200px) {
  .select-option__text {
    transition: color 0.3s ease;
  }
  .select-option__icon::before {
    transition: color 0.3s ease;
  }
  .select-option:hover:not(.is-active) .select-option__text {
    color: var(--controlBaseTextHover);
  }
  .select-option:hover:not(.is-active) .select-option__icon::before {
    color: var(--controlBaseTextHover);
  }
  .select-option:hover:not(.is-active) .checkbox__content {
    border-color: var(--borderBaseHover);
  }
  .select-option:hover.is-active .select-option__text {
    color: var(--controlBrandBackgroundHover);
  }
  .select-option:hover.is-active .select-option__icon::before {
    color: var(--controlBrandBackgroundHover);
  }
  .select-option:hover.is-active .checkbox__content {
    border-color: var(--controlBrandBackgroundHover);
    background-color: var(--controlBrandBackgroundHover);
  }
}

.select-dropdown__card {
  overflow: hidden;
}
.select-dropdown__head {
  padding: 0.6666666667rem;
  margin: -0.8333333333rem -0.8333333333rem 0;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease;
  background-color: var(--backgroundSurface);
  position: relative;
  z-index: 1;
}
.select-dropdown__head + .select__scroller {
  margin-top: 0;
}
.select-dropdown__head.is-bordered {
  border-color: var(--inputBaseBorder);
}
.select-dropdown__input {
  width: 100%;
  min-width: auto;
}
.select-dropdown__scroller {
  max-height: 15rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: -0.8333333333rem;
  position: relative;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  cursor: default;
}
@media (hover: hover), (min-width: 1200px) {
  .select-dropdown__scroller::-webkit-scrollbar-track {
    margin: 0.8333333333rem 0;
  }
}
.select-dropdown__scroller.is-overscroll {
  margin-right: 0;
}
.select-dropdown__error-text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  text-align: center;
}

.select__options {
  position: absolute;
  left: 0;
  width: 100%;
  min-width: 16.6666666667rem;
  z-index: 2;
  pointer-events: none;
}
.select__options--bottom {
  top: 100%;
  margin-top: 0.6666666667rem;
}
.select__options--top {
  bottom: 100%;
  margin-bottom: 0.6666666667rem;
}
.select__options.is-active {
  pointer-events: auto;
}
.select__wrapper--tags {
  max-width: 100%;
}
.select__tags {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}
.select__tag + .select__tag {
  margin-left: 0.3333333333rem;
}
.select.is-active .select__options {
  pointer-events: auto;
}
.select.is-active .form-item__icon--right {
  -ms-transform: translate(0, -50%) rotate(180deg);
      transform: translate(0, -50%) rotate(180deg);
}
.select.is-filled.form-item--view-flat .form-item__placeholder {
  color: var(--textBase);
}

.tag.is-removable {
  cursor: pointer;
}
@media (min-width: 1200px) {
  .tag.is-removable .tag__value {
    transition: color 0.3s ease;
  }
  .tag.is-removable .tag__icon::before {
    transition: color 0.3s ease;
  }
  .tag.is-removable:hover {
    color: var(--textLinkSecondaryHover);
  }
}

.checkbox {
  cursor: pointer;
}
.checkbox__content {
  transition: 0.3s ease;
  transition-property: border-color, background-color;
}
.checkbox__icon {
  transition: opacity 0.3s ease;
}
@media (min-width: 1200px) {
  .checkbox:hover .checkbox__content {
    border-color: var(--borderBaseHover);
  }
  .checkbox:hover .checkbox__input:checked + .checkbox__content {
    border-color: var(--controlBrandBackgroundHover);
    background-color: var(--controlBrandBackgroundHover);
  }
}

@media (min-width: 1200px) {
  .card-checkbox {
    cursor: pointer;
  }
}

.button-hamburger {
  cursor: pointer;
}
.button-hamburger span {
  transition: 0.3s ease;
  transition-property: opacity, transform, background-color;
}
.button-hamburger.is-active span:nth-child(1) {
  -ms-transform: translate(-50%, -50%) translateY(0) rotate(45deg);
      transform: translate(-50%, -50%) translateY(0) rotate(45deg);
}
.button-hamburger.is-active span:nth-child(2) {
  opacity: 0;
}
.button-hamburger.is-active span:nth-child(3) {
  -ms-transform: translate(-50%, -50%) translateY(0) rotate(-45deg);
      transform: translate(-50%, -50%) translateY(0) rotate(-45deg);
}
@media (min-width: 1200px) {
  .button-hamburger:hover span {
    background-color: var(--controlFlatSystemTextHover);
  }
}

.sorting__option {
  transition: color 0.15s ease, margin-right 0.15s ease, opacity 0.3s ease;
}
@media (hover: hover), (min-width: 1200px) {
  .sorting__option:not(.is-disabled):hover {
    opacity: 0.5;
  }
}

.card-attachment__value:not(.card-attachment__value[disabled]) {
  cursor: pointer;
}
.card-attachment.is-error {
  box-shadow: var(--shadowCritical);
}

.toast-container {
  pointer-events: none;
  box-sizing: border-box;
}
@media (max-width: 649px) {
  .toast-container {
    width: 100%;
    left: 0;
    top: 0;
    padding-right: 1.3333333333rem;
    padding-left: 1.3333333333rem;
    padding-top: 1.3333333333rem;
  }
}
@media (min-width: 650px) {
  .toast-container--position-top-right {
    top: 0.6666666667rem;
    right: 0.6666666667rem;
  }
  .toast-container--position-top-right .toast {
    -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
  }
  .toast-container--position-top-left {
    top: 0.6666666667rem;
    left: 0.6666666667rem;
  }
  .toast-container--position-top-left .toast {
    -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
  }
  .toast-container--position-top-center {
    top: 0.6666666667rem;
    left: 50%;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
  }
  .toast-container--position-top-center .toast {
    -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
  }
  .toast-container--position-bottom-left {
    bottom: 0.6666666667rem;
    left: 0.6666666667rem;
  }
  .toast-container--position-bottom-left .toast {
    -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
  }
  .toast-container--position-bottom-right {
    bottom: 0.6666666667rem;
    right: 0.6666666667rem;
  }
  .toast-container--position-bottom-right .toast {
    -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
  }
  .toast-container--position-bottom-center {
    left: 50%;
    bottom: 0.6666666667rem;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
  }
  .toast-container--position-bottom-center .toast {
    -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
  }
}

.toast {
  overflow: hidden;
  pointer-events: auto;
  transition: opacity 0.3s ease, transform 0.3s ease, height 0.1s ease, margin-top 0.1s ease;
  opacity: 0;
  min-width: 23.3333333333rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.6666666667rem;
}
.toast__icon {
  font-size: 1.6666666667rem;
  position: absolute;
}
.toast__icon--information {
  left: 1rem;
  top: 1rem;
}
.toast__icon--close {
  right: 1rem;
  top: 1rem;
  color: var(--textSecondary);
}
.toast__content {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 3.3333333333rem 1rem 1rem;
  border-radius: 0.6666666667rem;
  background-color: var(--backgroundSurface);
  border: 1px solid transparent;
  min-height: 3.6666666667rem;
}
.toast__title + .toast__text {
  margin-top: 0.3333333333rem;
}
.toast__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.toast.is-active {
  opacity: 1;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.toast.is-hide {
  opacity: 0;
  -ms-transform: translate(100%, 0);
      transform: translate(100%, 0);
}
.toast + .toast {
  margin-top: 0.6666666667rem;
}
.toast--view-base {
  box-shadow: var(--shadowBase);
}
.toast--view-base .toast__icon--information {
  color: var(--textSecondary);
}
.toast--view-base .toast__content {
  padding-left: 1rem;
  border-color: var(--borderBase);
}
.toast--view-warning {
  box-shadow: var(--shadowWarning);
}
.toast--view-warning .toast__icon--information {
  color: var(--textWarning);
}
.toast--view-warning .toast__content {
  border-color: var(--borderWarning);
}
.toast--view-success {
  box-shadow: var(--shadowSuccess);
}
.toast--view-success .toast__icon--information {
  color: var(--textSuccess);
}
.toast--view-success .toast__content {
  border-color: var(--borderSuccess);
}
.toast--view-critical {
  box-shadow: var(--shadowCritical);
}
.toast--view-critical .toast__icon--information {
  color: var(--textCritical);
}
.toast--view-critical .toast__content {
  border-color: var(--borderCritical);
}
.toast--icon .toast__content {
  padding-left: 3.3333333333rem;
}
@media (min-width: 650px) {
  .toast {
    max-width: 60.6666666667rem;
  }
}

.context-menu {
  padding: 0;
  width: 20rem;
  box-shadow: 0 0.1666666667rem 1rem rgba(33, 36, 44, 0.2);
  transition: 0.3s ease;
  transition-property: opacity, transform;
  -ms-transform: translate(0, 10px);
      transform: translate(0, 10px);
}
.context-menu__options {
  max-height: 16.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.context-menu__option {
  padding: 0.6666666667rem 1rem;
  cursor: pointer;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  transition: color 0.3s ease;
}
.context-menu__option + .context-menu__option {
  position: relative;
}
.context-menu__option + .context-menu__option::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background-color: var(--borderSecondary);
}
.context-menu__option i {
  font-size: 1.3333333333rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.context-menu__option i::before {
  transition: color 0.3s ease;
}
.context-menu__option--view-base:hover {
  color: var(--textBrand);
}
.context-menu__option--view-base:hover i::before {
  color: var(--textBrand);
}
.context-menu__option--view-critical {
  color: var(--textCritical);
}
.context-menu__option--view-critical i {
  color: var(--textCritical);
}
.context-menu__option--view-critical:hover {
  color: var(--controlCriticalTextHover);
}
.context-menu__option--view-critical:hover i::before {
  color: var(--controlCriticalTextHover);
}
.context-menu.is-active {
  opacity: 1;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}

.tooltip__wrapper.is-active {
  opacity: 1;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}

.card-banner-info__text {
  transition: opacity 0.3s ease;
}

.tabs__item {
  cursor: pointer;
  transition: 0.3s ease;
  transition-property: color;
}
.tabs__item:hover {
  color: var(--controlBaseTextHover);
}
.tabs__toggle {
  transition: 0.3s ease;
  transition-property: transform, width;
}

.hint {
  transition: opacity 0.3s ease;
}
.hint.is-active {
  opacity: 1;
}
@media (min-width: 1200px) {
  .hint:hover {
    opacity: 1;
  }
}

.dropzone {
  transition: border-color 0.3s ease;
}
.dropzone.is-hovered {
  border-color: var(--borderBaseHover);
}
.dropzone:hover {
  border-color: var(--borderBaseHover);
}
.dropzone__input {
  cursor: pointer;
}

.toggle {
  transition: background-color 0.3s ease;
}
.toggle__slider {
  transition: transform 0.3s ease;
}

.card-copy-link {
  cursor: pointer;
}

.highcharts-credits {
  display: none;
}

.chart-tooltip {
  position: relative;
  border-radius: 0.3333333333rem;
  padding: 0.1666666667rem 0.3333333333rem;
  font-size: 0.6666666667rem;
  z-index: 2;
  background-color: var(--backgroundSurface);
  border: 1px solid var(--borderSecondary);
  font-size: 0.6666666667rem;
  line-height: 1rem;
}
.chart-tooltip p {
  color: var(--textBase);
}
.chart-tooltip span {
  color: var(--textSecondary);
}
.chart-tooltip::before {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  content: "";
  width: 0.8333333333rem;
  height: 0.3333333333rem;
  top: 100%;
  z-index: 1;
  background: url("/public/images/utility/arrow.svg") no-repeat center center;
  background-size: 0.8333333333rem 0.3333333333rem;
}

.input-color-picker__preview {
  transition: box-shadow 0.3s ease;
}

.color-picker.vc-chrome {
  width: 18.75rem;
  font-family: inherit;
  box-shadow: none;
  border-radius: 0.6666666667rem;
  border: 1px solid var(--borderBase);
  overflow: hidden;
  box-sizing: border-box;
}
.color-picker .vc-chrome-color-wrap {
  width: 3rem;
}
.color-picker .vc-chrome-active-color {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
}
.color-picker .vc-checkerboard {
  border-radius: 0.1666666667rem;
}
.color-picker .vc-chrome-color-wrap .vc-checkerboard {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
}
.color-picker .vc-chrome-fields-wrap {
  padding-top: 1.3333333333rem;
}
.color-picker .vc-chrome-field {
  padding-left: 0.5rem;
}
.color-picker .vc-chrome-toggle-btn {
  width: 2.6666666667rem;
}
.color-picker .vc-chrome-toggle-icon {
  margin-right: 0;
  margin-top: 0;
}
.color-picker .vc-chrome-toggle-icon svg {
  display: none;
}
.color-picker .vc-chrome-toggle-icon::before, .color-picker .vc-chrome-toggle-icon::after {
  font-family: "icon", sans-serif;
  content: "\ea0c";
  text-align: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  display: block;
  margin-left: auto;
  color: var(--controlFlatSystemText);
}
.color-picker .vc-chrome-toggle-icon::before {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.color-picker .vc-chrome-toggle-icon::after {
  margin-top: 0.6666666667rem;
}
.color-picker .vc-chrome-toggle-icon-highlight {
  width: 2rem;
  height: 2.3333333333rem;
  border-radius: 0.3333333333rem;
  top: 0.8333333333rem;
  left: 1rem;
}
.color-picker .vc-chrome-hue-wrap {
  height: 0.8333333333rem;
  margin-bottom: 0.6666666667rem;
}
.color-picker .vc-chrome-alpha-wrap {
  height: 0.8333333333rem;
}
.color-picker .vc-chrome-hue-wrap .vc-hue {
  border-radius: 0.1666666667rem;
}
.color-picker .vc-chrome-alpha-wrap .vc-alpha-gradient {
  border-radius: 0.1666666667rem;
}
.color-picker .vc-chrome-hue-wrap .vc-hue-picker,
.color-picker .vc-chrome-alpha-wrap .vc-alpha-picker {
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  -ms-transform: translate(-0.5rem, -0.1666666667rem);
      transform: translate(-0.5rem, -0.1666666667rem);
  border: 1px solid var(--borderBase);
  box-sizing: border-box;
  background-color: var(--backgroundSurface);
  box-shadow: 0 0.1666666667rem 1rem rgba(33, 36, 44, 0.2);
}
.color-picker .vc-chrome-body {
  padding: 1.3333333333rem 1.3333333333rem;
  border-radius: 0;
}
.color-picker .vc-chrome-saturation-wrap {
  border-radius: 0;
}
.color-picker .vc-chrome-saturation-wrap .vc-saturation-circle {
  width: 1rem;
  height: 1rem;
}
.color-picker .vc-chrome-fields .vc-input__input {
  font-size: 1rem;
  border-radius: 0.6666666667rem;
  height: 2rem;
  box-shadow: inset 0 0 0 1px var(--inputBaseBorder);
}
.color-picker .vc-chrome-fields:first-child .vc-input__input {
  padding: 0 0.5rem;
  text-align: left;
}
.color-picker .vc-chrome-fields:first-child .vc-input__label {
  text-align: left;
}
.color-picker .vc-chrome-fields .vc-input__label {
  font-size: 0.9166666667rem;
  line-height: 0.9166666667rem;
  margin-top: 1rem;
}
.color-picker .vc-chrome__disable-alpha .vc-chrome-active-color {
  width: 1.5rem;
  height: 1.5rem;
}
.color-picker .vc-chrome__disable-alpha .vc-chrome-color-wrap {
  width: 2.5rem;
}
.color-picker .vc-chrome__disable-alpha .vc-chrome-hue-wrap {
  margin-top: 0.3333333333rem;
  margin-bottom: 0.3333333333rem;
}

.toggle-text {
  cursor: pointer;
}
.toggle-text__slot {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider__dot {
  transition: background-color 0.3s ease;
}

.collapse__icon--toggle {
  transition: transform ease 0.18s;
}
.collapse__icon--delete {
  cursor: pointer;
  transition: opacity 0.233s ease;
}
@media (min-width: 1200px) {
  .collapse {
    cursor: pointer;
  }
  .collapse__wrapper {
    cursor: auto;
  }
  .collapse__icon--action:hover {
    opacity: 1;
  }
  .collapse:hover .collapse__icon--delete {
    opacity: 1;
  }
}

.card-banner-info-collapse__button {
  transition: transform 0.3s ease;
}
.card-banner-info-collapse.is-active .card-banner-info-collapse__button {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.rate__item {
  transition: opacity 0.3s ease;
}
@media (hover: hover), (min-width: 1200px) {
  .rate__item:not(.is-active):hover {
    opacity: 0.75;
  }
}

.card-get-consultation__button {
  width: 100%;
  max-width: 26.6666666667rem;
}
.card-get-consultation__decoration {
  position: absolute;
}
.card-get-consultation__decoration--top {
  width: 5.75rem;
  height: 5rem;
  left: 2.6666666667rem;
  top: -0.8333333333rem;
  opacity: 0.25;
}
.card-get-consultation__decoration--bottom-left {
  width: 9.75rem;
  height: 8.5833333333rem;
  bottom: -0.4166666667rem;
  left: -1.9166666667rem;
  opacity: 0.35;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.card-get-consultation__decoration--bottom-right {
  width: 11rem;
  height: 11.1666666667rem;
  bottom: -2.3333333333rem;
  right: -2rem;
}

.editable-text__icon::before {
  transition: 0.3s ease;
  transition-property: color;
}
@media (hover: hover), (min-width: 1200px) {
  .editable-text__icon:hover::before {
    color: var(--inputBaseTextHover);
  }
}

.notification-banner {
  transition: background-color 0.3s ease;
}
.notification-banner__icon {
  transition: color 0.3s ease;
}

.response {
  text-align: center;
  max-width: 24rem;
}
.response__slot {
  margin-bottom: 1.3333333333rem;
}
.response__slot > * {
  display: inline-block;
}
.response__description {
  margin-top: 0.3333333333rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}
.response__buttons {
  margin-top: 1.3333333333rem;
}
.response__button--row {
  width: calc(50% - 0.5rem);
  vertical-align: middle;
}
.response__button--row + .response__button--row {
  margin-left: 1rem;
}
.response__button--column {
  min-width: 100%;
}
.response__button--column + .response__button--column {
  margin-top: 0.6666666667rem;
}

.navigation-item {
  transition: 0.3s ease;
  transition-property: background-color, color;
}
.navigation-item__icon {
  transition: opacity 0.3s ease;
}

.head-modal__progress + .head-modal__button {
  margin-top: 1rem;
}

.information-modal {
  padding-top: 1rem;
  padding-bottom: 1.3333333333rem;
  padding-left: 5%;
  padding-right: 5%;
  box-sizing: border-box;
}
.information-modal__text {
  font-size: 0;
}
.information-modal__title {
  display: inline;
  vertical-align: middle;
}
.information-modal__icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.information-modal__icon--check {
  width: 1.6666666667rem;
}
.information-modal__description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  display: inline;
  vertical-align: middle;
}
.information-modal__wrapper {
  font-size: 0;
}
.information-modal__wrapper + .information-modal__wrapper {
  margin-top: 0.3333333333rem;
}
.information-modal__button {
  vertical-align: middle;
}
@media (max-width: 649px) {
  .information-modal {
    text-align: center;
  }
  .information-modal__button {
    min-width: 100%;
  }
  .information-modal__button + .information-modal__button {
    margin-top: 1rem;
  }
  .information-modal__text {
    margin-bottom: 1rem;
  }
}
@media (min-width: 650px) {
  .information-modal {
    display: table;
    width: 100%;
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
  }
  .information-modal__text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1.6666666667rem;
  }
  .information-modal__buttons {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
  }
  .information-modal__button + .information-modal__button {
    margin-left: 1rem;
  }
}

.document-list__section + .document-list__section {
  margin-top: 1.6666666667rem;
}
.document-list__head {
  display: table;
}
.document-list__content {
  margin-top: 1rem;
}
.document-list__description {
  margin-top: 0.3333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.document-list__title {
  display: inline-block;
}
.document-list__left, .document-list__right {
  display: table-cell;
}
.document-list__left {
  width: 100%;
}
.document-list__right {
  white-space: nowrap;
}
.document-list__file + .document-list__file {
  margin-top: 0.5rem;
}
.document-list__badge.skeleton-animation {
  width: 4.1666666667rem;
}

.cancel {
  padding-top: 7.5rem;
}
.cancel__content {
  margin: 0 auto;
}

.menu-item {
  transition: 0.3s ease;
  transition-property: background-color, color;
}
@media (hover: hover), (min-width: 1200px) {
  .menu-item__text {
    transition: 0.3s ease;
    transition-property: color;
  }
  .menu-item__icon {
    transition: 0.3s ease;
    transition-property: opacity;
  }
  .menu-item:hover .menu-item__text {
    color: var(--textBrand);
  }
  .menu-item:hover .menu-item__icon--active {
    opacity: 1;
  }
  .menu-item:hover .menu-item__icon--default {
    opacity: 0;
  }
}

.attachment-list__wrapper {
  position: relative;
}
.attachment-list__file + .attachment-list__file {
  margin-top: 0.6666666667rem;
}

@media (hover: hover), (min-width: 1200px) {
  .file-information::before {
    transition: opacity 0.2s ease, color 0.3s ease 0.2s, line-height 0.3s ease 0.2s;
  }
  .file-information:hover::before {
    opacity: 1;
    line-height: 2.1666666667rem;
    transition: opacity 0.2s ease, color 0.3s ease 0.1s, line-height 0.3s ease 0.1s;
    color: var(--textBaseInverse);
  }
}

.attachment-list__wrapper {
  position: relative;
}
.attachment-list__file + .attachment-list__file {
  margin-top: 0.6666666667rem;
}

.form-row {
  display: table;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  box-sizing: border-box;
}
@media (max-width: 649px) {
  .form-row__input {
    margin-bottom: 0.6666666667rem;
  }
  .form-row__input, .form-row__button {
    display: block;
    width: 100%;
  }
}
@media (min-width: 650px) {
  .form-row {
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
  }
  .form-row__input, .form-row__button {
    display: table-cell;
    vertical-align: bottom;
  }
  .form-row__input {
    padding-right: 1.6666666667rem;
    width: 100%;
  }
  .form-row__button {
    white-space: nowrap;
  }
}

.response-form-row {
  position: relative;
  width: 100%;
  height: 100%;
}
.response-form-row__response {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.response-form-row__content {
  position: absolute;
  bottom: 0;
}

.response-form-reward__information {
  margin-bottom: 2.6666666667rem;
}
.response-form-reward__table {
  margin-bottom: 1.6666666667rem;
}
.response-form-reward__input {
  margin-bottom: 1.3333333333rem;
}
.response-form-reward__button {
  width: 100%;
}

.attach-selection-documents__information {
  margin: 0 auto;
  margin-bottom: 2rem;
}
.attach-selection-documents__dropzone {
  margin-bottom: 0.6666666667rem;
}
.attach-selection-documents__checkbox + .attach-selection-documents__checkbox {
  margin-top: 0.6666666667rem;
}
.attach-selection-documents__checkboxes {
  margin-top: 0.6666666667rem;
}
.attach-selection-documents__message {
  margin-bottom: 2rem;
}

.page-pagination {
  display: table;
  width: 100%;
}
.page-pagination__pagination, .page-pagination__select {
  display: table-cell;
  vertical-align: middle;
}
.page-pagination__pagination {
  width: 100%;
}
.page-pagination__select {
  min-width: 14.1666666667rem;
}

.custom-form-field {
  position: relative;
}
.custom-form-field__icon::before {
  transition: 0.3s ease;
  transition-property: color;
}
.custom-form-field__options {
  position: absolute;
  min-width: 19.6666666667rem;
  z-index: 12;
}
.custom-form-field__options--top {
  bottom: calc(100% + 0.75rem);
}
.custom-form-field__options--bottom {
  top: calc(100% + 0.75rem);
}
@media (hover: hover), (min-width: 1200px) {
  .custom-form-field__icon--required:hover::before {
    color: var(--inputBaseTextHover);
  }
  .custom-form-field__icon--required:hover.is-active::before {
    color: var(--inputBaseIconWarningHover);
  }
  .custom-form-field__icon--settings:hover::before {
    color: var(--inputBaseTextHover);
  }
  .custom-form-field__icon--settings:hover.is-active::before {
    color: var(--inputBaseIconBrandHover);
  }
}

.card-select__wrapper {
  position: relative;
}
.card-select__content {
  padding-right: 1.6666666667rem;
}
.card-select__label, .card-select__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-select__label, .card-select__icon {
  color: var(--textSecondary);
}
.card-select__hint, .card-select__icon {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 0;
}
.card-select__icon {
  font-size: 1.3333333333rem;
  transition: 0.15s ease;
  transition-property: transform;
}
.card-select__options {
  position: absolute;
  left: 0;
  width: 100%;
  min-width: 16.6666666667rem;
  z-index: 2;
  pointer-events: none;
}
.card-select__options--bottom {
  top: 100%;
  margin-top: 0.6666666667rem;
}
.card-select__options--top {
  bottom: 100%;
  margin-bottom: 0.6666666667rem;
}
.card-select__options.is-active {
  pointer-events: auto;
}
.card-select.is-active .card-select__options {
  pointer-events: auto;
}
.card-select.is-active .card-select__icon {
  -ms-transform: translate(0, -50%) rotate(180deg);
      transform: translate(0, -50%) rotate(180deg);
}

.sign-link-form__response {
  margin: 0 auto;
  margin-bottom: 2rem;
}
.sign-link-form__input {
  margin-bottom: 0.6666666667rem;
}
@media (max-width: 649px) {
  .sign-link-form__wrapper {
    padding: 0 1.3333333333rem;
  }
}
@media (min-width: 650px) {
  .sign-link-form__wrapper {
    margin: 0 auto;
    width: 23.9166666667rem;
  }
  .sign-link-form__button {
    min-width: 100%;
  }
  .sign-link-form__button--half {
    vertical-align: middle;
    width: calc(50% - 0.5rem);
    min-width: auto;
  }
  .sign-link-form__button--half + .sign-link-form__button--half {
    margin-left: 1rem;
  }
}

.tabs-layout__body {
  transition: opacity 0.3s ease 0.3s;
}

.bank-row-case {
  display: table;
  width: 100%;
  min-height: 3.3333333333rem;
}
.bank-row-case__badge {
  margin-left: 0.5rem;
}
.bank-row-case__logo, .bank-row-case__badge {
  vertical-align: middle;
}
.bank-row-case__left, .bank-row-case__right {
  display: table-cell;
  vertical-align: middle;
}
.bank-row-case__left {
  width: 100%;
}
.bank-row-case__right {
  text-align: right;
  white-space: nowrap;
}

.calculator-module-preview {
  border-radius: 0.6666666667rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}
.calculator-module-preview__head {
  border-radius: 0.5833333333rem 0.5833333333rem 0 0;
  padding: 1rem 1.3333333333rem;
  min-height: 3.8333333333rem;
  box-sizing: border-box;
}
.calculator-module-preview__body {
  padding: 1.3333333333rem;
}
.calculator-module-preview__title {
  transition: none;
}
.calculator-module-preview__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  transition: color 0.3s ease;
}
.calculator-module-preview__divider {
  margin-top: 1.3333333333rem;
  margin-bottom: 1.3333333333rem;
}
.calculator-module-preview--theme-light {
  background-color: var(--backgroundSurface);
}
.calculator-module-preview--theme-light .calculator-module-preview__text {
  color: var(--textBase);
}
.calculator-module-preview--theme-dark {
  background-color: var(--backgroundSurfaceInverse);
}
.calculator-module-preview--theme-dark .calculator-module-preview__text {
  color: var(--inputBaseTextInverse);
}
@media (max-width: 767px) {
  .calculator-module-preview__button {
    min-width: 100%;
    margin-top: 1rem;
  }
  .calculator-module-preview__field + .calculator-module-preview__field {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .calculator-module-preview__text {
    padding-right: 1rem;
  }
  .calculator-module-preview__registration > * {
    display: table-cell;
    vertical-align: top;
    width: 100%;
  }
  .calculator-module-preview__input {
    width: 100%;
    min-width: auto;
  }
  .calculator-module-preview__field {
    display: inline-block;
    vertical-align: top;
  }
  .calculator-module-preview__field + .calculator-module-preview__field {
    margin-left: 1rem;
  }
  .calculator-module-preview__field--select {
    width: calc(28.87% - 0.6666666667rem);
  }
  .calculator-module-preview__field--input {
    width: calc(24.64% - 0.6666666667rem);
  }
  .calculator-module-preview__field--datepicker {
    width: calc(46.49% - 0.6666666667rem);
  }
}

.beneficiary-auction-skeleton-card__title {
  margin-bottom: 1rem;
}
.beneficiary-auction-skeleton-card__input {
  width: 100%;
}
@media (max-width: 649px) {
  .beneficiary-auction-skeleton-card__input + .beneficiary-auction-skeleton-card__input {
    margin-top: 1rem;
  }
}
@media (min-width: 650px) {
  .beneficiary-auction-skeleton-card__inputs {
    display: table;
    width: 100%;
  }
  .beneficiary-auction-skeleton-card__input {
    display: table-cell;
    vertical-align: middle;
    width: 33.333%;
    padding: 0 0.5rem;
  }
  .beneficiary-auction-skeleton-card__input:first-child {
    padding-left: 0;
  }
  .beneficiary-auction-skeleton-card__input:last-child {
    padding-right: 0;
  }
}

.beneficiary-order-modal__item + .beneficiary-order-modal__item {
  margin-top: 1rem;
}

.chat-message {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  background-color: var(--backgroundSurface);
  min-width: 21rem;
  display: table;
}
.chat-message__list + .chat-message__content {
  margin-top: 1rem;
}
.chat-message__file {
  cursor: pointer;
}
.chat-message__file + .chat-message__file {
  margin-top: 1rem;
}
.chat-message__sidebar {
  margin-top: 0.6666666667rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  position: relative;
  color: var(--textSecondary);
  text-align: right;
}
.chat-message__signature {
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.chat-message__icon {
  vertical-align: middle;
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
  margin-left: 0.6666666667rem;
}
.chat-message__icon--error {
  color: var(--textCritical);
}
.chat-message__actions {
  margin-top: 0.6666666667rem;
}

.chat-message-group__title {
  margin-bottom: 1.3333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  text-align: center;
}
.chat-message-group__message {
  padding: 1rem;
  margin-top: 0.6666666667rem;
  margin-bottom: 0.6666666667rem;
  border: 1px solid var(--borderBase);
  border-radius: 1rem 1rem 0 1rem;
  max-width: 80%;
  box-sizing: border-box;
}
.chat-message-group__message:first-child {
  margin-top: 0;
}
.chat-message-group__message:last-child {
  margin-bottom: 0;
}
.chat-message-group__message--right {
  margin-left: auto;
  border-radius: 1rem 1rem 0 1rem;
}
.chat-message-group__message--left + .chat-message-group__message--right, .chat-message-group__message--right + .chat-message-group__message--left {
  margin-top: 1.6666666667rem;
}
.chat-message-group__message--left {
  border-radius: 1rem 1rem 1rem 0;
}

.products-list__title {
  margin-bottom: 0.6666666667rem;
}
.products-list__group + .products-list__group {
  margin-top: 1.3333333333rem;
}
@media (max-width: 649px) {
  .products-list__item + .products-list__item {
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 650px) {
  .products-list__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.6666666667rem;
    margin-bottom: -0.6666666667rem;
  }
  .products-list__item {
    margin-right: 0.6666666667rem;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0.6666666667rem;
    width: calc(50% - 0.6666666667rem);
  }
}

.company-accounting__append {
  margin-top: 1.3333333333rem;
}
.company-accounting__icon {
  width: 1.3333333333rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6666666667rem;
}
.company-accounting__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  display: inline-block;
  vertical-align: middle;
}
.company-accounting__status {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}

.order-information-client {
  padding-top: 2rem;
}
.order-information-client__number {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6666666667rem;
  line-height: 2.3333333333rem;
  font-weight: 600;
}
.order-information-client__number--skeleton {
  min-width: 9.1666666667rem;
}
@media (max-width: 767px) {
  .order-information-client__main {
    margin-bottom: 1rem;
    min-height: 2.6666666667rem;
  }
}
.order-information-client__button {
  vertical-align: middle;
  margin-left: 0.3333333333rem;
}
.order-information-client__card + .order-information-client__card {
  margin-top: 1rem;
}
.order-information-client__bank {
  margin-top: 1.3333333333rem;
}
@media (max-width: 767px) {
  .order-information-client__base {
    margin-bottom: 1.6666666667rem;
  }
}
@media (min-width: 768px) {
  .order-information-client__base {
    display: table;
    width: 100%;
    padding-bottom: 1rem;
  }
  .order-information-client__base > * {
    vertical-align: middle;
    display: table-cell;
  }
  .order-information-client__main {
    white-space: nowrap;
  }
  .order-information-client__list {
    width: 100%;
    text-align: right;
    white-space: nowrap;
  }
  .order-information-client__item {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 0;
  }
  .order-information-client__item span {
    color: var(--textSecondary);
    display: block;
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }
  .order-information-client__item p {
    font-size: 1rem;
    line-height: 1.3333333333rem;
    font-feature-settings: "tnum" on, "lnum" on;
    display: inline-block;
    vertical-align: middle;
  }
  .order-information-client__item > * + .order-information-client__item > * {
    margin-top: 0.3333333333rem;
  }
  .order-information-client__item + .order-information-client__item {
    margin-left: 2rem;
  }
  .order-information-client__item--skeleton {
    min-width: 8.3333333333rem;
  }
  .order-information-client__hint {
    vertical-align: middle;
    margin-left: 0.5rem;
  }
}

.order-status {
  padding-top: 2.6666666667rem;
}
.order-status__response {
  margin: 0 auto;
  margin-bottom: 2rem;
}
.order-status__delivery {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.order-status__file + .order-status__file {
  margin-top: 0.6666666667rem;
}
.order-status__groups {
  text-align: center;
}
.order-status__tabs {
  margin-top: 2rem;
  margin-bottom: 1.3333333333rem;
  display: inline-block;
}
.order-status__slot {
  margin-top: 2rem;
}

.founder-collection__type + .founder-collection__fields {
  margin-top: 1rem;
}

.order-information-admin {
  padding-top: 2rem;
}
.order-information-admin__number {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6666666667rem;
  line-height: 2.3333333333rem;
  font-weight: 600;
}
.order-information-admin__number--skeleton {
  max-width: 9.1666666667rem;
}
.order-information-admin__button--actions {
  vertical-align: middle;
  margin-left: 0.3333333333rem;
}
.order-information-admin__button--main {
  width: 100%;
}
.order-information-admin__button--data {
  margin-top: 1rem;
  width: 100%;
}
.order-information-admin__stop-factors {
  margin-top: 1rem;
}
.order-information-admin__agent {
  margin-top: 1rem;
}
.order-information-admin__bullets {
  margin-top: 1rem;
}
.order-information-admin__buttons {
  margin-top: 1.3333333333rem;
}
.order-information-admin__bank {
  margin-top: 1.3333333333rem;
}
.order-information-admin__cards {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .order-information-admin__divider {
    margin-top: 1.6666666667rem;
  }
  .order-information-admin__button--main + .order-information-admin__button--main {
    margin-top: 1rem;
  }
  .order-information-admin__card + .order-information-admin__card {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .order-information-admin__divider {
    margin-top: 1.3333333333rem;
  }
  .order-information-admin__card {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 0.5rem);
  }
  .order-information-admin__card + .order-information-admin__card {
    margin-left: 1rem;
  }
  .order-information-admin__button--half {
    width: calc(50% - 0.5rem);
  }
  .order-information-admin__button--half + .order-information-admin__button--half {
    margin-left: 1rem;
  }
  .order-information-admin__button--third {
    width: calc(33.333% - 0.6666666667rem);
  }
  .order-information-admin__button--third + .order-information-admin__button--third {
    margin-left: 1rem;
  }
  @supports (display: flex) {
    .order-information-admin__cards {
      display: flex;
    }
    .order-information-admin__card {
      flex-grow: 1;
      min-width: 21.6666666667rem;
      width: auto;
    }
  }
}

.bank-information__logo {
  display: block;
}
@media (max-width: 767px) {
  .bank-information__logo {
    margin-bottom: 1rem;
  }
}
.bank-information__values {
  display: inline-block;
}
@media (max-width: 767px) {
  .bank-information {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .bank-information {
    width: 100%;
    display: table;
  }
  .bank-information > * {
    display: table-cell;
    vertical-align: middle;
  }
  .bank-information__logo {
    width: 100%;
  }
  .bank-information__values {
    text-align: right;
    white-space: nowrap;
  }
  .bank-information__values > * {
    text-align: left;
  }
}

.order-information-form {
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
  position: relative;
}
.order-information-form__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.order-information-form__content {
  transition: opacity 0.3s ease 0.3s;
}
.order-information-form__content.is-loading {
  opacity: 0;
  transition-delay: 0s;
}
.order-information-form__response {
  margin-bottom: 2.6666666667rem;
  margin-left: auto;
  margin-right: auto;
}
.order-information-form__table {
  margin-bottom: 1.6666666667rem;
}
.order-information-form__fields, .order-information-form__files {
  margin-bottom: 1.3333333333rem;
}
@media (max-width: 649px) {
  .order-information-form__button {
    width: 100%;
  }
  .order-information-form__button + .order-information-form__button {
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 650px) {
  .order-information-form__button {
    width: calc(50% - 0.5rem);
    vertical-align: middle;
  }
  .order-information-form__button--stretch {
    width: 100%;
  }
  .order-information-form__button + .order-information-form__button {
    margin-left: 1rem;
  }
}

.order-collection__tabs {
  margin-bottom: 1.3333333333rem;
}
.order-collection__title {
  margin-bottom: 1.3333333333rem;
}
.order-collection__section--first {
  position: relative;
  z-index: 2;
}
.order-collection__section + .order-collection__section {
  margin-top: 1.3333333333rem;
}

.table-employees__text {
  margin-top: 2.6666666667rem;
  margin-bottom: 2.6666666667rem;
  text-align: center;
}
.table-employees__content {
  margin-top: 1.6666666667rem;
}
.table-employees__table {
  padding-left: 5%;
  padding-right: 5%;
  margin-right: -5%;
  margin-left: -5%;
}
@media (min-width: 650px) {
  .table-employees__table {
    padding-left: 6.769%;
    padding-right: 6.769%;
    margin-left: -6.769%;
    margin-right: -6.769%;
  }
}
@media (min-width: 768px) {
  .table-employees__table {
    padding-left: 5.729%;
    padding-right: 5.729%;
    margin-left: -5.729%;
    margin-right: -5.729%;
  }
}
@media (min-width: 1200px) {
  .table-employees__table {
    padding-left: 11.6666666667rem;
    padding-right: 11.6666666667rem;
    margin-left: -11.6666666667rem;
    margin-right: -11.6666666667rem;
  }
}
.table-employees__table-title {
  margin-bottom: 0.6666666667rem;
}

.table-accounting {
  transition: opacity 0.3s ease;
}
.table-accounting p {
  cursor: default;
}
@media (min-width: 1200px) {
  .table-accounting td {
    transition: background-color 0.3s ease;
  }
  .table-accounting tr:hover td:not([colspan]) {
    background-color: var(--backgroundSystem);
  }
}

.table-cost__input {
  transition: color 0.3s ease;
}
.table-cost__tabs {
  transition: opacity 0.3s ease;
}
@media (hover: hover), (min-width: 1200px) {
  .table-cost.is-editable td,
.table-cost.is-editable th {
    transition: background-color 0.3s ease;
  }
  .table-cost.is-editable td.is-highlight,
.table-cost.is-editable th.is-highlight {
    background-color: var(--backgroundBase);
  }
  .table-cost.is-editable td:hover .table-cost__tabs {
    opacity: 1;
    z-index: 3;
  }
  .table-cost.is-editable tbody tr:hover td,
.table-cost.is-editable tbody tr:hover th {
    background-color: var(--backgroundBase);
  }
  .table-cost.is-editable thead tr:hover td:not(:first-child),
.table-cost.is-editable thead tr:hover th:not(:first-child) {
    background-color: var(--backgroundBase);
  }
}

.table-cost-extendable {
  position: relative;
}
.table-cost-extendable__line {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  box-sizing: border-box;
  font-size: 0;
  z-index: 1;
}
.table-cost-extendable__line::before {
  position: absolute;
  content: "";
  transition: background-color 0.3s ease;
  z-index: -1;
}
.table-cost-extendable__line--horizontal {
  width: 100%;
  left: 0;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  margin-top: 1px;
}
.table-cost-extendable__line--horizontal::before {
  width: 100%;
  top: 50%;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  height: 1px;
  left: 0;
  z-index: 2;
}
.table-cost-extendable__line--vertical {
  top: 0;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  margin-left: 1px;
  z-index: 1;
}
.table-cost-extendable__line--vertical::before {
  height: 100%;
  left: 50%;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  width: 1px;
  top: 0;
}
.table-cost-extendable__line.is-active.table-cost-extendable__line--brand::before {
  background-color: var(--controlBrandBackground);
}
.table-cost-extendable__line.is-active.table-cost-extendable__line--critical::before {
  background-color: var(--textCritical);
}
.table-cost-extendable__button {
  z-index: 1;
}
.table-cost-extendable__button--vertical {
  margin-right: 0.3333333333rem;
  margin-bottom: 0.3333333333rem;
}
.table-cost-extendable__button--horizontal {
  display: block;
}
.table-cost-extendable__button--horizontal + .table-cost-extendable__button--horizontal {
  margin-top: 0.3333333333rem;
}
.table-cost-extendable__buttons {
  display: inline-block;
  pointer-events: auto;
}
.table-cost-extendable__buttons--vertical {
  margin-right: -0.3333333333rem;
  margin-bottom: -0.3333333333rem;
}
.table-cost-extendable.is-show-buttons .table-cost-extendable__line {
  opacity: 1;
}

.user-contact-card__bottom {
  padding-bottom: 0.3333333333rem;
}
.user-contact-card__bottom span {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.user-contact-card__bottom span + span {
  margin-left: 1rem;
}

@media (min-width: 1200px) {
  .filters-layout {
    padding-bottom: 6.6666666667rem;
  }
}
.filters-layout__center {
  min-height: 4rem;
}
.filters-layout__center::before {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.filters-layout__top {
  padding-bottom: 1.3333333333rem;
}
.filters-layout__item {
  display: inline-block;
  vertical-align: middle;
}
.filters-layout__inline {
  display: inline-block;
}

.card-create-user__content {
  margin-top: 1.3333333333rem;
  margin-bottom: 1.3333333333rem;
}
.card-create-user__input, .card-create-user__button {
  max-width: 25rem;
  margin: 0 auto;
  width: 100%;
}
.card-create-user__button {
  display: block;
}
.card-create-user__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
  padding: 0 1rem;
}
.card-create-user__divider, .card-create-user__text {
  display: table-cell;
  vertical-align: middle;
}
.card-create-user__divider {
  width: 50%;
}
.card-create-user__decoration {
  position: absolute;
  z-index: 0;
}
.card-create-user__decoration--top-left {
  width: 10rem;
  height: 8.3333333333rem;
}
@media (max-width: 649px) {
  .card-create-user__decoration--top-left {
    bottom: 5.5833333333rem;
    left: -3.8333333333rem;
  }
}
.card-create-user__decoration--bottom-left {
  width: 10.8333333333rem;
  height: 9.6666666667rem;
}
@media (max-width: 649px) {
  .card-create-user__decoration--bottom-left {
    top: 4.3333333333rem;
    right: -5.8333333333rem;
  }
}
@media (min-width: 650px) {
  .card-create-user__decoration--top-left {
    top: 4.8333333333rem;
    left: 0;
    width: 10rem;
    height: 8.3333333333rem;
  }
  .card-create-user__decoration--top-right {
    top: 0;
    right: 0;
    width: 10.8333333333rem;
    height: 11.6666666667rem;
  }
  .card-create-user__decoration--bottom-left {
    bottom: 0;
    left: 3.3333333333rem;
    width: 10.8333333333rem;
    height: 9.6666666667rem;
  }
  .card-create-user__decoration--bottom-right {
    bottom: 2.3333333333rem;
    right: 1.6666666667rem;
    width: 12.5rem;
    height: 9.1666666667rem;
  }
}

.card-data-banner__wrapper > * {
  margin-top: 1rem;
}
.card-data-banner__input--button-text, .card-data-banner__input--button-href {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.5rem);
}
.card-data-banner__input--button-href {
  margin-left: 1rem;
}

.agency-reward-coefficient__field + .agency-reward-coefficient__field {
  margin-top: 1.6666666667rem;
}

.user-contact-card__bottom {
  padding-bottom: 0.3333333333rem;
}
.user-contact-card__bottom span {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.user-contact-card__bottom span + span {
  margin-left: 1rem;
}

.parameters-settings__card {
  margin-top: 1rem;
}
.parameters-settings__button {
  margin-top: 1rem;
  width: 100%;
}

.bank-status-api-card__message {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.bank-status-api-card__message--view-critical {
  color: var(--textCritical);
}
.bank-status-api-card__message--view-system {
  color: var(--textSecondary);
}
.bank-status-api-card__right {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}
@media (max-width: 1199px) {
  .bank-status-api-card {
    display: flex;
    flex-direction: column;
  }
  .bank-status-api-card__logo {
    margin-right: 0.8333333333rem;
    min-width: 0;
    flex: 1;
  }
  .bank-status-api-card__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bank-status-api-card__right {
    order: 1;
    margin-top: 0.3333333333rem;
  }
  .bank-status-api-card__center {
    order: 2;
  }
  .bank-status-api-card__divider {
    margin-top: 0.6666666667rem;
    margin-bottom: 0.6666666667rem;
  }
}
@media (min-width: 768px) {
  .bank-status-api-card__message {
    white-space: nowrap;
  }
  .bank-status-api-card__message--ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .bank-status-api-card__right {
    width: 10%;
  }
  .bank-status-api-card__right p {
    text-align: right;
  }
  .bank-status-api-card__center {
    width: 16.6666666667rem;
  }
  .bank-status-api-card__tooltip {
    width: 100%;
  }
  @supports not (display: flex) {
    .bank-status-api-card {
      display: table;
      width: 100%;
      table-layout: fixed;
    }
    .bank-status-api-card__logo {
      width: 75%;
    }
    .bank-status-api-card__left, .bank-status-api-card__center, .bank-status-api-card__right, .bank-status-api-card__logo, .bank-status-api-card__badge {
      vertical-align: middle;
    }
    .bank-status-api-card__left, .bank-status-api-card__center, .bank-status-api-card__right {
      display: table-cell;
    }
    .bank-status-api-card__left {
      width: calc(100% - 16.6666666667rem - 10%);
      padding-right: 0.8333333333rem;
    }
  }
  @supports (display: flex) {
    .bank-status-api-card {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .bank-status-api-card__logo {
      min-width: 0;
    }
    .bank-status-api-card__center, .bank-status-api-card__right {
      display: block;
    }
    .bank-status-api-card__right {
      flex-shrink: 0;
    }
    .bank-status-api-card__badge {
      margin-left: 0.6666666667rem;
    }
    .bank-status-api-card__left {
      display: flex;
      flex-grow: 1;
      align-items: center;
      margin-right: 0.8333333333rem;
      min-width: 0;
    }
  }
}

.card-log-information {
  position: relative;
}
.card-log-information__line {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-log-information__time {
  text-align: right;
  color: var(--textSecondary);
}
.card-log-information__bank {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.card-log-information__bank--skeleton {
  width: 7.8333333333rem;
}
.card-log-information__author {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.card-log-information__divider {
  margin-top: 0.6666666667rem;
  margin-bottom: 0.6666666667rem;
}
.card-log-information__description {
  margin-top: 0.3333333333rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
@media (max-width: 767px) {
  .card-log-information__line:not(.card-log-information__line--skeleton) {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .card-log-information__line:not(.card-log-information__line--skeleton) > * {
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }
  .card-log-information__time {
    width: 9.1666666667rem;
    white-space: nowrap;
  }
  .card-log-information__bank {
    width: calc(100% - 9.1666666667rem);
  }
  .card-log-information__bank--skeleton {
    width: 7.8333333333rem;
  }
  .card-log-information__author {
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 768px) {
  .card-log-information__divider {
    display: none;
  }
  .card-log-information__top {
    margin-bottom: 0.6666666667rem;
  }
  .card-log-information__time {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }
  .card-log-information__bank {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  .card-log-information__description {
    max-width: calc(100% - 10.1666666667rem);
  }
}

.signing-documents__wrapper {
  position: relative;
}
.signing-documents__response {
  margin: 13vh auto 0;
}
.signing-documents__card {
  margin-top: 1.6666666667rem;
}
.signing-documents__card + * {
  margin-top: 2.6666666667rem;
}

@media (min-width: 1200px) {
  .navigation__head, .navigation__bottom {
    transition: border-color 0.3s ease;
  }
}

.orders-explorer__filters {
  transition: 0.3s ease;
  transition-property: height, margin-top;
}

.modal.is-active {
  pointer-events: auto;
}

@media (min-width: 768px) {
  .modal-small__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
  }
}

.modal-big__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: var(--backgroundSurface);
}
@media (max-width: 649px) {
  .modal-big__wrapper {
    width: 100%;
  }
}
.modal-big__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.modal-big__head {
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .modal-big__head {
    padding-right: 3.3333333333rem;
  }
  .modal-big__head > .title {
    line-height: 2.6666666667rem;
  }
}
.modal-big__button {
  position: absolute;
  top: 2rem;
  z-index: 2;
}
.modal-big__button--close {
  z-index: 3;
  right: 5%;
}
.modal-big__main {
  height: 100%;
  width: 100%;
  position: relative;
}
.modal-big__append {
  height: 100%;
}
@media (max-width: 1199px) {
  .modal-big__append {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 12;
  }
}
.modal-big__wide {
  height: 100%;
  box-sizing: border-box;
}
.modal-big__container {
  margin: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: padding 0.3s ease;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.modal-big__top {
  padding-top: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--borderBase);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--backgroundSurface);
  z-index: 1;
}
.modal-big__bottom {
  border-top: 1px solid var(--borderBase);
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--backgroundSurface);
  z-index: 11;
}
.modal-big__content {
  padding-bottom: 6.6666666667rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.modal-big__overlay {
  z-index: 1;
}
@media (min-width: 650px) {
  .modal-big__main--size-m {
    width: 53.3333333333rem;
  }
  .modal-big__main--size-s {
    width: 40rem;
  }
  .modal-big__main--size-xs {
    width: 26.6666666667rem;
  }
  .modal-big__container, .modal-big__top, .modal-big__loading {
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
  }
  .modal-big__content {
    padding-bottom: 1.3333333333rem;
  }
  .modal-big__button--close-append {
    right: 100%;
    top: 1.5rem;
  }
  .modal-big__button--close {
    right: 1.6666666667rem;
  }
  .modal-big__top {
    padding-top: 1rem;
  }
  .modal-big__scroller {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    box-sizing: border-box;
    padding-left: 1.3333333333rem;
    padding-right: 1.3333333333rem;
    padding-top: 1.6666666667rem;
    padding-bottom: 1.6666666667rem;
  }
}
@media (min-width: 768px) {
  .modal-big__button {
    right: 100%;
    top: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .modal-big__main {
    display: inline-block;
    vertical-align: middle;
  }
  .modal-big__append {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
  }
  .modal-big__append--teletype-padding {
    padding-bottom: 96px;
  }
  .modal-big__disable-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .modal-big__teletype-banner {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 28px 116px 28px 0;
    background-color: var(--backgroundBase);
    width: 100%;
    box-sizing: border-box;
    text-align: right;
  }
  .modal-big__teletype-banner p {
    font-size: 14px;
    line-height: 20px;
    color: var(--textSecondary);
    text-align: left;
    display: inline-block;
  }
  .modal-big__teletype-banner img {
    width: 57px;
    right: 82px;
    bottom: 27px;
    position: absolute;
  }
  .modal-big__teletype-banner::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 1.6666666667rem;
    background: linear-gradient(0deg, var(--backgroundBase) 0%, rgba(243, 244, 247, 0) 100%);
    width: 100%;
  }
}

.done {
  position: relative;
}
.done__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.done__response {
  display: inline-block;
}

.step-company-data__slot + .step-company-data__section {
  margin-top: 1.3333333333rem;
}

.modal-dialog__description {
  margin-top: 0.6666666667rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}

.modal-change-password__step {
  padding-top: 6.6666666667rem;
}
.modal-change-password__response {
  padding-top: 19rem;
  max-width: none;
}
@media (min-width: 650px) {
  .modal-change-password__step {
    max-width: 30rem;
    margin: 0 auto;
  }
  .modal-change-password__response {
    padding-top: 20.8333333333rem;
  }
}

.step-change-password__title {
  margin-bottom: 1.6666666667rem;
}
.step-change-password__input + .step-change-password__input {
  margin-top: 1rem;
}
.step-change-password__button {
  margin-top: 1.3333333333rem;
  margin-bottom: 0.6666666667rem;
  width: 100%;
}
.step-change-password__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.step-change-password__text span {
  display: inline;
  vertical-align: baseline;
}
.step-change-password__link {
  display: inline;
  vertical-align: baseline;
  margin-left: 4px;
}
.step-change-password__link span {
  display: inline;
}

.step-order-recovery-password__title {
  margin-bottom: 1rem;
}
.step-order-recovery-password__link, .step-order-recovery-password__text {
  margin-bottom: 1.6666666667rem;
}
.step-order-recovery-password__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.step-order-recovery-password__button {
  width: 100%;
}

.modal-order__append-item {
  width: 100%;
  box-sizing: border-box;
}
.modal-order__append-item + .modal-order__append-item {
  margin-top: 1rem;
}
.modal-order__spinner {
  margin: 30vh auto 0;
}
.modal-order__response {
  min-width: 24rem;
  box-sizing: border-box;
}
.modal-order__response.is-wide {
  padding-left: 1.3333333333rem;
  padding-right: 1.3333333333rem;
  width: 100%;
}
@media (min-width: 650px) {
  .modal-order__response.is-wide {
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
  }
}
@media (min-width: 1200px) {
  .modal-order__response {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
  }
}

.chat {
  background-color: var(--backgroundBase);
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.chat__response {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.chat__messenger {
  padding-left: 1.6666666667rem;
  padding-right: 1.6666666667rem;
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
  min-height: 10rem;
  padding-top: 1.3333333333rem;
}
.chat__append {
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--backgroundBase);
}
.chat__append::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 2rem;
  background: linear-gradient(0deg, var(--backgroundBase) 0%, rgba(243, 244, 247, 0) 100%);
}
.chat__files {
  width: calc(100% - 4.3333333333rem);
}
.chat__files + .chat__form {
  margin-top: 1.3333333333rem;
}
.chat__file {
  padding-right: 2rem;
  position: relative;
}
.chat__file + .chat__file {
  margin-top: 0.6666666667rem;
  padding-top: 0.6666666667rem;
  border-top: 1px solid var(--borderSecondary);
}
.chat__file span {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.chat__close {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.chat__group {
  padding-bottom: 1.3333333333rem;
}
.chat__bottom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.6666666667rem;
  padding-right: 1.6666666667rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid var(--borderBase);
  background-color: var(--backgroundSurface);
  z-index: 1;
}
.chat__input, .chat__button {
  display: inline-block;
  vertical-align: bottom;
}
.chat__input {
  width: calc(100% - 4.3333333333rem);
}
.chat__input + .chat__button {
  margin-left: 1rem;
}
.chat__icon {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  margin-right: 0.6666666667rem;
}
.chat__wait {
  text-align: center;
  padding: 2.0833333333rem 0.8333333333rem;
  color: var(--textSecondary);
  background-color: var(--backgroundSurface);
  border-top: 1px solid var(--borderBase);
}
.chat__wait span {
  display: inline-block;
  vertical-align: middle;
}

.task-message__chat {
  height: 100%;
}

.task-sign-documents__body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.task-documents__body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.task-accountant__response {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.task-commission-up__form {
  max-width: 24rem;
  margin: 5rem auto 0;
}

.modal-change-commission__switcher {
  margin: 30vh auto 0;
  max-width: 34.1666666667rem;
}
.modal-change-commission__step-up {
  margin: 5rem auto 0;
}
.modal-change-commission__step-down {
  height: 100%;
}
@media (min-width: 650px) {
  .modal-change-commission__step-up {
    padding: 0 1.6666666667rem;
  }
}
@media (max-width: 649px) {
  .modal-change-commission__switcher, .modal-change-commission__step-up {
    padding: 0 1.3333333333rem;
  }
}

.change-commission-up__form {
  max-width: 24rem;
  margin: 0 auto;
}

.task-commission-down__messenger {
  height: 100%;
}
.task-commission-down__button + .task-commission-down__button {
  margin-left: 0.6666666667rem;
}

.task-add-and-sign-bank-documents__body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.modal-edit-company__section + .modal-edit-company__section {
  margin-top: 2rem;
}

.modal-actions {
  padding-bottom: 1.6666666667rem;
}
.modal-actions__update {
  margin: 0 auto;
}
.modal-actions__logo {
  text-align: center;
  font-size: 0;
  max-width: 100%;
  display: block;
  margin-bottom: 1.3333333333rem;
}
.modal-actions__divider--top {
  margin-bottom: 2rem;
}
.modal-actions__divider--information {
  margin-top: 1.3333333333rem;
  margin-bottom: 1.6666666667rem;
}
.modal-actions__divider--bottom {
  margin-top: 1.6666666667rem;
  margin-bottom: 1.6666666667rem;
}
.modal-actions__requests {
  margin-top: 1rem;
}
.modal-actions__button {
  min-width: 100%;
}
.modal-actions__button + .modal-actions__button {
  margin-top: 0.6666666667rem;
}
.modal-actions__notifications {
  position: relative;
  margin-top: 2rem;
}
.modal-actions__information {
  margin-top: 1.3333333333rem;
}
.modal-actions__notification + .modal-actions__notification {
  margin-top: 1rem;
}
.modal-actions__buttons--update {
  margin-top: 1.3333333333rem;
}
.modal-actions__buttons--order {
  margin-top: 1rem;
}
.modal-actions__documents {
  margin-top: 1.3333333333rem;
}
.modal-actions__document {
  min-width: auto;
  margin-top: 0.6666666667rem;
}
.modal-actions__documents-history {
  max-width: 24rem;
  margin: 0 auto;
  margin-top: 0.6666666667rem;
}

.modal-mobile-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.modal-mobile-content__wrapper {
  position: relative;
  background-color: var(--backgroundSurface);
  width: 100%;
  border-radius: 1rem 1rem 0 0;
  max-height: 100%;
}
.modal-mobile-content__wrapper::after {
  content: "";
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: 100%;
}
.modal-mobile-content__wrapper::before {
  content: "";
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  margin-bottom: 0.6666666667rem;
  background-color: var(--backgroundSurface);
  bottom: 100%;
  width: 4.6666666667rem;
  height: 0.3333333333rem;
  border-radius: 0.1666666667rem;
}
.modal-mobile-content__slot {
  padding: 1.3333333333rem;
  min-height: 4rem;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
}
.modal-mobile-content__buttons {
  padding-left: 1.3333333333rem;
  padding-right: 1.3333333333rem;
  text-align: right;
  padding-bottom: 1.3333333333rem;
  padding-top: 1rem;
}
.modal-mobile-content__button {
  vertical-align: middle;
  width: calc(50% - 0.3333333333rem);
}
.modal-mobile-content__button + .modal-mobile-content__button {
  margin-left: 0.6666666667rem;
}
.modal-mobile-content.is-buttons .modal-mobile-content__slot {
  max-height: calc(100% - 5.6666666667rem);
}

.modal-desktop-content__wrapper {
  background-color: var(--backgroundSurface);
  min-width: 30rem;
  border-radius: 1rem;
  min-height: 2rem;
  padding: 1.3333333333rem;
  width: 100%;
  box-sizing: border-box;
}
.modal-desktop-content__buttons {
  padding-top: 1rem;
  text-align: right;
}
.modal-desktop-content__button--close {
  position: absolute;
  left: 100%;
  top: 0;
}
.modal-desktop-content__button--main {
  vertical-align: middle;
}
.modal-desktop-content__button--main + .modal-desktop-content__button--main {
  margin-left: 0.6666666667rem;
}
.modal-desktop-content--size-s .modal-desktop-content__wrapper {
  max-width: 40rem;
}
.modal-desktop-content--size-m .modal-desktop-content__wrapper {
  max-width: 52rem;
}
.modal-desktop-content--fluid .modal-desktop-content__wrapper {
  padding: 0;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--backgroundOverlayPage);
  opacity: 0.5;
}
.overlay--full {
  opacity: 1;
}

.modal-prompt {
  z-index: 12;
}
.modal-prompt__input {
  margin-top: 1.3333333333rem;
}
.modal-prompt__input + .modal-prompt__input {
  margin-top: 1rem;
}

.modal-edit-bank__tabs {
  margin-bottom: 1.6666666667rem;
}

.common-info__field + .common-info__field {
  margin-top: 1rem;
}

.step-finance-products__select {
  margin-bottom: 1rem;
}
.step-finance-products__product + .step-finance-products__product {
  margin-top: 1rem;
}
.step-finance-products__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.employees-list__spinner {
  margin-top: 4.1666666667rem;
  margin-left: auto;
  margin-right: auto;
}

.company-list__input {
  margin-bottom: 1.3333333333rem;
}
.company-list__button {
  width: 100%;
  margin-bottom: 0.6666666667rem;
}
.company-list__card {
  width: 100%;
}
.company-list__item {
  margin-bottom: 0.6666666667rem;
  width: 100%;
}
.company-list__response {
  margin: 0 auto;
  margin-top: 2rem;
}
.company-list__content {
  position: relative;
}

.modal-edit-company-tax__tabs {
  margin-bottom: 1.6666666667rem;
}
.modal-edit-company-tax__tax + .modal-edit-company-tax__tax {
  margin-top: 1rem;
}

.company-tax-documents__select {
  margin-bottom: 1.6666666667rem;
}
.company-tax-documents__group + .company-tax-documents__group {
  margin-top: 1.6666666667rem;
}
.company-tax-documents__title {
  margin-bottom: 1rem;
}
.company-tax-documents__document {
  position: relative;
  padding-right: 4rem;
}
.company-tax-documents__document + .company-tax-documents__document {
  margin-top: 1rem;
}
.company-tax-documents__button {
  position: absolute;
  top: 0;
  right: 0;
}

.bank-list__card + .bank-list__card {
  margin-top: 0.6666666667rem;
}

.bank-group-list__item + .bank-group-list__item {
  margin-top: 0.6666666667rem;
}
.bank-group-list__title {
  margin-bottom: 0.6666666667rem;
}
.bank-group-list__item + .bank-group-list__title {
  margin-top: 2rem;
}

.bank-selection {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.bank-selection__button {
  min-width: 100%;
  margin-bottom: 2rem;
}
.bank-selection__response {
  margin: 0 auto;
}
.bank-selection__banner {
  margin-bottom: 2.6666666667rem;
}
.bank-selection__offer {
  margin-bottom: 2rem;
}

.bank-sorting-list__options {
  margin-bottom: 1.3333333333rem;
}

.modal-calculator-module__section + .modal-calculator-module__section {
  margin-top: 2rem;
}
.modal-calculator-module__spinner {
  margin: 0 auto;
  margin-top: 6.6666666667rem;
}
.modal-calculator-module__preview {
  margin-top: 1rem;
  min-height: 34rem;
}
@media (min-width: 768px) {
  .modal-calculator-module__preview {
    min-height: 17.6666666667rem;
  }
}

.modal-calculator-instruction__list {
  counter-reset: increment;
}
.modal-calculator-instruction__text p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.modal-calculator-instruction__text p + p {
  margin-top: 1.3333333333rem;
}
.modal-calculator-instruction__divider {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.modal-calculator-instruction__item {
  padding-left: 2.5rem;
  counter-increment: increment;
  margin-top: 1.6666666667rem;
  position: relative;
}
.modal-calculator-instruction__item::before {
  content: counter(increment);
  font-size: 2.5rem;
  line-height: 2.3rem;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 800;
  color: var(--textSecondary);
}
@supports (-webkit-text-fill-color: transparent) {
  .modal-calculator-instruction__item::before {
    background: var(--textSecondaryAccent);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.modal-calculator-instruction__title {
  margin-bottom: 1rem;
}

.step-settings__item + .step-settings__item {
  margin-top: 1rem;
}

.step-scoring__row + .step-scoring__row {
  margin-top: 1rem;
}
.step-scoring__td {
  display: table-cell;
  vertical-align: bottom;
}
.step-scoring__row .step-scoring__td:first-child {
  width: 100%;
  padding-right: 0.6666666667rem;
}
.step-scoring__select {
  width: 100%;
}

.step-reward__row + .step-reward__row {
  margin-top: 1.6666666667rem;
}
.step-reward__excess {
  margin-top: 1rem;
}
.step-reward__title {
  margin-bottom: 1rem;
}
.step-reward__input {
  display: inline-block;
  min-width: auto;
  width: calc((100% / 3) - 0.4444444444rem);
}
.step-reward__input + .step-reward__input {
  margin-left: 0.6666666667rem;
}

.step-tariffs__content {
  padding-top: 1rem;
}
.step-tariffs__checkbox, .step-tariffs__input {
  margin-bottom: 1rem;
}
.step-tariffs__button {
  width: 100%;
}
.step-tariffs__table--math {
  margin-bottom: 1rem;
}
.step-tariffs__table--min {
  margin-top: 1.6666666667rem;
}

.layout-step-tariffs__item {
  margin-bottom: 1rem;
}
.layout-step-tariffs__button {
  margin-bottom: 1.6666666667rem;
  width: 100%;
}

.reward-row__item {
  display: inline-block;
  width: calc(50% - 0.3333333333rem);
  min-width: auto;
  vertical-align: middle;
}
.reward-row__item:first-child {
  padding-right: 0.3333333333rem;
}
.reward-row__item:last-child {
  padding-left: 0.3333333333rem;
}

.modal-payment-request__pagination {
  margin-top: 1.3333333333rem;
}
.modal-payment-request__spinner {
  margin: 0 auto;
  margin-top: 6.6666666667rem;
}
.modal-payment-request__card {
  margin-top: 1rem;
}
@media (max-width: 649px) {
  .modal-payment-request__table {
    margin-left: -5.555%;
    margin-right: -5.555%;
    padding-left: 5.555%;
    padding-right: 5.555%;
  }
}
@media (min-width: 650px) {
  .modal-payment-request__table {
    margin-left: -1.6666666667rem;
    margin-right: -1.6666666667rem;
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
  }
}
.modal-payment-request__information {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
.modal-payment-request__company {
  display: inline-block;
  vertical-align: middle;
}

.modal-edit-employee__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.modal-edit-employee__item + .modal-edit-employee__item {
  margin-top: 2.6666666667rem;
}

.modal-edit-order__files {
  margin-top: 1.6666666667rem;
}
.modal-edit-order__file + .modal-edit-order__file {
  margin-top: 1rem;
}
.modal-edit-order__input {
  margin-top: 1rem;
}

.modal-stop-factors__status, .modal-stop-factors__content {
  display: inline-block;
  vertical-align: top;
}
.modal-stop-factors__content {
  padding-top: 0.75rem;
  margin-left: 1rem;
  width: calc(100% - 4.3333333333rem);
}
.modal-stop-factors__reasons {
  margin-top: 1.3333333333rem;
}
.modal-stop-factors__item {
  padding-top: 1rem;
}
.modal-stop-factors__divider {
  margin-top: 1.3333333333rem;
}

.modal-add-employee__response {
  margin: 16.6666666667rem auto 0;
}
@media (min-width: 650px) {
  .modal-add-employee__response {
    margin-top: 20.8333333333rem;
  }
}
@media (min-width: 1200px) {
  .modal-add-employee__response {
    margin-top: 16.6666666667rem;
  }
}

.layout-edit-order__content {
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
.layout-edit-order__top {
  margin-bottom: 2.6666666667rem;
  max-width: none;
}
.layout-edit-order__spinner {
  margin: 8.3333333333rem auto 0;
}
.layout-edit-order__response {
  margin: 12.5rem auto 0;
}

.modal-on-boarding__text {
  min-height: 15rem;
}
.modal-on-boarding__image {
  height: 100%;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.modal-on-boarding__image img,
.modal-on-boarding__image picture {
  height: 100%;
  width: auto;
}
.modal-on-boarding__illustration {
  overflow: hidden;
  position: relative;
}
.modal-on-boarding__illustration--brand-accent {
  background: var(--backgroundBrandAccent);
}
.modal-on-boarding__illustration--base {
  background-color: var(--backgroundBase);
}
@media (max-width: 767px) {
  .modal-on-boarding__illustration {
    height: 25.3333333333rem;
    margin: -1.3333333333rem -1.3333333333rem 0;
    border-radius: 1rem 1rem 0 0;
    margin-bottom: 1.3333333333rem;
  }
}
.modal-on-boarding__button {
  vertical-align: middle;
}
.modal-on-boarding__button + .modal-on-boarding__button {
  margin-left: 0.6666666667rem;
}
.modal-on-boarding__title {
  margin-bottom: 0.6666666667rem;
}
.modal-on-boarding__description {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}
@media (min-width: 768px) {
  .modal-on-boarding__wrapper {
    padding-left: 20rem;
  }
  .modal-on-boarding__text {
    min-width: 28rem;
  }
  .modal-on-boarding__illustration {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 20rem;
    border-radius: 1rem 0 0 1rem;
  }
  .modal-on-boarding__progress-bar {
    margin-bottom: 1.6666666667rem;
  }
  .modal-on-boarding .modal-desktop-content__wrapper {
    padding: 2rem;
  }
  .modal-on-boarding .modal-desktop-content__buttons {
    padding-left: 20rem;
    text-align: left;
  }
}

.modal-platform-bank-edit__checkbox--product + .modal-platform-bank-edit__checkbox--product {
  margin-top: 1rem;
}
.modal-platform-bank-edit__select, .modal-platform-bank-edit__list {
  margin-top: 1.6666666667rem;
}

.modal-edit-order-bank-company__card {
  margin-bottom: 1rem;
}

.modal-big-layout__steps {
  margin-top: 1.6666666667rem;
}
.modal-big-layout__spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.modal-edit-guarantee-delivery__radio {
  margin-bottom: 1.6666666667rem;
}

.card-data-banks__bank-list {
  margin-top: 1rem;
}
.card-data-banks__card-bank {
  cursor: pointer;
}
.card-data-banks__card-bank + .card-data-banks__card-bank {
  margin-top: 0.6666666667rem;
}
.card-data-banks__label {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.card-data-banks__list {
  margin-top: 0.6666666667rem;
}

.task-sign-link__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
}

.signing-order-admin {
  padding-top: 6.6666666667rem;
  padding-bottom: 2rem;
  text-align: center;
}
.signing-order-admin__wrapper {
  display: inline-block;
}
.signing-order-admin__response {
  margin: 0 auto;
}

.modal-order-documents__tabs {
  min-height: 2.6666666667rem;
  margin-bottom: 1.3333333333rem;
}

.modal-request-revision__description {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
  margin-bottom: 1.6666666667rem;
}
.modal-request-revision__input {
  margin-bottom: 2rem;
}
.modal-request-revision__dropzone-title {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  margin-bottom: 0.6666666667rem;
}

.modal-order-logs__select {
  max-width: 20rem;
}
.modal-order-logs__list {
  margin-top: 1.3333333333rem;
}
.modal-order-logs__card + .modal-order-logs__card {
  margin-top: 0.6666666667rem;
}

.administrative-data__title {
  margin-bottom: 0.6666666667rem;
}
.administrative-data__card {
  margin-bottom: 1rem;
}
.administrative-data__button {
  min-width: 100%;
}

.modal-overwrite-company-owner__banner {
  margin-bottom: 1.3333333333rem;
}
.modal-overwrite-company-owner__input {
  margin-bottom: 0.6666666667rem;
}
.modal-overwrite-company-owner__response {
  margin: 0 auto;
  margin-top: 2rem;
}
.modal-overwrite-company-owner__item + .modal-overwrite-company-owner__item {
  margin-top: 0.6666666667rem;
}
.modal-overwrite-company-owner__pagination {
  margin-top: auto;
}
.modal-overwrite-company-owner__content {
  margin-bottom: 1.6666666667rem;
}
.modal-overwrite-company-owner__wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.auth-restore__response {
  max-width: none;
}

.referral__spinner {
  margin: 0 auto;
  margin-top: 6.6666666667rem;
}

.product-conditions__button {
  width: 100%;
}
.product-conditions__list + .product-conditions__button {
  margin-top: 1.6666666667rem;
}
.product-conditions__block + .product-conditions__block {
  margin-top: 1rem;
}