@font-face {
  font-family: 'icomoon';
  src:  url(../fonts/icomoon.eot);
  src:  url(../fonts/icomoon.eot#iefix) format('embedded-opentype'),
    url(../fonts/icomoon.ttf) format('truetype'),
    url(../fonts/icomoon.woff) format('woff'),
    url(../img/icomoon.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon', serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-erase:before {
  content: "\e940";
}
.icon-wallet:before {
  content: "\e93c";
}
.icon-receipt:before {
  content: "\e93d";
}
.icon-pin:before {
  content: "\e93b";
}
.icon-payment-terminal:before {
  content: "\e93a";
}
.icon-code:before {
  content: "\e939";
}
.icon-crossed-out-eye:before {
  content: "\e93e";
}
.icon-eye:before {
  content: "\e93f";
}
.icon-users:before {
  content: "\e938";
}
.icon-shop-large:before {
  content: "\e937";
}
.icon-logout:before {
  content: "\e936";
}
.icon-box:before {
  content: "\e935";
}
.icon-mode:before {
  content: "\e934";
}
.icon-qr-preview:before {
  content: "\e933";
}
.icon-undo-small:before {
  content: "\e932";
}
.icon-check-small:before {
  content: "\e931";
}
.icon-percent-small:before {
  content: "\e930";
}
.icon-goldshop-stat:before {
  content: "\e92c";
}
.icon-increase:before {
  content: "\e92d";
}
.icon-people:before {
  content: "\e92e";
}
.icon-waiting:before {
  content: "\e92f";
}
.icon-checking:before {
  content: "\e92b";
}
.icon-attention:before {
  content: "\e92a";
}
.icon-find-out:before {
  content: "\e929";
}
.icon-search:before {
  content: "\e928";
}
.icon-attachment:before {
  content: "\e927";
}
.icon-download:before {
  content: "\e925";
}
.icon-upload:before {
  content: "\e926";
}
.icon-calendar:before {
  content: "\e920";
}
.icon-drag-handler:before {
  content: "\e924";
}
.icon-link:before {
  content: "\e922";
}
.icon-qr:before {
  content: "\e923";
}
.icon-triangle:before {
  content: "\e921";
}
.icon-actions:before {
  content: "\e91f";
}
.icon-bad:before {
  content: "\e900";
}
.icon-bill:before {
  content: "\e901";
}
.icon-chat:before {
  content: "\e902";
}
.icon-check:before {
  content: "\e903";
}
.icon-clip:before {
  content: "\e904";
}
.icon-close:before {
  content: "\e905";
}
.icon-dashboard:before {
  content: "\e906";
}
.icon-dollar:before {
  content: "\e907";
}
.icon-earth:before {
  content: "\e908";
}
.icon-edit:before {
  content: "\e909";
}
.icon-good:before {
  content: "\e90a";
}
.icon-info:before {
  content: "\e90b";
}
.icon-invoice:before {
  content: "\e90c";
}
.icon-list:before {
  content: "\e90d";
}
.icon-logo_swpl:before {
  content: "\e90e";
}
.icon-mark:before {
  content: "\e90f";
}
.icon-merch:before {
  content: "\e910";
}
.icon-neutral:before {
  content: "\e911";
}
.icon-notification:before {
  content: "\e912";
}
.icon-percent:before {
  content: "\e913";
}
.icon-plus:before {
  content: "\e914";
}
.icon-promo_mat:before {
  content: "\e915";
}
.icon-qr_code:before {
  content: "\e916";
}
.icon-settings:before {
  content: "\e917";
}
.icon-share:before {
  content: "\e918";
}
.icon-shop:before {
  content: "\e919";
}
.icon-show:before {
  content: "\e91a";
}
.icon-srw:before {
  content: "\e91b";
}
.icon-statistics:before {
  content: "\e91c";
}
.icon-trash:before {
  content: "\e91d";
}
.icon-back:before {
  content: "\e91e";
}

@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.delay {
  transition: all 0.3s;
}

.delay-enter-active {
  transition: all 0.3s;
}

.delay-leave-active {
  transition: all 0.3s;
}

.fade-enter-active {
  transition: opacity 0.1s;
}

.fade-leave-active {
  transition: opacity 0.3s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.slow-fade-enter-active {
  transition: opacity 0.5s;
}

.slow-fade-leave-active {
  transition: opacity 0.7s;
}

.slow-fade-enter, .slow-fade-leave-to {
  opacity: 0;
}

.slide-right-enter-active, .slide-right-leave-active {
  transition: all 0.3s;
}

.slide-right-enter, .slide-right-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

.slide-left-enter-active {
  transition: all 0.25s;
}

.slide-left-leave-active {
  transition: all 0.25s;
}

.slide-left-enter, .slide-left-leave-to {
  transform: translateX(100%);
}

.slide-top-enter-active, .slide-top-leave-active {
  transition: all 0.2s;
}

.slide-top-enter, .slide-top-leave-to {
  transform: translateY(-70%);
  opacity: 0;
}

.slide-bottom-enter-active, .slide-bottom-leave-active {
  transition: all 0.2s;
}

.slide-bottom-enter, .slide-bottom-leave-to {
  transform: translateY(70%);
  opacity: 0;
}

.highlight {
  transition: all 0.5s;
  box-shadow: 0 0 0 0 rgba(185, 174, 21, 0.35);
  border-radius: 1.5rem;
}

.highlight-active {
  box-shadow: 0 0 40px 0 rgba(185, 174, 21, 0.35);
}

.shake {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.slide-bottom-small-enter-active, .slide-bottom-small-leave-active {
  transition: all 0.2s;
}

.slide-bottom-small-enter, .slide-bottom-small-leave-to {
  transform: translateY(4%);
  opacity: 0;
}

.modal-enter-active {
  transition: all 0.5s;
}
.modal-enter-active .modal--bg {
  transition: all 25s;
}
.modal-enter-active.modal--slide-down .modal__inner, .modal-enter-active.modal--slide-up .modal__inner {
  transition: all 0.25s;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.modal-leave-active {
  transition: all 0.15s;
}
.modal-leave-active .modal__bg {
  transition: all 0.15s;
}
.modal-leave-active.modal--slide-down .modal__inner, .modal-leave-active.modal--slide-up .modal__inner {
  transition: all 0.15s;
}

.modal-enter.modal--full.modal--slide-down .modal__inner, .modal-leave-to.modal--full.modal--slide-down .modal__inner {
  opacity: 1;
  transform: translateY(-100%);
}
.modal-enter.modal--full.modal--slide-up .modal__inner, .modal-leave-to.modal--full.modal--slide-up .modal__inner {
  opacity: 1;
  transform: translateY(100%);
}

.modal-enter.modal--slide-down .modal__inner, .modal-leave-to.modal--slide-down .modal__inner {
  opacity: 0;
  transform: translateY(-50%);
}
.modal-enter.modal--slide-up .modal__inner, .modal-leave-to.modal--slide-up .modal__inner {
  opacity: 0;
  transform: translateY(50%);
}

.navi-modal-enter-active {
  transition: all 0.5s;
}
.navi-modal-enter-active .navi-modal--bg {
  transition: all 25s;
}
.navi-modal-enter-active.navi-modal--slide-down .navi-modal__inner, .navi-modal-enter-active.navi-modal--slide-up .navi-modal__inner {
  transition: all 0.25s;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.navi-modal-leave-active {
  transition: all 0.15s;
}
.navi-modal-leave-active .navi-modal__bg {
  transition: all 0.15s;
}
.navi-modal-leave-active.navi-modal--slide-down .navi-modal__inner, .navi-modal-leave-active.navi-modal--slide-up .navi-modal__inner {
  transition: all 0.15s;
}

.navi-modal-enter.navi-modal--full.navi-modal--slide-down .navi-modal__inner, .navi-modal-leave-to.navi-modal--full.navi-modal--slide-down .navi-modal__inner {
  opacity: 1;
  transform: translateY(-100%);
}
.navi-modal-enter.navi-modal--full.navi-modal--slide-up .navi-modal__inner, .navi-modal-leave-to.navi-modal--full.navi-modal--slide-up .navi-modal__inner {
  opacity: 1;
  transform: translateY(100%);
}

.navi-modal-enter.navi-modal--slide-down .navi-modal__inner, .navi-modal-leave-to.navi-modal--slide-down .navi-modal__inner {
  opacity: 0;
  transform: translateY(-100%);
}
.navi-modal-enter.navi-modal--slide-up .navi-modal__inner, .navi-modal-leave-to.navi-modal--slide-up .navi-modal__inner {
  opacity: 0;
  transform: translateY(100%);
}

.pulse {
  -webkit-animation: pulse 1s infinite ease-in-out alternate;
          animation: pulse 1s infinite ease-in-out alternate;
}

@-webkit-keyframes pulse {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.2);
  }
}

@keyframes pulse {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.2);
  }
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}

html, body {
  overflow: hidden !important;
  height: 100% !important;
  position: relative;
}

html {
  touch-action: manipulation;
  font-size: 56%;
}
@media (min-width: 375px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 137.5em) {
  html {
    font-size: 75%;
  }
}

body {
  box-sizing: border-box;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  overflow: auto;
  position: relative;
}

input {
  -webkit-appearance: none;
}

a, button, input, label, div:hover, div:active {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
  width: 0;
}

@media (min-width: 75em) {
  ::-webkit-scrollbar-button {
    background-image: none;
    background-repeat: no-repeat;
    width: 0.5rem;
    height: 0;
  }

  ::-webkit-scrollbar-track {
    background-color: #DFE0E9;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 4rem;
    background-color: #B5BBF2;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #6C78E6;
  }

  ::-webkit-resizer {
    background-image: none;
    background-repeat: no-repeat;
    width: 0.4rem;
    height: 0;
  }

  ::-webkit-scrollbar {
    width: 1rem;
  }
}
jdiv[class^=button_] {
  display: none !important;
}
@media (min-width: 37.5em) {
  jdiv[class^=button_] {
    display: inherit;
  }
}

jdiv[class^=header_] jdiv[class^=info_] {
  line-height: 0.8 !important;
}

jdiv[class^=globalClass_] jdiv[class^=mobileContainer_] {
  width: 100% !important;
  margin-left: 0 !important;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #34303D;
  font-size: 1.4rem;
}

* {
  text-decoration: none;
}
*:link, *:visited {
  color: #504DA6;
}
*:link:hover, *:visited:hover {
  color: #6e6bbb;
}
*:link:active, *:visited:active {
  color: #908ecb;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

button {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
  color: #34303D;
}

.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5 {
  font-weight: 700;
  line-height: 1.5;
  color: #34303D;
}
.heading-1:link, .heading-1:visited,
.heading-2:link,
.heading-2:visited,
.heading-3:link,
.heading-3:visited,
.heading-4:link,
.heading-4:visited,
.heading-5:link,
.heading-5:visited {
  color: #34303D;
  transition: all 0.2s;
}
.heading-1:link:hover, .heading-1:link:active,
.heading-2:link:hover,
.heading-2:link:active,
.heading-3:link:hover,
.heading-3:link:active,
.heading-4:link:hover,
.heading-4:link:active,
.heading-5:link:hover,
.heading-5:link:active {
  opacity: 0.8;
}

.label-heading,
.label {
  font-weight: 500;
  line-height: 1.5;
  color: #34303D;
}
.label-heading:link, .label-heading:visited,
.label:link,
.label:visited {
  color: #34303D;
  transition: all 0.2s;
}
.label-heading:link:hover, .label-heading:link:active,
.label:link:hover,
.label:link:active {
  opacity: 0.8;
}

.heading-1 {
  font-size: 5rem;
}

.subheading {
  font-size: 1.8rem;
  color: #8C8C8C;
  text-transform: uppercase;
}

.heading-2 {
  font-size: 3.6rem;
}

.heading-3 {
  font-size: 2.6rem;
}

.heading-4 {
  font-size: 2rem;
}

.heading-5 {
  font-size: 1.8rem;
}

.label-heading, .label {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

.label-heading {
  font-size: 1.6rem;
  text-transform: uppercase;
}

.label {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 500;
}
@media (min-width: 137.5em) {
  .label {
    font-size: 1.15rem;
  }
}

.text {
  font-size: 1.4rem;
}
.text:link, .text:visited {
  color: #8C8C8C;
  transition: all 0.2s;
}
.text:link:hover, .text:link:active {
  opacity: 0.8;
}
.text--large {
  font-size: 1.6rem;
}
.text--x-large {
  font-size: 1.8rem;
}
.text--xx-large {
  font-size: 2rem;
}
.text--xxx-large {
  font-size: 2.4rem;
}
.text--small {
  font-size: 1.2rem;
}
.text--xs-small {
  font-size: 1.1rem;
}

.icon--medium {
  font-size: 2.4rem;
}
.icon--small {
  font-size: 1.8rem;
}

.link {
  color: #504DA6;
}
.link:hover {
  color: #6e6bbb;
}
.link:active {
  color: #908ecb;
}
.link--bordered {
  display: inline;
  border-bottom: 1px currentColor solid;
}
.link--white {
  color: #FFF;
}

.content-area h1, .content-area h2, .content-area h3 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.content-area h4, .content-area h5, .content-area h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.content-area p:not(:last-child) {
  margin-bottom: 2rem;
}
.content-area ul, .content-area ol {
  margin-bottom: 2rem;
  margin-left: 4rem;
}
.content-area ul li:not(:last-child), .content-area ol li:not(:last-child) {
  margin-bottom: 0.7rem;
}

.text--medium {
  font-weight: 600;
}
.text--bold {
  font-weight: 700;
}
.text--regular {
  font-weight: 400;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--lowercase {
  text-transform: lowercase;
}
.text--normalcase {
  text-transform: initial;
}
.text--kerning-large {
  letter-spacing: 0.12rem;
}
.text--left {
  text-align: left;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.elevation {
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
}
.elevation--light {
  box-shadow: 0px 2px 7px rgba(46, 48, 61, 0.1);
}
.elevation--up-left {
  box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
}
.elevation--up-right {
  box-shadow: -0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
}
.elevation--up-light-1 {
  box-shadow: 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
}
.elevation--up-light-2 {
  box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.15);
}
.elevation--down-light-1 {
  box-shadow: 0 -1rem -2rem rgba(0, 0, 0, 0.06);
}

.br {
  border-radius: 0.4rem;
}

.p-0 {
  padding: 0 !important;
}
.pa-05 {
  padding: 0.5rem !important;
}
.pa-1 {
  padding: 1rem !important;
}
.pa-2 {
  padding: 2rem !important;
}
.pa-3 {
  padding: 3rem !important;
}
.pa-4 {
  padding: 4rem !important;
}
.pa-5 {
  padding: 5rem !important;
}
.pa-6 {
  padding: 6rem !important;
}
.py-05 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.px-05 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.px-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-05 {
  padding-top: 0.5rem !important;
}
.pt-1 {
  padding-top: 1rem !important;
}
.pt-2 {
  padding-top: 2rem !important;
}
.pt-3 {
  padding-top: 3rem !important;
}
.pt-4 {
  padding-top: 4rem !important;
}
.pt-5 {
  padding-top: 5rem !important;
}
.pt-6 {
  padding-top: 6rem !important;
}
.pb-05 {
  padding-bottom: 0.5rem !important;
}
.pb-1 {
  padding-bottom: 1rem !important;
}
.pb-2 {
  padding-bottom: 2rem !important;
}
.pb-3 {
  padding-bottom: 3rem !important;
}
.pb-4 {
  padding-bottom: 4rem !important;
}
.pb-5 {
  padding-bottom: 5rem !important;
}
.pb-6 {
  padding-bottom: 6rem !important;
}
.pl-05 {
  padding-left: 0.5rem !important;
}
.pl-1 {
  padding-left: 1rem !important;
}
.pl-2 {
  padding-left: 2rem !important;
}
.pl-3 {
  padding-left: 3rem !important;
}
.pl-4 {
  padding-left: 4rem !important;
}
.pl-5 {
  padding-left: 5rem !important;
}
.pl-6 {
  padding-left: 6rem !important;
}
.pr-05 {
  padding-right: 0.5rem !important;
}
.pr-1 {
  padding-right: 1rem !important;
}
.pr-2 {
  padding-right: 2rem !important;
}
.pr-3 {
  padding-right: 3rem !important;
}
.pr-4 {
  padding-right: 4rem !important;
}
.pr-5 {
  padding-right: 5rem !important;
}
.pr-6 {
  padding-right: 6rem !important;
}

.m-0 {
  margin: 0;
}
.ma-auto {
  margin: auto;
}
.ma-05 {
  margin: 0.5rem !important;
}
.ma-1 {
  margin: 1rem;
}
.ma-2 {
  margin: 2rem;
}
.ma-3 {
  margin: 3rem;
}
.ma-4 {
  margin: 4rem;
}
.ma-5 {
  margin: 5rem;
}
.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}
.my-05 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-05 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.mt-auto {
  margin-top: auto;
}
.mt-05 {
  margin-top: 0.5rem;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.mt-4 {
  margin-top: 4rem;
}
.mt-5 {
  margin-top: 5rem;
}
.mb-auto {
  margin-bottom: auto;
}
.mb-05 {
  margin-bottom: 0.5rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
.mb-4 {
  margin-bottom: 4rem;
}
.mb-5 {
  margin-bottom: 5rem;
}
.ml-auto {
  margin-left: auto;
}
.ml-05 {
  margin-left: 0.5rem;
}
.ml-1 {
  margin-left: 1rem;
}
.ml-2 {
  margin-left: 2rem;
}
.ml-3 {
  margin-left: 3rem;
}
.ml-4 {
  margin-left: 4rem;
}
.ml-5 {
  margin-left: 5rem;
}
.mr-auto {
  margin-right: auto;
}
.mr-05 {
  margin-right: 0.5rem;
}
.mr-1 {
  margin-right: 1rem;
}
.mr-2 {
  margin-right: 2rem;
}
.mr-3 {
  margin-right: 3rem;
}
.mr-4 {
  margin-right: 4rem;
}
.mr-5 {
  margin-right: 5rem;
}

.bg-primary {
  background-color: #504DA6;
}
.bg-secondary {
  background-color: #6C78E6;
}
.bg-success {
  background-color: #00C48C;
}
.bg-error {
  background-color: #FF647C;
}
.bg-white {
  background-color: #FFF;
}
.bg-black {
  background-color: #13162E;
}
.bg-grey-dark {
  background-color: #808080;
}
.bg-grey {
  background-color: #8C8C8C;
}
.bg-grey-light {
  background-color: #D2D2D2;
}
.bg-grey-lighten {
  background-color: #EBECEE;
}
.bg-grey-extra-light {
  background-color: #FAFAFA;
}
.bg-green {
  background-color: #00C48C;
}
.bg-green-light {
  background-color: #7FE1C5;
}
.bg-green-lighten {
  background-color: #BFF0E2;
}
.bg-blue {
  background-color: #1dceff;
}
.bg-blue-semantic {
  background-color: #0084f8;
}
.bg-blue-light {
  background-color: #1DCEFF;
}
.bg-blue-lighten {
  background-color: #8EE6FF;
}
.bg-purple {
  background-color: #6C78E6;
}
.bg-purple-dark {
  background-color: #504DA6;
}
.bg-purple-light {
  background-color: #B5BBF2;
}
.bg-purple-lighten {
  background-color: #E2E4FA;
}
.bg-purple-black {
  background-color: #34303D;
}
.bg-gold {
  background-color: #B9AE15;
}

.corner-rounded {
  border-radius: 0.4rem;
}
.corner-rounded-large {
  border-radius: 1.5rem;
}
.corner-rounded-x-large {
  border-radius: 2rem;
}

.text-color-primary {
  color: #504DA6;
}
.text-color-primary:link {
  color: #504DA6;
}
.text-color-purple {
  color: #6C78E6;
}
.text-color-purple:link {
  color: #6C78E6;
}
.text-color-purple-black {
  color: #34303D;
}
.text-color-purple-black:link {
  color: #34303D;
}
.text-color-secondary {
  color: #6C78E6;
}
.text-color-secondary:link {
  color: #6C78E6;
}
.text-color-success {
  color: #00C48C;
}
.text-color-success:link {
  color: #00C48C;
}
.text-color-error {
  color: #FF647C;
}
.text-color-error:link {
  color: #FF647C;
}
.text-color-neutral {
  color: #969AB8;
}
.text-color-neutral:link {
  color: #969AB8;
}
.text-color-info {
  color: #F0A157;
}
.text-color-info:link {
  color: #F0A157;
}
.text-color-gold {
  color: #B9AE15;
}
.text-color-gold:link {
  color: #B9AE15;
}
.text-color-white {
  color: #FFF;
}
.text-color-white:link {
  color: #FFF;
}
.text-color-black {
  color: #13162E;
}
.text-color-black:link {
  color: #13162E;
}
.text-color-yellow {
  color: #FFD720;
}
.text-color-yellow:link {
  color: #FFD720;
}
.text-color-green {
  color: #00C48C;
}
.text-color-green:link {
  color: #00C48C;
}
.text-color-red {
  color: #FF647C;
}
.text-color-red:link {
  color: #FF647C;
}
.text-color-grey {
  color: #8C8C8C;
}
.text-color-grey:link {
  color: #8C8C8C;
}
.text-color-grey-light {
  color: #D2D2D2;
}
.text-color-grey-light:link {
  color: #D2D2D2;
}
.text-color-grey-dark {
  color: #808080;
}
.text-color-grey-dark:link {
  color: #808080;
}
.text-color-grey-darken {
  color: #13162E;
}
.text-color-grey-darken:link {
  color: #13162E;
}
.text-color-silver {
  color: #8C8C8C;
}
.text-color-silver:link {
  color: #8C8C8C;
}
.text-color-space {
  color: #969AB8;
}
.text-color-space:link {
  color: #969AB8;
}
.text-color-space-light {
  color: #CACCDB;
}
.text-color-space-light:link {
  color: #CACCDB;
}
.text-color-space-lighten {
  color: #EAEBF1;
}
.text-color-space-lighten:link {
  color: #EAEBF1;
}

.animate-smooth {
  transition: 0.2s;
}

.rotate-180 {
  transform: rotate(180deg);
}
.rotate-90 {
  transform: rotate(90deg);
}
.rotate--90 {
  transform: rotate(-90deg);
}

.reset-parent-indent {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
@media (min-width: 37.5em) {
  .reset-parent-indent {
    margin-left: -2.2rem;
    margin-right: -2.2rem;
  }
}
.reset-parent-indent-mobile-only {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
@media (min-width: 37.5em) {
  .reset-parent-indent-mobile-only {
    margin-left: initial;
    margin-right: initial;
  }
}

.set-indent {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media (min-width: 37.5em) {
  .set-indent {
    margin-left: 2.2rem;
    margin-right: 2.2rem;
  }
}
.set-indent-mobile-only {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media (min-width: 37.5em) {
  .set-indent-mobile-only {
    margin-left: initial;
    margin-right: initial;
  }
}
.set-indent-tablet-only {
  margin-left: initial;
  margin-right: initial;
}
@media (min-width: 37.5em) {
  .set-indent-tablet-only {
    margin-left: 2.2rem;
    margin-right: 2.2rem;
  }
}

.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline {
  display: inline !important;
}

.wrap {
  flex-wrap: wrap;
}
.wrap-reverse {
  flex-wrap: wrap-reverse;
}

.direction-column {
  flex-direction: column;
}
.direction-row {
  flex-direction: row;
}
.direction-column-reverse {
  flex-direction: column-reverse;
}
.direction-row-revers {
  flex-direction: row-reverse;
}

.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-self-center {
  align-self: end;
}
.align-self-start {
  align-self: end;
}
.align-self-end {
  align-self: end;
}

.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-space-between {
  justify-content: space-between;
}
.justify-stretch {
  justify-content: stretch;
}

.button-icon {
  background: none;
  box-shadow: none;
  border: none;
  outline: none;
  transition: all 0.1s;
}
.button-icon:active {
  transform: translateY(0.5px);
}

.divider {
  border-top: 1px #EAEBF1 solid;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-text {
  cursor: text;
}

.reset-indent {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
@media (min-width: 37.5em) {
  .reset-indent {
    margin-left: -2.2rem;
    margin-right: -2.2rem;
  }
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.container {
  max-width: 120rem;
  padding: 2.2rem;
  margin-left: auto;
  margin-right: auto;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  z-index: 99999;
  height: 100vh;
}
@supports (height: calc(var(--vh, 1vh) * 100)) {
.modal {
    height: calc(var(--vh, 1vh) * 100);
}
}
.modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #13162E;
  opacity: 0.35;
}
.modal__inner {
  background-color: #FFF;
  position: absolute;
  margin-right: auto;
  z-index: 99999;
  border-radius: 0.4rem;
  overflow: hidden;
}
.modal__close {
  position: absolute;
  font-size: 2.2rem;
  color: #8C8C8C;
  right: 1.5rem;
  cursor: pointer;
  z-index: 999999;
}
.modal__close > * {
  transition: 0.2s;
}
.modal__close:active {
  -webkit-tap-highlight-color: transparent;
}
.modal--full .modal__inner {
  border-radius: 0;
}
.modal__container {
  overflow-y: auto;
}
.modal__header, .modal__main, .modal__footer-inner {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 37.5em) {
.modal__header, .modal__main, .modal__footer-inner {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
.modal--no-header-padding .modal__header {
  padding: 0;
}
.modal--no-padding .modal__main {
  padding: 0;
}
.modal__header {
  background-color: #FFF;
  font-weight: 500;
  border-bottom: 1px #EAEBF1 solid;
  padding-top: 17.5px;
}
.modal__header > * {
  transition: 0.2s;
}
.modal__footer {
  background-color: #FFF;
  border-top: 1px #EAEAEA solid;
  z-index: 1;
}
.modal__footer-inner {
  /* Высота статус-бара в iOS 11.0 */
  padding-bottom: 1.75rem;
  /* Высота статус-бара в iOS 11.0 */
  padding-bottom: calc(constant(safe-area-inset-top));
}
@supports (padding-bottom: max(0px)) {
.modal__footer-inner {
    /* Высота статус-бара в iOS 11+ */
    padding-bottom: max( 1.75rem , calc(env(safe-area-inset-top) ));
}
}
.modal__content-loader {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 50%;
  transform: translate(-50%, -110%);
  background-color: #FFF;
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
}
.modal__content-loader > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.btn {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  height: 4rem;
  background-color: #6C78E6;
  border: 1px #6C78E6 solid;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.15s;
  outline: none;
  font-family: inherit;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05rem;
  white-space: nowrap;
}
.btn--rounded {
  padding: 0;
  border-radius: 50%;
  width: 4rem;
}
@media (hover: hover) and (pointer: fine) {
.btn:hover {
    background-color: #6e6bbb;
}
}
.btn:active {
  background-color: #908ecb;
  box-shadow: 0 -1rem -2rem rgba(0, 0, 0, 0.06);
  transform: translateY(0.5px);
}
.btn--large {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  height: 4.2rem;
  font-size: 1.3rem;
}
.btn--large .btn__icon {
  font-size: 1.5rem;
}
.btn--large .btn__icon--left {
  margin-right: 1rem;
}
.btn--large .btn__icon--right {
  margin-left: 1rem;
}
.btn--rounded.btn--large {
  padding: 0;
  width: 4.2rem;
}
.btn--small {
  padding-left: 1rem;
  padding-right: 1rem;
  height: 2.6rem;
  font-size: 1.2rem;
}
.btn--rounded.btn--small {
  padding: 0;
  width: 2.6rem;
}
.btn--xs-small {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 2.3rem;
  font-size: 1.1rem;
  font-weight: 500;
}
.btn--rounded.btn--xs-small {
  width: 2.3rem;
  padding: 0;
}
.btn--secondary {
  background-color: #6C78E6;
  color: #fff;
  border: 2px #98a0ed solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--secondary:hover {
    background-color: #98a0ed;
}
}
.btn--secondary:active {
  background-color: #c3c8f5;
}
.btn--success {
  background-color: #00C48C;
  color: #fff;
  border: 1px #00C48C solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--success:hover {
    background-color: #00f7b0;
}
}
.btn--success:active {
  background-color: #2bffc2;
}
.btn--error {
  background-color: #FF647C;
  color: #fff;
  border: 1px #FF647C solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--error:hover {
    background-color: #ff97a7;
}
}
.btn--error:active {
  background-color: #ffcad2;
}
.btn--grey {
  background-color: #8C8C8C;
  color: #fff;
  border: 1px #8C8C8C solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--grey:hover {
    background-color: #a6a6a6;
}
}
.btn--grey:active {
  background-color: #bfbfbf;
}
.btn--blue {
  background-color: #0084f8;
  color: #fff;
  border: 1px #0084f8 solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--blue:hover {
    background-color: #2c9cff;
}
}
.btn--blue:active {
  background-color: #5fb4ff;
}
.btn--black {
  background-color: #13162E;
  color: #fff;
  border: 1px #13162E solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--black:hover {
    background-color: #222752;
}
}
.btn--black:active {
  background-color: #313976;
}
.btn--space {
  background-color: #969AB8;
  color: #fff;
  border: 1px #969AB8 solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--space:hover {
    background-color: #b4b7cd;
}
}
.btn--space:active {
  background-color: #d3d5e1;
}
.btn--outline {
  background-color: transparent;
  color: #504DA6;
  border: 1px #504DA6 solid;
}
.btn--outline.btn--secondary {
  background-color: transparent;
  color: #6C78E6;
  border: 1px #6C78E6 solid;
}
.btn--outline.btn--success {
  background-color: transparent;
  color: #00C48C;
  border: 1px #00C48C solid;
}
.btn--outline.btn--error {
  background-color: transparent;
  color: #FF647C;
  border: 1px #FF647C solid;
}
.btn--outline.btn--grey {
  background-color: transparent;
  color: #8C8C8C;
  border: 1px #8C8C8C solid;
}
.btn--outline.btn--space {
  background-color: transparent;
  color: #969AB8;
  border: 1px #969AB8 solid;
}
@media (hover: hover) and (pointer: fine) {
.btn--outline:hover {
    background-color: transparent;
    color: #6e6bbb;
    border: 1px #6e6bbb solid;
}
}
.btn--outline:active {
  color: #504DA6;
  border-color: #504DA6;
  background-color: #e6e5f3;
  outline: none;
}
.btn--inline {
  border: none;
  padding: 0;
  background-color: transparent;
  display: inline;
  color: currentColor;
}
.btn--inline:hover, .btn--inline:active {
  background-color: transparent;
}
.btn--full {
  width: 100%;
}
.btn--white {
  background-color: #FFF;
  color: #6C78E6;
  border: 2px #FFF solid;
}
.btn--white:hover {
  background: #FFF;
  border: 2px #d5d4eb solid;
}
.btn--white:active {
  background-color: #f7f7fb;
}
.btn--inactive {
  opacity: 0.4;
}
.btn:disabled {
  /*color: $color-grey;
  background-color: $color-grey-light;*/
  /*border-color: $color-grey;*/
  opacity: 0.3;
  cursor: unset;
}
.btn:disabled:active {
  transform: translateY(0);
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.notify {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
  z-index: 999999;
  width: 100%;
}
@media (min-width: 37.5em) {
.notify {
    bottom: 1.7rem;
    width: initial;
}
}
.notify__inner {
  background: #00C48C;
  padding: 0.9rem 1.5rem;
  color: #FFF;
  font-size: 1.4rem;
  white-space: pre-wrap;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.notify__inner--error {
  background-color: #FF647C;
}
@media (min-width: 37.5em) {
.notify__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
}
@media (min-width: 37.5em) {
.notify__inner {
    border-radius: 0.4rem;
    width: initial;
    justify-content: initial;
}
}
@media (min-width: 37.5em) {
.notify__text {
    margin-right: 1rem;
}
}
.notify__close {
  position: relative;
  padding-bottom: 0.5rem;
  color: #FFF;
}
.notify__close > * {
  color: #FFF;
}
@media (min-width: 37.5em) {
.notify__close {
    color: #FFF;
    display: block;
    padding-top: 0.1rem;
    padding-bottom: 0;
}
}
.notify__close-icon {
  font-size: 3rem;
}
@media (min-width: 37.5em) {
.notify__close-icon {
    font-size: 1.2rem;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.app {
  transition: all 0.3s;
  /*    &--translate {
        transform: translateY(-2%);
        opacity: .5;
      }*/
}
.app--hide {
  opacity: 0;
  visibility: hidden;
}
.app__barcode-actions-container {
  position: absolute;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  z-index: 999;
  display: flex;
  /* Высота статус-бара в iOS 11.0 */
  bottom: 2rem;
  /* Высота статус-бара в iOS 11.0 */
  bottom: calc(constant(safe-area-inset-top));
}
@supports (bottom: max(0px)) {
.app__barcode-actions-container {
    /* Высота статус-бара в iOS 11+ */
    bottom: max( 2rem , calc(env(safe-area-inset-top) ));
}
}
.modals {
  transition: all 0.3s;
}
.modals--hide {
  opacity: 0;
  visibility: hidden;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.home {
  max-width: 70rem;
  margin: 10rem auto;
  background-color: #8EE6FF;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.popover {
  display: inline-block;
  position: relative;
}
.popover__activator {
  /*display: inline-block;*/
  /*padding-top: 2px;*/
}
.popover--center .popover__container {
  transform: translateX(-50%);
}
.popover--right .popover__container {
  /*right: 0;*/
  /*        transform: translateX(10%);*/
}
.popover--right .popover__triangle-item {
  margin-right: 13px;
}
.popover--left .popover__container {
  /*transform: translateX(-9.5%);*/
}
.popover--left .popover__triangle-item {
  margin-left: 13px;
}
.popover__triangle {
  position: relative;
}
.popover__triangle-item {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-color: transparent transparent #FFF transparent;
}
.popover--dark .popover__triangle-item {
  border-color: transparent transparent rgba(108, 120, 230, 0.9) transparent;
}
.popover__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 1.4rem;
  color: #969AB8;
  cursor: pointer;
}
.popover__container {
  position: absolute;
  z-index: 999;
  min-width: 24rem;
  overflow-y: auto;
  background-color: #FFF;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.27);
  border-radius: 0.4rem;
}
.popover--fixed .popover__container {
  position: fixed;
}
.popover__content {
  padding: 2.5rem;
  display: flex;
  justify-content: flex-start;
}
.popover--dark .popover__container {
  background-color: rgba(108, 120, 230, 0.9);
  color: #FFF;
}
.popover__icon-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
.popover--no-padding .popover__content {
  padding: 0;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.notify-control {
  position: relative;
}
.notify-control__arrow {
  font-size: 1rem;
  margin-left: 0.5rem;
}
.notify-control__icon {
  position: relative;
}
.notify-control__chip {
  position: absolute;
  background-color: #FF647C;
  width: 1.6rem;
  height: 1.6rem;
  right: 0;
  top: 0;
  border-radius: 50%;
}
.notify-control__chip-count {
  position: absolute;
  color: #FFF;
  font-size: 1rem;
  font-weight: 500;
  top: 50%;
  left: 50%;
  transform: translate(-51%, -50%);
}
.notification-content {
  font-size: 1.3rem;
  color: #969AB8;
}
.notification-content p {
  font-size: 1.3rem;
  color: #787da3;
}
.notification-content p:not(:last-child) {
  padding-bottom: 1rem;
}
.notification-content__inner {
  border-bottom: #CACCDB 1px solid;
}
.notification-content__inner:hover {
  background-color: #FAFAFA;
  cursor: default;
}
.notification-content__inner > * {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media (min-width: 37.5em) {
.notification-content__inner > * {
    margin-left: 2.2rem;
    margin-right: 2.2rem;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.language-control {
  position: relative;
}
.language-control:active {
  -webkit-tap-highlight-color: transparent;
}
.language-control__flag {
  transition: all 0.2s;
}
.language-control__flag svg {
  width: 2.4rem;
  height: 2.4rem;
}
.language-control__flag:active {
  -webkit-tap-highlight-color: transparent;
}
.language-control__flag--main {
  padding: 0.5rem;
  margin: -0.5rem;
}
.language-control__flag--main:active {
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
.language-control__flag--main:hover {
    background-color: #F9F9FB;
}
}
.language-control__container {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 0.4rem;
}
.language-control__container:focus, .language-control__container:active {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.language-control__flag-container {
  position: relative;
}
.language-control__flag-container:active {
  -webkit-tap-highlight-color: transparent;
}
.language-control__arrow {
  font-size: 1rem;
  margin-left: 1rem;
  color: #969AB8;
  transition: all 0.2s;
}
.language-control__arrow:active {
  -webkit-tap-highlight-color: transparent;
}
.language-control__arrow--active {
  transform: rotate(180deg);
}
.language-control__popover {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 0.4rem;
  box-shadow: 0 0 6px rgba(52, 48, 61, 0.08);
  position: absolute;
  z-index: 10;
  top: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.language-control__popover:active {
  -webkit-tap-highlight-color: transparent;
}
.language-control__popover > * {
  padding: 0.5rem;
  transition: all 0.1s;
}
.language-control__popover > *:active {
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
.language-control__popover > *:hover {
    background-color: #F9F9FB;
}
}
.language-control__flag-item {
  cursor: pointer;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.list-item {
  border-bottom: 1px solid #f0f1f5;
  /*transition: all .2s;*/
}
.list-item__title {
  color: #969AB8;
  font-size: 1.3rem;
  font-weight: 700;
  /*margin-bottom: .5rem;*/
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 2rem;
}
@media (min-width: 37.5em) {
.list-item__title {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
.list-item__sub {
  display: flex;
}
.list-item__sub:active {
  /*background-color: $color-space-lighten;*/
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (hover: hover) and (pointer: fine) {
.list-item__sub:hover {
    background-color: #EAEBF1;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}
.list-item__main {
  display: flex;
  flex-basis: 100%;
  cursor: pointer;
  padding: 1rem 1.5rem;
}
@media (min-width: 37.5em) {
.list-item__main {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
.list-item__controls ~ .list-item__main {
  flex-basis: 90%;
}
.list-item__controls {
  flex-basis: 10%;
  /*border-left: 1px solid $color-space-lighten;*/
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  /*padding-right: 1rem;*/
}
.list-item__icon-loading {
  margin-right: 1.5rem;
  margin-top: 0.17rem;
}
.list-item__content-loading {
  width: 100%;
}
.list-item__inner {
  display: block;
  width: 100%;
}
.list-item__inner--loading {
  display: flex;
}
.list-item .list-item__controls {
  flex-basis: 10%;
  text-align: center;
}
.list-item--one-column .list-item__first-column {
  flex-basis: 100%;
}
.list-item--one-column.list-item--with-controls .list-item__first-column {
  flex-basis: 90%;
}
.list-item--two-columns .list-item__first-column {
  flex-basis: 50%;
}
.list-item--two-columns .list-item__second-column {
  flex-basis: 50%;
  text-align: right;
}
.list-item--three-columns .list-item__first-column {
  flex-basis: 60%;
}
.list-item--three-columns .list-item__second-column {
  flex-basis: 10%;
}
.list-item--three-columns .list-item__third-column {
  flex-basis: 30%;
  text-align: right;
}
.list-item .list-item__first-column, .list-item .list-item__second-column, .list-item .list-item__third-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.list-item__first-column--loading {
  flex-basis: 50%;
}
.list-item__second-column.list-item__second-column--loading {
  flex-basis: 50%;
  display: flex;
  align-items: flex-end;
  text-align: right;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.list-item-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
.list-item-title__inner {
  display: inline-block;
  position: relative;
}
.list-item-title--font-medium {
  font-weight: 500;
}
.list-item-title__cut {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2.2rem;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 91.25%);
}
@media (hover: hover) and (pointer: fine) {
.list-item__sub:hover .list-item-title__cut, .list-item__sub:active .list-item-title__cut {
    background: linear-gradient(270deg, #EAEBF1 0%, rgba(234, 235, 241, 0) 91.25%);
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.navi-modal {
  position: fixed;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  z-index: 99999;
  height: 100vh;
}
@supports (height: calc(var(--vh, 1vh) * 100)) {
.navi-modal {
    height: calc(var(--vh, 1vh) * 100);
}
}
.navi-modal__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(19, 22, 46, 0.75);
}
.navi-modal__inner {
  background-color: #FFF;
  position: relative;
  z-index: 99999;
  border-radius: 0.4rem;
  overflow: hidden;
}
.navi-modal--full .navi-modal__inner {
  border-radius: 0;
}
.navi-modal__container {
  overflow-y: auto;
}
.navi-modal__modal {
  position: relative;
}
@media (min-width: 56.25em) {
.navi-modal__modal {
    display: flex;
    justify-content: stretch;
}
}
.navi-modal__modal-menu {
  overflow-y: auto;
}
@media (min-width: 56.25em) {
.navi-modal__modal-menu {
    border-right: 1px #EAEAEA solid;
    width: 25%;
}
}
.navi-modal__main {
  overflow: auto;
}
.navi-modal__close {
  position: absolute;
  font-size: 2.2rem;
  color: #8C8C8C;
  top: 1.3rem;
  right: 1.5rem;
  cursor: pointer;
  z-index: 999999;
  /* Высота статус-бара в iOS 11.0 */
  top: 1.3rem;
  /* Высота статус-бара в iOS 11.0 */
  top: calc(constant(safe-area-inset-top));
}
@supports (top: max(0px)) {
.navi-modal__close {
    /* Высота статус-бара в iOS 11+ */
    top: max( 1.3rem , calc(env(safe-area-inset-top)) + 11.5px);
}
}
.navi-modal__modal-content {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #FFF;
  overflow: hidden;
}
@media (min-width: 56.25em) {
.navi-modal__modal-content {
    width: 75%;
    height: initial;
    position: initial;
    top: initial;
    left: initial;
    z-index: initial;
}
}
.navi-modal__header, .navi-modal__main, .navi-modal__footer-inner, .navi-modal__global-footer-inner {
  padding: 2rem 2rem;
}
.navi-modal--no-padding .navi-modal__main {
  padding: 0;
}
.navi-modal__header {
  background-color: #FFF;
  font-weight: 500;
  border-bottom: 1px #EAEBF1 solid;
  /* Высота статус-бара в iOS 11.0 */
  padding-top: 2rem;
  /* Высота статус-бара в iOS 11.0 */
  padding-top: calc(constant(safe-area-inset-top));
  display: flex;
  align-items: center;
}
@supports (top: max(0px)) {
.navi-modal__header {
    /* Высота статус-бара в iOS 11+ */
    padding-top: max( 2rem , calc(env(safe-area-inset-top)) + 15px);
}
}
.navi-modal__header-controls {
  margin-left: auto;
}
.navi-modal__footer, .navi-modal__global-footer {
  background-color: #FFF;
  border-top: 1px #EAEAEA solid;
  z-index: 1;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.navi-modal-menu-item {
  color: #13162E;
}
.navi-modal-menu-item:link, .navi-modal-menu-item:visited {
  color: #13162E;
}
.navi-modal-menu-item:hover, .navi-modal-menu-item--active {
  background-color: #e6e5f3;
}
.navi-modal-menu-item:hover:link, .navi-modal-menu-item:hover:visited, .navi-modal-menu-item--active:link, .navi-modal-menu-item--active:visited {
  color: #222752;
}
.navi-modal-menu-item--active {
  background-color: #edecf6;
}
.navi-modal-menu-item--disabled {
  background-color: #FAFAFA;
  cursor: unset;
}
.navi-modal-menu-item--disabled:hover, .navi-modal-menu-item--disabled--active {
  background-color: #FAFAFA;
  color: #D2D2D2;
}
.navi-modal-menu-item--disabled:hover:link, .navi-modal-menu-item--disabled:hover:visited, .navi-modal-menu-item--disabled--active:link, .navi-modal-menu-item--disabled--active:visited {
  background-color: #FAFAFA;
  color: #808080;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.textarea-group {
  display: flex;
  flex-direction: column;
  position: relative;
}
.textarea-group__label {
  margin-bottom: 1rem;
  position: absolute;
  top: 0.9rem;
  left: 1.1rem;
  font-size: 1.4rem;
  color: #969AB8;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
.textarea-group__textarea {
  border: 1.3px #DFE0E9 solid;
  border-radius: 0.4rem;
  padding: 1.2rem 1rem;
  font-family: inherit;
  font-size: inherit;
  font-size: 1.4rem;
}
.textarea-group__textarea::-moz-placeholder {
  color: #969AB8;
  opacity: 1;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.textarea-group__textarea:-ms-input-placeholder {
  color: #969AB8;
  opacity: 1;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.textarea-group__textarea::placeholder {
  color: #969AB8;
  opacity: 1;
  transition: all 0.2s;
}
.textarea-group__textarea:focus {
  padding: 1.7rem 1rem 0.7rem 1rem;
  outline: none;
  border: 1px #504DA6 solid;
}
.textarea-group__textarea:focus.textarea-group__textarea::-moz-placeholder {
  opacity: 0;
}
.textarea-group__textarea:focus.textarea-group__textarea:-ms-input-placeholder {
  opacity: 0;
}
.textarea-group__textarea:focus.textarea-group__textarea::placeholder {
  opacity: 0;
}
.textarea-group__textarea:disabled {
  color: #808080;
  background-color: #FAFAFA;
  cursor: unset;
}
.textarea-group__textarea:focus + .textarea-group__label {
  opacity: 1;
  visibility: visible;
  font-size: 1.3rem;
  transform: translateY(-0.6rem);
}
.textarea-group--active .textarea-group__label {
  opacity: 1;
  visibility: visible;
  font-size: 1.3rem;
  transform: translateY(-0.6rem);
}
.textarea-group--active .textarea-group__textarea {
  padding: 1.7rem 1rem 0.7rem 1rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.attach-file__input {
  display: none;
}
.attach-file__container {
  padding: 1rem;
  transition: all 0.2s;
  width: 100%;
  background-color: #FAFAFA;
  border: 2px dashed #ededed;
  border-radius: 0.4rem;
}
@media (min-width: 75em) {
.attach-file__container {
    width: unset;
}
}
.attach-file__container--over {
  border-color: #B5BBF2;
}
.attach-file__button {
  display: inline-block;
  background: linear-gradient(180deg, rgba(202, 204, 219, 0) 4.17%, rgba(202, 204, 219, 0.530201) 67.19%, #CACCDB 100%);
  border: 1px solid #EAEBF1;
  border-radius: 0.4rem;
  padding: 0.8rem 0.9rem 0.7rem 0.9rem;
  cursor: pointer;
  transition: all 0.2s;
  width: 100%;
}
@media (min-width: 75em) {
.attach-file__button {
    width: unset;
}
}
.attach-file__button-spinner {
  margin-top: -0.15rem;
  margin-bottom: -0.1rem;
}
.attach-file__button:hover {
  background: linear-gradient(180deg, rgba(187, 189, 209, 0) 4.17%, #d8d9e4 67.19%, #bbbdd1 100%);
}
.attach-file__button-container {
  width: 100%;
}
@media (min-width: 75em) {
.attach-file__button-container {
    width: unset;
}
}
.attach-file__uploaded {
  padding: 0.8rem 0.9rem 0.8rem 0.9rem;
}
.attach-file__arrow {
  padding-top: 0.9rem;
  margin-left: 0.7rem;
  display: none;
}
@media (min-width: 75em) {
.attach-file__arrow {
    display: unset;
}
}
.attach-file__description {
  margin-left: 0.2rem;
  padding-top: 0.9rem;
  max-width: 18rem;
  display: none;
}
@media (min-width: 75em) {
.attach-file__description {
    display: block;
}
}
.attach-file__delete {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #FF647C;
  flex-shrink: 0;
  position: relative;
}
.attach-file__delete-icon {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFF;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.attach-file--disabled .attach-file__container {
  background-color: #f9fafb;
}
.attach-file--disabled .attach-file__button {
  background: rgba(202, 204, 219, 0) 4.17%;
  color: #969AB8;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.checkbox {
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
}
.checkbox--boxed .checkbox__label {
  background-color: #FFF;
  padding: 1.1rem 1.5rem;
  border: 1.2px #DFE0E9 solid;
  border-radius: 0.4rem;
}
.checkbox--boxed.checkbox--error .checkbox__label {
  border-color: #FF647C;
}
.checkbox--boxed .checkbox__input:checked + .checkbox__label {
  content: "\e903";
  border-color: #504DA6;
}
.checkbox__input {
  display: none;
}
.checkbox__label {
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  display: flex;
  align-items: flex-start;
}
.checkbox__label::before {
  content: "";
  font-family: "icomoon", serif;
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  margin-right: 1rem;
  margin-top: 0;
  border: 1.5px #CACCDB solid;
  border-radius: 0.4rem;
  font-size: 1rem;
  padding: 0.15rem 0.3rem;
  transition: all 0.2s;
  color: #FFF;
}
.checkbox__input:checked + .checkbox__label::before {
  content: "\e903";
  background-color: #6C78E6;
  border-color: #6C78E6;
}
.checkbox__input:disabled + .checkbox__label {
  cursor: default;
  background-color: #FAFAFA;
  border-color: #CACCDB !important;
  color: #969AB8;
}
.checkbox__input:disabled + .checkbox__label::before {
  background-color: #EBECEE;
  border-color: #CACCDB;
}
.checkbox__error {
  margin-top: 0.2rem;
  color: #FF647C;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.date-input--time .vc-date {
  display: none !important;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.input-group {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.input-group__label {
  margin-bottom: 1rem;
  position: absolute;
  top: 0.9rem;
  left: 1.6rem;
  font-size: 1.4rem;
  color: #969AB8;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  line-height: 0.2;
  font-weight: 400;
  background-color: #FFF;
  padding-left: 4px;
  padding-right: 4px;
}
.input-group__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: text;
  border: 1.3px #DFE0E9 solid;
  border-radius: 0.4rem;
  padding: 1rem 1.4rem;
  font-family: inherit;
  font-size: 1.4rem;
}
.input-group__input--error {
  border-color: #FF647C;
}
.input-group__input::-moz-placeholder {
  color: #969AB8;
  opacity: 1;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.input-group__input:-ms-input-placeholder {
  color: #969AB8;
  opacity: 1;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.input-group__input::placeholder {
  color: #969AB8;
  opacity: 1;
  transition: all 0.2s;
}
.input-group__input:focus {
  padding: 1rem 1.4rem;
  outline: none;
}
.input-group__input:focus.input-group__input::-moz-placeholder {
  opacity: 0;
}
.input-group__input:focus.input-group__input:-ms-input-placeholder {
  opacity: 0;
}
.input-group__input:focus.input-group__input::placeholder {
  opacity: 0;
}
.input-group__input:disabled, .input-group__input--disabled {
  background-color: #FAFAFA;
  cursor: unset !important;
}
.input-group__input::-webkit-outer-spin-button, .input-group__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-group__input[type=number] {
  -moz-appearance: textfield;
}
.input-group__input:focus + .input-group__label {
  opacity: 1;
  visibility: visible;
  font-size: 1.4rem;
  transform: translateY(-1rem);
}
.input-group__icon, .input-group__spinner {
  position: absolute;
  font-size: 1.6rem;
  color: #D2D2D2;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 1rem;
  transition: all 0.2s;
}
.input-group__icon[type=submit], .input-group__spinner[type=submit] {
  cursor: pointer;
}
.input-group__icon:focus, .input-group__spinner:focus {
  outline: none;
}
.input-group__icon:active, .input-group__spinner:active {
  transform: translateY(-49.5%);
}
.input-group__spinner {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 1.3rem;
}
.input-group--error .input-group__icon {
  top: calc(50% - 1rem);
}
.input-group--error .input-group__spinner {
  top: calc(50% - 1rem);
}
.input-group--active .input-group__label {
  opacity: 1;
  visibility: visible;
  font-size: 1.4rem;
  transform: translateY(-1rem);
}
.input-group--active .input-group__input {
  padding: 1rem 1.4rem;
}
.input-group--active .input-group__icon--left ~ .input-group__input {
  padding-left: 3.5rem;
}
.input-group__icon--right + .input-group__input {
  padding-right: 3rem;
}
.input-group__icon--left + .input-group__input {
  padding-left: 3.5rem;
}
.input-group__icon--left + .input-group__input:focus {
  padding-left: 3.5rem;
}
.input-group__icon--left ~ .input-group__label {
  left: 3.6rem;
}
.input-group__icon--right {
  right: 0;
}
.input-group__icon--left {
  left: 0;
}
.input-group__error {
  margin-top: 0.2rem;
  color: #FF647C;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.modal-header-input__inner {
  width: 100%;
}
.modal-header-input__phone-indent {
  /* Высота статус-бара в iOS 11+ */
  padding-top: env(safe-area-inset-top);
}
.modal-header-input__input {
  border: none;
  height: 100%;
  width: 100%;
  display: block;
  padding: 2rem;
  font-size: 1.4rem;
  border-right: 1px solid #EBECEE;
  border-radius: 0;
}
.modal-header-input__input:focus {
  border: none;
  outline: none;
  border-right: 1px solid #EBECEE;
}
.modal-header-input__button {
  height: 100%;
  width: 100%;
  padding: 2rem 2rem;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color: #8C8C8C;
  font-weight: 600;
  font-size: 2rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.autocomplete {
  position: relative;
}
.autocomplete__input input {
  cursor: pointer;
}
.autocomplete__input--active input {
  cursor: initial;
}
.autocomplete__dropdown {
  max-height: 30rem;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  margin-top: -2px;
  border-radius: 0 0 3px 3px;
  border: 1px #D2D2D2 solid;
  background-color: #FFF;
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
  z-index: 99;
}
.autocomplete__dropdown--fixed {
  position: fixed;
}
.autocomplete__list-item {
  cursor: pointer;
  display: block;
  color: #13162E;
  font-size: 1.4rem;
  font-weight: 400;
}
.autocomplete__list-item--active > * {
  background-color: #e8e9ec;
}
.autocomplete__list-item {
  /*<!--&:not(:last-child) {-->*/
  /*<!--  border-bottom: 1px $color-grey-lighten solid;-->*/
  /*<!--}-->*/
}
.autocomplete__list-item-content {
  padding: 1.5rem 1rem;
}
@media (hover: hover) and (pointer: fine) {
.autocomplete__list-item-content:hover {
    background-color: #e8e9ec;
}
}
.autocomplete__list-item-content:active {
  background-color: #e8e9ec;
}
.autocomplete__modal-header {
  width: 100%;
  height: 100%;
}
.autocomplete__mobile-input {
  border: none;
  height: 100%;
  width: 100%;
}
.autocomplete__mobile-input:focus {
  border: none;
  outline: none;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.radio {
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
}
.radio__input {
  display: none;
}
.radio__label {
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.radio__label-icon {
  position: relative;
  min-width: 1.6rem;
  height: 1.6rem;
  width: 1.6rem;
  border: 1px #6C78E6 solid;
  border-radius: 50%;
  font-size: 1.2rem;
  padding: 0 0.15rem;
  transition: all 0.2s;
  display: block;
  margin-right: 0.7rem;
  margin-top: 0.3rem;
}
.radio--filled .radio__label-icon {
  border: none;
  background-color: #D2D2D2;
  min-width: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}
.radio--filled .radio__input:checked + .radio__label .radio__label-icon {
  background-color: #6C78E6;
}
.radio__input:checked + .radio__label .radio__label-icon::before {
  content: "";
  background-color: #6C78E6;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.radio--white .radio__input:checked + .radio__label .radio__label-icon::before {
  background-color: #FFF;
}
.radio--white .radio__label-icon {
  border-color: #FFF;
}
.radio--grey .radio__input:checked + .radio__label .radio__label-icon::before {
  background-color: #EBECEE;
}
.radio--grey .radio__label-icon {
  border-color: #EBECEE;
}
.radio__input:disabled, .radio__input:disabled + .radio__label {
  opacity: 0.45;
  cursor: default;
}
.radio__label-text {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.radio__label-text > *:not(:last-child) {
  margin-bottom: 0.5rem;
}
.radio__label-description {
  color: #808080;
  font-size: 1.5rem;
}
.radio__label-info {
  font-size: 1.5rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.reward-preview {
  display: flex;
  flex-wrap: wrap;
}
.reward-preview--inactive > * {
  visibility: hidden;
}
.reward-preview__item {
  display: flex;
  align-items: center;
  margin-right: 15px;
  padding-top: 0.5rem;
}
.reward-preview__icon {
  border-radius: 50px;
  width: 14px;
  height: 14px;
  background: #CCCCCC;
  display: inline-block;
  margin-right: 5px;
}
.reward-preview__icon--gold {
  background: linear-gradient(155.41deg, #ad9723 -4.4%, #dad76a 52.72%, #ad9723 109.83%);
}
.reward-preview__icon--silver {
  background: linear-gradient(155.41deg, #515151 -4.4%, #b9b9b9 52.72%, #585858 109.83%);
}
.reward-preview__icon--classic {
  background: linear-gradient(159.97deg, #20d0ff, #8d98fc 52.06%, #9f4fe3);
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.reward-preview {
  display: flex;
  flex-wrap: wrap;
}
.reward-preview--inactive > * {
  visibility: hidden;
}
.reward-preview__item {
  display: flex;
  align-items: center;
  margin-right: 15px;
  padding-top: 0.5rem;
}
.reward-preview__icon {
  border-radius: 50px;
  width: 14px;
  height: 14px;
  background: #CCCCCC;
  display: inline-block;
  margin-right: 5px;
}
.reward-preview__icon--gold {
  background: linear-gradient(155.41deg, #ad9723 -4.4%, #dad76a 52.72%, #ad9723 109.83%);
}
.reward-preview__icon--silver {
  background: linear-gradient(155.41deg, #515151 -4.4%, #b9b9b9 52.72%, #585858 109.83%);
}
.reward-preview__icon--classic {
  background: linear-gradient(159.97deg, #20d0ff, #8d98fc 52.06%, #9f4fe3);
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.add-shop-working-hours__options-block:last-child {
  margin-bottom: 2rem;
}
.add-shop-working-hours__options-item {
  padding-bottom: 2.5rem;
}
.add-shop-working-hours__options-item:not(:first-child) {
  padding-top: 2.5rem;
}
.add-shop-working-hours__options-item:not(:last-child) {
  border-bottom: 1px solid #EFEFF4;
}
.add-shop-working-hours__options-item > * {
  display: flex;
  flex-direction: column;
}
@media (min-width: 56.25em) {
.add-shop-working-hours__options-item > * {
    flex-direction: row;
    justify-content: space-between;
}
}
.add-shop-working-hours__options-item > * > * {
  width: 100%;
}
.add-shop-working-hours__options-item > * > *:not(:last-child) {
  margin-bottom: 1.2rem;
  margin-right: 1rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.add-shop-map__list {
  position: absolute;
  left: 0;
  height: unset;
  width: 100%;
  border-top: 1px solid #EBECEE;
  background-color: #FFF;
  z-index: 1;
}
@media (min-width: 37.5em) {
.add-shop-map__list {
    height: unset;
}
}
.add-shop-map__list-item {
  padding: 1.5rem 2rem;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.add-shop-map__list-item:hover {
    background-color: #e8e9ec;
}
}
.add-shop-map__list-item:active {
  background-color: #e8e9ec;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.add-shop-contact-list__options-block:last-child {
  margin-bottom: 2rem;
}
.add-shop-contact-list__options-item {
  padding-bottom: 2.5rem;
}
.add-shop-contact-list__options-item:not(:first-child) {
  padding-top: 2.5rem;
}
.add-shop-contact-list__options-item:not(:last-child) {
  border-bottom: 1px solid #EFEFF4;
}
.add-shop-contact-list__options-item > * {
  display: flex;
  flex-direction: column;
}
@media (min-width: 37.5em) {
.add-shop-contact-list__options-item > * {
    flex-direction: row;
    justify-content: space-between;
}
}
.add-shop-contact-list__options-item > * > * {
  width: 100%;
}
.add-shop-contact-list__options-item > * > *:not(:last-child) {
  margin-bottom: 1.2rem;
  margin-right: 1rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.add-shop__item {
  border: 2px dashed #DFE0E9;
  padding: 2.5rem 1.5rem 2rem 1.5rem;
  border-radius: 0.4rem;
  position: relative;
}
.add-shop__item:not(:last-child) {
  margin-bottom: 2rem;
}
.add-shop__delete {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 0;
}
.add-shop__address-container, .add-shop__contacts-container, .add-shop__hours-container {
  position: relative;
  margin-top: 1.5rem;
  background-color: #FAFAFA;
  padding: 0.8rem 1rem;
  border-radius: 0.4rem;
}
.add-shop__contacts-item-title, .add-shop__hours-item-title {
  position: relative;
  display: inline-block;
}
.add-shop__contacts-item-badge, .add-shop__hours-item-badge {
  position: absolute;
  top: -0.7rem;
  right: -1.8rem;
  font-size: 1rem;
  width: 1.7rem;
  height: 1.7rem;
  color: #FFF;
  background-color: #00C48C;
  border-radius: 50%;
}
.add-shop__contacts-item-badge > *, .add-shop__hours-item-badge > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-55%, -50%);
}
.add-shop__address-edit {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: #6C78E6;
  font-size: 2rem;
}
.add-shop__address-edit:link, .add-shop__address-edit:hover, .add-shop__address-edit:active, .add-shop__address-edit:visited {
  color: #6C78E6;
  font-size: 2rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.action-link {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
  line-height: 0.9;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  color: #504DA6;
}
.action-link:link, .action-link:visited {
  color: #2e2d60;
}
@media (hover: hover) and (pointer: fine) {
.action-link:hover {
    color: #6e6bbb;
}
}
.action-link--error {
  color: #FF647C;
}
.action-link--error:link, .action-link--error:visited {
  color: #fd0027;
}
@media (hover: hover) and (pointer: fine) {
.action-link--error:hover {
    color: #ff97a7;
}
}
.action-link--success {
  color: #00C48C;
}
.action-link--success:link, .action-link--success:visited {
  color: #005e43;
}
@media (hover: hover) and (pointer: fine) {
.action-link--success:hover {
    color: #00f7b0;
}
}
.action-link--space {
  color: #969AB8;
}
.action-link--space:link, .action-link--space:visited {
  color: #5e638a;
}
@media (hover: hover) and (pointer: fine) {
.action-link--space:hover {
    color: #b4b7cd;
}
}
.action-link--primary {
  color: #504DA6;
}
.action-link--primary:link, .action-link--primary:visited {
  color: #2e2d60;
}
@media (hover: hover) and (pointer: fine) {
.action-link--primary:hover {
    color: #6e6bbb;
}
}
.action-link--secondary {
  color: #6C78E6;
}
.action-link--secondary:link, .action-link--secondary:visited {
  color: #2233ca;
}
@media (hover: hover) and (pointer: fine) {
.action-link--secondary:hover {
    color: #98a0ed;
}
}
.action-link__icon {
  /*color: $color-space;*/
  font-size: 2.4rem;
}
.action-link__icon--right {
  margin-left: 0.5rem;
}
.action-link__icon--left {
  margin-right: 0.5rem;
}
.action-link--small {
  font-size: 1.2rem;
}
.action-link--small .action-link__icon {
  font-size: 1.4rem;
}
.action-link--x-small {
  font-size: 1.1rem;
}
.action-link--x-small .action-link__icon {
  font-size: 1.2rem;
}
.action-link--disabled {
  color: #969AB8;
}
.action-link--disabled:link, .action-link--disabled:visited {
  color: #5e638a;
}
@media (hover: hover) and (pointer: fine) {
.action-link--disabled:hover {
    color: #b4b7cd;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.fill-by-egrul-content__req-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.fill-by-egrul-content__req-item:not(:last-child) {
  border-bottom: 1px solid #EFEFF4;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.multi-select__input-group {
  display: block;
}
.multi-select__input--disabled {
  background-color: #FAFAFA;
}
.multi-select__dropdown {
  max-height: 30rem;
  overflow-y: auto;
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: -2px;
  border-radius: 0 0 3px 3px;
  border: 1px #D2D2D2 solid;
  background-color: #FFF;
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
  z-index: 99;
}
.multi-select__input-activator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: text;
}
.multi-select__list-item {
  cursor: pointer;
  display: block;
}
.multi-select__list-item--active > * {
  background-color: #e8e9ec;
}
.multi-select__list-item {
  /*<!--&:not(:last-child) {-->*/
  /*<!--  border-bottom: 1px $color-grey-lighten solid;-->*/
  /*<!--}-->*/
}
.multi-select__list-item-content {
  padding: 1.5rem 1rem;
}
@media (hover: hover) and (pointer: fine) {
.multi-select__list-item-content:hover {
    background-color: #e8e9ec;
}
}
.multi-select__list-item-content:active {
  background-color: #e8e9ec;
}
.multi-select__modal-header {
  width: 100%;
  height: 100%;
}
.multi-select__mobile-input {
  border: none;
  height: 100%;
  width: 100%;
}
.multi-select__mobile-input:focus {
  border: none;
  outline: none;
}
.chip-multi {
  display: inline-block;
  padding: 0.3rem 0.5rem 0.45rem 1rem;
  color: #FFF;
  background-color: #6C78E6;
  border-radius: 1.5rem;
  font-size: 1.2rem;
}
.chip-multi__icon {
  margin-left: 0.8rem;
  padding: 0.06rem 0.1rem;
  border-radius: 50%;
  transition: all 0.2s;
  position: relative;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
.chip-multi__icon:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.multi-select__input-group {
  display: block;
}
.multi-select__input--disabled {
  background-color: #FAFAFA;
}
.multi-select__dropdown {
  max-height: 30rem;
  overflow-y: auto;
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: -2px;
  border-radius: 0 0 3px 3px;
  border: 1px #D2D2D2 solid;
  background-color: #FFF;
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
  z-index: 99;
}
.multi-select__input-activator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: text;
}
.multi-select__list-item {
  cursor: pointer;
  display: block;
}
.multi-select__list-item--active > * {
  background-color: #e8e9ec;
}
.multi-select__list-item {
  /*<!--&:not(:last-child) {-->*/
  /*<!--  border-bottom: 1px $color-grey-lighten solid;-->*/
  /*<!--}-->*/
}
.multi-select__list-item-content {
  padding: 1.5rem 1rem;
}
@media (hover: hover) and (pointer: fine) {
.multi-select__list-item-content:hover {
    background-color: #e8e9ec;
}
}
.multi-select__list-item-content:active {
  background-color: #e8e9ec;
}
.multi-select__modal-header {
  width: 100%;
  height: 100%;
}
.multi-select__mobile-input {
  border: none;
  height: 100%;
  width: 100%;
}
.multi-select__mobile-input:focus {
  border: none;
  outline: none;
}
.chip-multi {
  display: inline-block;
  padding: 0.3rem 0.5rem 0.45rem 1rem;
  color: #FFF;
  background-color: #6C78E6;
  border-radius: 1.5rem;
  font-size: 1.2rem;
}
.chip-multi__icon {
  margin-left: 0.8rem;
  padding: 0.06rem 0.1rem;
  border-radius: 50%;
  transition: all 0.2s;
  position: relative;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
.chip-multi__icon:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.form-field-group:not(:last-child) {
  padding-bottom: 1.5rem;
}
.form-field-group__title {
  color: #969AB8;
  font-weight: 700;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
.form-field-group__description {
  color: #969AB8;
  font-size: 1.3rem;
  margin-top: 0.5rem;
}
.form-field-group__optional-desc {
  font-size: 0.9rem;
  font-weight: 600;
  color: #969AB8;
  margin-top: 0.4rem;
  text-transform: uppercase;
}
@media (min-width: 112.5em) {
.form-field-group__optional-desc {
    font-size: 0.8rem;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.kebab-menu {
  display: inline-block;
  position: relative;
}
.kebab-menu__dropdown {
  background: #FFF;
  padding: 1.5rem;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: -2rem;
  right: -1rem;
  border-radius: 0.4rem;
  border: 1px solid #EAEBF1;
  box-shadow: 0 0 6px rgba(52, 48, 61, 0.08);
}
@media (min-width: 37.5em) {
.kebab-menu__dropdown {
    padding: 1.5rem;
}
}
.kebab-menu__icon {
  font-size: 2.4rem;
}
.kebab-menu__icon--small {
  font-size: 2rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.toggle-block {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.toggle-block__before {
  margin-right: 1.2rem;
}
.toggle-block__after {
  margin-left: 1.2rem;
  opacity: 1;
}
.toggle-block--active .toggle-block__before {
  opacity: 1;
}
.toggle-block--active .toggle-block__after {
  color: #6C78E6;
  opacity: 1;
}
.toggle {
  position: relative;
  display: block;
  width: 4.4rem;
  height: 2rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
.toggle:before {
  content: "";
  position: relative;
  top: 0.2rem;
  left: 0.3rem;
  width: 4rem;
  height: 1.67rem;
  display: block;
  background: #808080;
  border-radius: 1rem;
  transition: background 0.2s ease;
}
.toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  display: block;
  background: white;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(128, 128, 128, 0.5);
  transition: all 0.2s ease;
}
.toggle span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -2rem;
  width: 6rem;
  height: 6rem;
  background: rgba(80, 77, 166, 0.5);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.toggle--active:before {
  background: #d5d4eb;
}
.toggle--active span {
  background: #504DA6;
  transform: translateX(3rem);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background(0.15s ease);
  box-shadow: 0 3px 8px rgba(80, 77, 166, 0.2);
}
.toggle--active span:before {
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.list-item-group {
  display: flex;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.list-item-subtitle {
  font-size: 1.4rem;
  line-height: 1.4;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.managers-list__activity {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #00C48C;
}
.managers-list__activity--inactive {
  background-color: #FF647C;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.list-footer__count-message, .list-footer__empty-message {
  /*border-top: 1px $color-space-lighten solid;*/
  text-align: center;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.terminals-list__circle {
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  border-radius: 50%;
  background-color: #CACCDB;
}
.terminals-list__circle--active {
  background-color: #00C48C;
}
.terminals-list .vue-recycle-scroller__item-wrapper {
  overflow: unset;
}

.mw400{
  max-width: 400px;
}


.mw400{
  max-width: 400px;
}

@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.settings__arrow {
  font-size: 1rem;
  margin-left: 1rem;
}
.settings__icon {
  position: relative;
}
.settings__chip {
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0.2rem;
  top: 0.3rem;
  border-radius: 50%;
  background-color: #FFD720;
}
.settings__chip--error {
  background-color: #FF647C;
}
.settings__chip--success {
  background-color: #00C48C;
}
.settings__notification {
  border-radius: 0.4rem;
  border: 2px solid #ffe56d;
  background-color: #fff7d3;
}
.settings__notification--error {
  border: 2px solid #FFB1BD;
  background-color: #fff3f5;
}
.settings__notification--success {
  border: 2px solid #BFF0E2;
  background-color: #f1fcf8;
}
.settings-control:hover {
  cursor: pointer;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.app-container__main {
  overflow-y: hidden;
}
@media (min-width: 75em) {
.app-container__main {
    display: flex;
}
}
.app-container__main-inner {
  overflow-y: hidden;
  flex-basis: 100%;
  overflow-x: hidden;
}
.app-container__menu {
  display: none;
  overflow-y: auto;
}
@media (min-width: 75em) {
.app-container__menu {
    display: block;
    width: 33.5rem;
    border-right: 1px #EAEBF1 solid;
    background-color: #FAFAFA;
    z-index: 1;
}
}
.app-container__hidden-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow-y: auto;
}
.app-container__hidden-menu-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 22, 46, 0.75);
}
.app-container__hidden-menu-left {
  position: absolute;
  background-color: #FFF;
  top: 6rem;
  left: 0;
  width: 33.5rem;
  overflow-y: auto;
}
.app-container__hidden-menu-left-close {
  display: none;
  position: absolute;
  top: 2.2rem;
  right: -5rem;
  z-index: 3;
}
.app-container__hidden-menu-right {
  position: absolute;
  background-color: #FFF;
  top: 6rem;
  right: 0;
  width: 33.5rem;
  overflow-y: auto;
}
.app-container__hidden-menu-right-close {
  position: absolute;
  top: 2.2rem;
  left: -5rem;
  z-index: 3;
}
.app-container__header {
  display: none;
  position: relative;
  z-index: 3;
  box-sizing: content-box;
}
@media (min-width: 37.5em) {
.app-container__header {
    display: block;
}
}
.app-container__header-sub {
  position: relative;
  z-index: 4;
}
@media (min-width: 37.5em) {
.app-container__header-sub {
    z-index: 2;
}
}
.app-container__header-sub_controls {
  position: absolute;
  width: 100%;
  top: 1.5rem;
  /*left: $default-spacing-mobile;*/
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  z-index: 3;
  /* Высота статус-бара в iOS 11.0 */
  top: 1.5rem;
  /* Высота статус-бара в iOS 11.0 */
  top: calc(constant(safe-area-inset-top));
}
@supports (top: max(0px)) {
.app-container__header-sub_controls {
    /* Высота статус-бара в iOS 11+ */
    top: max( 1.5rem , calc(env(safe-area-inset-top)) + 11.5px);
}
}
.app-container__content {
  overflow-y: auto;
}
@media (min-width: 56.25em) {
.app-container__content {
    box-shadow: inset 1px 0 6px rgba(52, 48, 61, 0.08);
}
}
.app-container__content-loader {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 50%;
  transform: translate(-50%, -110%);
  background-color: #FFF;
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
}
.app-container__content-loader > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-container__content-inner-sub {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  max-width: 120rem;
  margin: 2rem auto;
  /*&--narrow {*/
  /*  max-width: 78rem;*/
  /*}*/
}
@media (min-width: 37.5em) {
.app-container__content-inner-sub {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
@media (min-width: 56.25em) {
.app-container__content-inner-sub {
    display: flex;
}
.app-container__content-inner-sub_left {
    flex-basis: 100%;
}
.app-container__content-inner-sub_left--has-sidebar {
    padding-right: 2rem;
    flex-basis: 70%;
}
.app-container__content-inner-sub_right {
    display: none;
    flex-basis: 0;
    position: relative;
}
.app-container__content-inner-sub_right--has-sidebar {
    display: block;
    flex-basis: 30%;
    padding-left: 1rem;
}
.app-container__content-inner-sub_right > * {
    /*position: absolute;*/
    /*left: 0;*/
}
}
.app-container__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0px -2px 6px rgba(52, 48, 61, 0.08);
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.mobile-menu > * {
  width: 25%;
}
.mobile-menu__item {
  padding: 2rem 0 1.5rem 0;
  /* Высота статус-бара в iOS 11.0 */
  padding-bottom: 1.5rem;
  /* Высота статус-бара в iOS 11.0 */
  padding-bottom: calc(constant(safe-area-inset-top));
  color: #969AB8;
}
@supports (padding-bottom: max(0px)) {
.mobile-menu__item {
    /* Высота статус-бара в iOS 11+ */
    padding-bottom: max( 1.5rem , calc(env(safe-area-inset-top) ));
}
}
.mobile-menu__item:link, .mobile-menu__item:visited {
  color: #969AB8;
}
.mobile-menu__item--active:link, .mobile-menu__item--active:visited {
  color: #6C78E6;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.menu__item-icon:before {
  color: #969AB8;
  font-weight: normal;
}
.menu__item-icon:before:hover, .menu__item-icon:before:active {
  color: #B5BBF2;
}
.menu__item-icon--green:before {
  color: #00C48C;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.menu__item-icon--green:before {
    background-image: linear-gradient(90deg, #3E9EB1 0%, #5BC500 100%);
    color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
}
}
.menu__contract-container {
  background-color: #FFF;
  padding: 2rem 1.5rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1.5px solid #EAEBF1;
}
.menu__contract-container-right {
  flex-basis: 2rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu__container {
  padding-top: 1rem;
  overflow-y: auto;
}
.menu__container > * {
  padding: 0.5rem 1.5rem;
  color: #969AB8;
}
@media (min-width: 37.5em) {
.menu__container > * {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
.menu__container > *:hover, .menu__container > *:active {
  color: #B5BBF2;
}
.menu__container > *:hover .menu__item-icon:before, .menu__container > *:active .menu__item-icon:before {
  color: #B5BBF2;
}
.menu__item-link--active, .menu__item-link--active:link {
  color: #6e6bbb !important;
}
.menu__item-link--active > .menu__item-icon:before, .menu__item-link--active:link > .menu__item-icon:before {
  color: #6e6bbb !important;
}
.menu__contract-list-item {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.menu__contract-list-item:hover {
    background-color: rgba(19, 22, 46, 0.08);
}
}
.menu__contract-icon {
  color: #969AB8;
  border: 1.5px solid #969AB8;
  border-radius: 50%;
  padding: 0.3rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.burger {
  height: 1.1rem;
  width: 3rem;
  position: relative;
  z-index: 9;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.burger:active {
  -webkit-tap-highlight-color: transparent;
}
.burger__item {
  width: 3rem;
  height: 2px;
  background: #00C48C;
  position: absolute;
  left: 0;
  /*transition: .2s ease-in-out;*/
  border-radius: 0.4rem;
}
.burger__item-1 {
  top: 0;
}
.burger__item-2 {
  bottom: 0;
}
.burger--active {
  height: 1.55rem;
}
.burger--active .burger__item {
  top: 50% !important;
}
.burger--active .burger__item-1 {
  transform: rotate(45deg);
}
.burger--active .burger__item-2 {
  transform: rotate(-45deg);
  bottom: unset;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.header {
  height: 6rem;
  background-color: #FFF;
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 37.5em) {
.header {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
.header__logo {
  cursor: pointer;
}
.header__logo-icon {
  height: 2.9rem;
  width: 12.1rem;
  padding-top: 0.4rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.color-select__container {
  display: flex;
}
.color-select__item {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
}
.color-select__item--active {
  border-color: #e5d81c;
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
}
.color-select__item:not(:last-child) {
  margin-right: 1rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.list-item-icon {
  flex-grow: 0;
  flex-shrink: 0;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: #CACCDB;
  margin-right: 1.5rem;
  /*margin-top: 1.7px;*/
  position: relative;
}
.list-item-icon > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 28px;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.chip {
  font-weight: 500;
  padding: 0.4rem 1.5rem;
  border-radius: 1.5rem;
  font-size: 1.2rem;
  background: rgba(108, 120, 230, 0.15);
  color: #6C78E6;
}
.chip--success {
  background: rgba(0, 196, 140, 0.15);
  color: #00C48C;
}
.chip--error {
  background: rgba(255, 100, 124, 0.15);
  color: #FF647C;
}
.chip--info {
  background: rgba(240, 161, 87, 0.15);
  color: #F0A157;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.qr-code {
  position: relative;
}
.qr-code__code {
  width: 25rem;
  height: 25rem;
}
.qr-code__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.qr-code__loading-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  opacity: 0.9;
}
.qr-code__spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.voucher {
  width: 28.8rem;
  background-color: #FFF;
}
.voucher__merchant {
  font-weight: 500;
  font-size: 2.4rem;
}
.voucher__data-row {
  display: flex;
  justify-content: space-between;
  font-size: 1.1rem;
}
.voucher__data-row:not(:last-child) {
  margin-bottom: 0.5rem;
}
.voucher__delimiter {
  border-bottom: 2px #313976 dashed;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.orders-list {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
@media (min-width: 37.5em) {
.orders-list {
    margin-left: -2.2rem;
    margin-right: -2.2rem;
}
}
.orders-list__group:not(:last-child) {
  margin-bottom: 2rem;
}
.orders-list__order-data-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px #DFE0E9 dashed;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.box {
  background: #FFF;
  padding: 1.5rem;
  /*overflow: hidden;*/
  position: relative;
  border-radius: 1rem;
  border: 1px solid #EAEBF1;
  box-shadow: 0 0 6px rgba(52, 48, 61, 0.08);
}
@media (hover: hover) and (pointer: fine) {
.box--clickable:hover {
    cursor: pointer;
}
}
@media (min-width: 37.5em) {
.box {
    padding: 2.2rem;
}
}
.box--green {
  background-color: #00C48C;
}
.box--info {
  background-color: #B9AE15;
}
.box--outline {
  box-sizing: initial;
}
.box--outline.box--info {
  background-color: #FFF;
  border-color: #F0A157;
}
.box--outline.box--green {
  background-color: #FFF;
  border-color: #00C48C;
}
.box--small {
  padding: 10px;
}
.box--x-small {
  padding: 3px 10px;
}
.box--full-height {
  height: 100%;
}
.box--full-width {
  width: 100%;
}
.box__icon {
  font-size: 1.8rem;
}
.box__header {
  display: flex;
}
.box__controls {
  margin-left: auto;
  margin-right: -1rem;
}
.box__controls > * {
  display: inline-block;
  font-size: 1.8rem !important;
}
.box__controls > * > a {
  color: #13162E;
}
.box__controls > * > a:link {
  font-size: 1.8rem !important;
  color: #13162E;
}
.box__title {
  width: 90%;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.grab-control {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  font-size: 2.3rem;
  /*margin-top: .11rem;*/
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.latest-orders__btn {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.card {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  background-color: #34303D;
  color: #FFF;
}
.card__header {
  position: relative;
}
.card__header-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #CACCDB;
  opacity: 0.1;
}
.card__content, .card__header {
  padding: 1.5rem;
}
@media (min-width: 37.5em) {
.card__content, .card__header {
    padding: 1.5rem;
}
}
.card__controls {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.card__controls > * {
  font-size: 1.8rem !important;
}
.card__controls > * > a {
  color: #FFF;
}
.card__controls > * > a:link {
  font-size: 1.8rem !important;
  color: #FFF;
}
.card__gradient {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(181, 187, 242, 0.4) 0%, rgba(19, 22, 46, 0.4) 100%);
  opacity: 0.4;
}
.card--purple {
  background-color: #6C78E6;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.deposit-balance-content {
  display: flex;
}
.deposit-balance-content__left {
  width: 60%;
}
.deposit-balance-content__right {
  width: 40%;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.bills-stat-content {
  display: flex;
}
.bills-stat-content__left {
  width: 60%;
}
.bills-stat-content__right {
  width: 40%;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
video {
  max-width: 100%;
  max-height: 100%;
}
.scanner-container {
  position: relative;
  min-height: 30rem;
}
.scanner-container__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay-element {
  position: absolute;
  top: 0;
  width: 100%;
  height: 99%;
  background: rgba(30, 30, 30, 0.5);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 20% 100%, 20% 20%, 80% 20%, 80% 80%, 20% 80%, 20% 100%, 100% 100%, 100% 0%);
  clip-path: polygon(0% 0%, 0% 100%, 20% 100%, 20% 20%, 80% 20%, 80% 80%, 20% 80%, 20% 100%, 100% 100%, 100% 0%);
}

/*.laser {*/
/*  width: 60%;*/
/*  margin-left: 20%;*/
/*  background-color: tomato;*/
/*  height: 1px;*/
/*  position: absolute;*/
/*  top: 40%;*/
/*  z-index: 2;*/
/*  box-shadow: 0 0 4px red;*/
/*  -webkit-animation: scanning 2s infinite;*/
/*  animation: scanning 2s infinite;*/
/*}*/
/*@-webkit-keyframes scanning {*/
/*  50% {*/
/*    -webkit-transform: translateY(75px);*/
/*    transform: translateY(75px);*/
/*  }*/
/*}*/
/*@keyframes scanning {*/
/*  50% {*/
/*    -webkit-transform: translateY(75px);*/
/*    transform: translateY(75px);*/
/*  }*/
/*}*/
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.qr-code-scan__icon {
  color: #00C48C;
  font-size: 3rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.dashboard-add-order__icon {
  color: #00C48C;
  padding: 0.2rem;
  border: 2px solid currentColor;
  border-radius: 50%;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.dashboard-actions {
  position: relative;
}
.dashboard-actions__controls {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}
.dashboard-actions__controls > * {
  font-size: 1.8rem !important;
}
.dashboard-actions__controls > * > a {
  color: #13162E;
}
.dashboard-actions__controls > * > a:link {
  font-size: 1.8rem !important;
  color: #13162E;
}
.dashboard-actions--with-controls .dashboard-actions__inner {
  padding-top: 4rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.sub-page-header {
  position: relative;
  padding-bottom: 1.5rem;
  transition: all 0.1s;
  z-index: 2;
}
.sub-page-header__inner {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.sub-page-header__inner--narrow {
  max-width: 78rem;
}
@media (min-width: 37.5em) {
.sub-page-header__inner {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
.sub-page-header__inner-sub {
  display: flex;
  justify-content: space-between;
}
.sub-page-header__inner-sub_left {
  position: relative;
  flex-shrink: 0;
  flex-basis: 70%;
}
.sub-page-header__inner-sub_right {
  position: relative;
  flex-shrink: 0;
  flex-basis: 30%;
}
.sub-page-header__item {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all;
  font-weight: 700;
}
.sub-page-header__item--right {
  left: unset;
  right: 0;
}
@media (min-width: 37.5em) {
.sub-page-header {
    box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
}
}
.sub-page-header--elevated {
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.sub-page-controls {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  /*padding-top: $default-spacing-mobile;
  padding-right: 0;*/
  /*&--narrow {*/
  /*  max-width: 78rem;*/
  /*}*/
}
.sub-page-controls > * {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 37.5em) {
.sub-page-controls {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
}
.sub-page-controls > * {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.dashboard-notification {
  border-radius: 0.4rem;
  border: 2px solid #ffe56d;
  background-color: #fff7d3;
}
.dashboard-notification--error {
  border: 2px solid #FFB1BD;
  background-color: #fff3f5;
}
.dashboard-notification--success {
  border: 2px solid #BFF0E2;
  background-color: #f1fcf8;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.add-widget__btn {
  background: none;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border: 1px dashed #CACCDB;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.add-widget__btn:active {
  outline: none;
}
.add-widget__btn:hover {
  cursor: pointer;
}
.add-widget__icon {
  font-size: 2.4rem;
  padding: 0.8rem;
  border-radius: 50%;
  border: 1px solid #969AB8;
  color: #969AB8;
  margin-bottom: 1rem;
}
.add-widget__text {
  color: #969AB8;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2rem;
}
@media (min-width: 37.5em) {
.add-widget__modal {
    display: flex;
    justify-content: stretch;
}
}
@media (min-width: 37.5em) {
.add-widget__modal-menu {
    border-right: 1px #EAEAEA solid;
    width: 25%;
}
}
.add-widget__modal-menu-item {
  color: #13162E;
}
.add-widget__modal-menu-item:link, .add-widget__modal-menu-item:visited {
  color: #13162E;
}
.add-widget__modal-menu-item:hover, .add-widget__modal-menu-item--active {
  background-color: #e6e5f3;
}
.add-widget__modal-menu-item:hover:link, .add-widget__modal-menu-item:hover:visited, .add-widget__modal-menu-item--active:link, .add-widget__modal-menu-item--active:visited {
  color: #222752;
}
.add-widget__modal-menu-item--active {
  background-color: #edecf6;
}
.add-widget__modal-content {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #FFF;
  overflow-y: auto;
}
@media (min-width: 37.5em) {
.add-widget__modal-content {
    width: 75%;
    height: initial;
    position: initial;
    top: initial;
    left: initial;
    z-index: initial;
}
}
.add-widget__opts {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*height: inherit;*/
}
.add-widget__opts > * {
  width: 100%;
  margin-top: 2rem;
}
@media (min-width: 37.5em) {
.add-widget__opts > .add-widget__opts-left {
    width: 100%;
}
.add-widget__opts > .add-widget__opts-right {
    width: 100%;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.dashboard-content {
  display: flex;
  justify-content: stretch;
  margin-left: -0.6rem;
  margin-top: 1rem;
  flex-wrap: wrap;
  min-width: 98rem;
  overflow-x: auto;
}
.dashboard-content > * {
  width: 100%;
  padding: 1rem;
}
@media (min-width: 37.5em) {
.dashboard-content > * {
    width: 33.33%;
}
}
@media (min-width: 56.25em) {
.dashboard-content > * {
    width: 33.33%;
}
}
.dashboard-content__col, .dashboard-content__add {
  padding-bottom: 4rem;
}
.dashboard-content__col-item, .dashboard-content__add-item {
  margin-bottom: 1.5rem;
}
.dashboard-content__col-item--hide, .dashboard-content__add-item--hide {
  margin-bottom: 0;
}
.dashboard-content__col-3, .dashboard-content__add-3 {
  padding-bottom: 2rem;
}
.StackedList {
  outline: none;
}
.StackedListItem--isDraggable {
  outline: none;
}
.draggable-mirror {
  z-index: 1;
}
.draggable-mirror > * {
  transform: rotate(4.26deg);
}
.draggable-source--is-dragging {
  background-color: #F9F9FB;
  border-radius: 1rem;
}
.draggable-source--is-dragging > * {
  visibility: hidden;
}
.dashboard-content-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 4;
  top: 0;
  left: 0;
  background-color: #FFF;
}
.dashboard-content-loading__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.swiper {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.swiper__pagination {
  display: flex;
  justify-content: center;
}
.swiper__main-group {
  align-self: flex-start;
  overflow-x: hidden;
  flex: 0 1 auto;
  position: relative;
}
.swiper__main-group_inner {
  display: flex;
}
.swiper__main-group_inner--transition {
  transition: all 0.2s;
}
.swiper__main-group_inner > * {
  flex: 0 0 auto;
  width: 90%;
  padding-left: 1.5rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.swiper__item {
  min-height: 100px;
  background-color: #A2A2A2;
  width: 80%;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.pin-code {
  height: 100vh;
}
@supports (height: calc(var(--vh, 1vh) * 100)) {
.pin-code {
    height: calc(var(--vh, 1vh) * 100);
}
}
.pin-code__top {
  height: 50%;
  padding: 1.5rem 1.5rem 3rem;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pin-code__top--set {
  height: calc(50% - 6.2rem);
}
.pin-code__merchant {
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
}
.pin-code__logo {
  display: none;
  justify-content: center;
  margin-bottom: auto;
  margin-top: 1rem;
}
.pin-code__logo-icon {
  width: 17.5rem;
  height: 4rem;
}
.pin-code__counter {
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.pin-code__counter-item {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.5rem;
  border-radius: 50%;
  background-color: #6C78E6;
  opacity: 0.4;
  transition: all 0.2s;
}
.pin-code__counter-item--active {
  opacity: 1;
}
.pin-code__counter-item--error {
  background-color: #FF647C;
  transform: scale(1.2);
  opacity: 0.8;
}
.pin-code__bottom {
  height: 50%;
  background-color: #EFEFF4;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  overflow: hidden;
  transition: all 0.2s;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  /* Высота статус-бара в iOS 11.0 */
  padding-bottom: 1rem;
  /* Высота статус-бара в iOS 11.0 */
  padding-bottom: calc(constant(safe-area-inset-top));
}
@supports (padding-bottom: max(0px)) {
.pin-code__bottom {
    /* Высота статус-бара в iOS 11+ */
    padding-bottom: max( 1rem , calc(env(safe-area-inset-top) ));
}
}
.pin-code__bottom > * {
  width: 33.3333333333vw;
  height: 12.5vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pin-code__save-area {
  height: 6.2rem;
}
.pin-code__save-btn {
  border-radius: 0;
  height: 6.2rem;
}
.pin-code__number, .pin-code__number:link {
  font-size: 3.2rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.1s;
}
.pin-code__number:active, .pin-code__number:link:active {
  background-color: #e0e0ea;
}
.pin-code__number--exit {
  font-size: 2rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.icon-close {
  opacity: 1 !important;
}
.modal__header > div {
  opacity: 1 !important;
}
.restore {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-width: 28rem;
  position: relative;
  height: 90vh;
}
@supports (height: calc(var(--vh, 1vh) * 90)) {
.restore {
    height: calc(var(--vh, 1vh) * 90);
}
}
@media (min-width: 31.25em) {
.restore {
    justify-content: space-between;
}
}
.restore__title {
  margin-top: calc(5rem + env(safe-area-inset-top));
  margin-bottom: 1rem;
  font-weight: 200;
  font-size: 2rem;
  order: 1;
  font-style: normal;
  line-height: 130%;
  color: #8C8C8C;
}
.restore__text {
  font-size: 2rem;
  margin-bottom: 5rem;
}
.restore__inner {
  padding: 2rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  align-self: center;
  max-width: 40rem;
  text-align: center;
  /*padding: 3rem 5rem;*/
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 22.5em) {
.restore__inner {
    /*padding: 5rem 5rem;*/
}
}
@media (min-width: 31.25em) {
.restore__inner {
    border-radius: 1.5rem;
}
}
.restore__content {
  width: 100%;
}
.restore__credentials {
  max-width: 30rem;
  margin: auto;
}
.step__counter {
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.step__counter-item {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.5rem;
  border-radius: 50%;
  background-color: #6C78E6;
  opacity: 0.4;
  transition: all 0.2s;
}
.step__counter-item--active {
  opacity: 1;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 28rem;
  position: relative;
  height: 100vh;
}
.login__language {
  position: absolute;
  z-index: 1;
  top: 1.5rem;
  right: 1.5rem;
  /* Высота статус-бара в iOS 11.0 */
  top: 1.5rem;
  /* Высота статус-бара в iOS 11.0 */
  top: calc(constant(safe-area-inset-top));
}
@media (min-width: 37.5em) {
.login__language {
    top: 2.2rem;
    right: 2.2rem;
}
}
@supports (top: max(0px)) {
.login__language {
    /* Высота статус-бара в iOS 11+ */
    top: max( 1.5rem , calc(env(safe-area-inset-top)) + 11.5px);
}
}
@supports (height: calc(var(--vh, 1vh) * 100)) {
.login {
    height: calc(var(--vh, 1vh) * 100);
}
}
@media (min-width: 31.25em) {
.login {
    justify-content: center;
}
}
.login__title {
  margin-top: calc(5rem + env(safe-area-inset-top));
  margin-bottom: 2rem;
  font-weight: 200;
  font-size: 2rem;
  order: 1;
}
@media (min-width: 22.5em) {
.login__title {
    margin-bottom: 4rem;
}
}
.login__inner {
  padding: 2rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  align-self: center;
  max-width: 50rem;
  background-color: rgba(239, 239, 244, 0.4);
  border-radius: 1.5rem;
  text-align: center;
  order: 2;
  /*padding: 3rem 5rem;*/
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 22.5em) {
.login__inner {
    /*padding: 5rem 5rem;*/
}
}
@media (min-width: 31.25em) {
.login__inner {
    border-radius: 1.5rem;
}
}
.login__content {
  width: 100%;
}
.login__logo {
  margin-top: 2rem;
  width: 20rem;
  height: 3.5rem;
}
.login__register {
  margin-top: 3rem;
  margin-bottom: 2rem;
  order: 3;
}
.login__forget {
  margin-bottom: 2rem;
  order: 3;
}
.login__preview {
  position: absolute;
  background-color: #FFF;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grecaptcha-badge {
  display: none;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.sub-page-actions {
  position: relative;
}
.sub-page-actions__block {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.sub-page-hero {
  background-color: #EFEFF4;
  box-shadow: 0px 2px 6px rgba(52, 48, 61, 0.08);
  position: relative;
  z-index: 1;
}
.sub-page-hero > * {
  width: 100%;
}
.sub-page-hero__inner {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  /*&--without-controls {*/
  /*  max-width: 78rem;*/
  /*}*/
}
@media (min-width: 37.5em) {
.sub-page-hero__inner {
    padding: 2.2rem;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.goldshop__promotion_video {
  width: 100%;
  cursor: pointer;
}
.goldshop .box p {
  margin-bottom: 20px;
}
.goldshop .box ol {
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.b-typography {
  line-height: 1.4;
}
.b-typography p, .b-typography__paragraph {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.6rem;
}
.b-typography ol {
  padding-left: 1.6rem;
  font-size: 1.6rem;
}
.b-typography ol > li {
  text-align: start;
  padding-top: 1rem;
}
.b-typography__text-block {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.btn-filter {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
}
.btn-filter > * {
  flex-grow: 0;
}
.btn-filter--vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@supports (scrollbar-width: none) {
.btn-filter {
    scrollbar-width: none;
}
}
.btn-filter::-webkit-scrollbar {
  display: none;
}
.btn-filter__whitespace-right {
  padding-right: 1.5rem;
}
.btn-filter--no-padding {
  padding-left: 0;
}
.btn-filter--no-padding .btn-filter__whitespace-right {
  padding-right: 0;
}
.btn-filter--vertical .btn-filter__whitespace-right {
  display: none;
}
.btn-filter > *:not(:nth-last-child(2)) {
  margin-right: 1rem;
}
.btn-filter--vertical > *:not(:nth-last-child(2)) {
  margin-right: 0;
  margin-bottom: 1rem;
}
.btn-filter > *:last-child {
  margin-right: 0;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.orders__group:not(:last-child) {
  margin-bottom: 2rem;
}
.orders__footer {
  border-top: 1px #D2D2D2 solid;
  text-align: center;
}
.color-preview__inner > *:not(:last-child) {
  margin-right: 1rem;
}
.color-preview__tag {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  vertical-align: middle;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.bills__group:not(:last-child) {
  margin-bottom: 2rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.documents {
  width: 90vw;
  height: 90vh;
}
.documents__container {
  width: 100%;
  height: 100%;
  padding-top: 2rem;
}
.documents__list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 37.5em) {
.documents__list {
    grid-template-columns: repeat(2, 1fr);
}
}
.documents__item_wrapper {
  height: 100%;
}
.documents__notification {
  border-radius: 0.4rem;
  border: 2px solid #ffe56d;
  background-color: #fff7d3;
}
.box {
  height: 100%;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.payments-list__group:not(:last-child) {
  margin-bottom: 2rem;
}
.payments-list__modal-download {
  display: block;
  border-radius: 1.5rem;
  border: 1px #CACCDB solid;
}
.payments-list__modal-download-icon {
  color: #969AB8;
  font-size: 10rem;
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.promo-materials__images-grid {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr;
}
.promo-materials__images-grid > img {
  width: 100%;
}
.promo-materials__section {
  display: flex;
  flex-direction: column;
}
.promo-materials__section:not(:last-of-type) {
  padding-bottom: 5rem;
  /*border-bottom: 1px $color-space-lighten solid;*/
}
.promo-materials__section:not(:first-of-type) {
  padding-top: 5rem;
}
@media (min-width: 37.5em) {
.promo-materials__section {
    align-items: center;
    flex-direction: row;
}
}
@media (min-width: 37.5em) {
.promo-materials__section {
    margin-left: -2rem;
    margin-right: -2rem;
}
}
@media (min-width: 37.5em) {
.promo-materials__section-left, .promo-materials__section-right {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
.promo-materials__section-left {
  flex-basis: 100%;
}
@media (min-width: 37.5em) {
.promo-materials__section-left {
    flex-basis: 50%;
}
}
.promo-materials__section-right {
  flex-basis: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 37.5em) {
.promo-materials__section-right {
    flex-basis: 50%;
    margin-bottom: unset;
}
}
.promo-materials__section--single {
  display: block;
  text-align: center;
}
@media (min-width: 37.5em) {
.promo-materials__section--single {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
.promo-materials__section--reverse {
  flex-direction: column-reverse;
}
@media (min-width: 37.5em) {
.promo-materials__section--reverse {
    align-items: center;
    flex-direction: row;
}
}
.promo-materials__banner {
  border-radius: 4px;
  border: 1px solid #EBECEE;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.promo-materials__banner-horizontal {
  width: 100%;
}
@media (min-width: 56.25em) {
.promo-materials__banner-horizontal {
    width: 50%;
}
}
.promo-materials__banner-vertical {
  width: 100%;
}
@media (min-width: 31.25em) {
.promo-materials__banner-vertical {
    width: 25%;
}
}
.promo-materials__banner-inner {
  padding: 12px 7px;
  display: flex;
  justify-content: center;
}
.promo-materials__banner-inner img {
  width: 100%;
}
.promo-materials__banner-footer {
  padding: 12px 7px;
  border-top: 1px solid #EBECEE;
  display: flex;
  justify-content: center;
}
.promo-materials__banner-list {
  margin: 0 -1rem;
}
.promo-materials__section-heading {
  font-size: 2.6rem;
}
@media (min-width: 37.5em) {
.promo-materials__section-heading {
    font-size: 3.6rem;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.action-input {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.action-input__input {
  padding: 1rem;
  width: 100%;
}
@media (min-width: 37.5em) {
.action-input__input {
    width: 75%;
}
}
.action-input__button {
  padding: 1rem;
  width: 100%;
}
@media (min-width: 37.5em) {
.action-input__button {
    width: 25%;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.row .col-12, .row .col-4, .row .col-8, .row .col-3, .row .col-9 {
  width: 100%;
  padding: 1rem;
}
@media (min-width: 37.5em) {
.row .col-9 {
    width: 75%;
}
}
@media (min-width: 37.5em) {
.row .col-3 {
    width: 25%;
}
}
@media (min-width: 56.25em) {
.row .col-8 {
    width: 66.666667%;
}
}
@media (min-width: 56.25em) {
.row .col-4 {
    width: 33.333333%;
}
}
@charset "UTF-8";
/*! autoprefixer grid: off */
/*
$breakpoint argument choice
- phone-medium
- phone-large
- phone-x-large
- tab-port
- tab-land
- small-desktop
- big-desktop
- huge-desktop
*/
/*
$orientation argument choice
- land
- port
*/
/*
$num — Computed vh size. Needed for fix mobile bug on mobile devices on the bottom.
*/