a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }

body { line-height: 1; }

ol,
ul { list-style: none; }

blockquote,
q { quotes: none; }

blockquote::after,
blockquote::before,
q::after,
q::before { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*
 * Using into webpackMix for additional data
 */
.list-item + .list-item {
  margin-top: 1rem;
}
.list-item + .list-item--blue {
  margin-top: 1.6666666667rem;
}
.list-item + .list-item--cobalt {
  margin-top: 2rem;
}

.spacing--top-green {
  margin-top: 1rem;
}
.spacing--top-pink {
  margin-top: 1.3333333333rem;
}
.spacing--top-yellow {
  margin-top: 0.6666666667rem;
}
.spacing--top-cobalt {
  margin-top: 2rem;
}
.spacing--bottom-pink {
  margin-bottom: 1.3333333333rem;
}

:root {
  --base: hsla(224, 15%, 15%, 1);
  --system: hsla(224, 15%, 65%, 1);
  --surface: hsla(0, 0%, 100%, 1);
  --background: hsla(220, 20%, 96%, 1);
  --brand: hsla(220, 100%, 50%, 1);
  --interactive: hsla(220, 100%, 50%, 1);
  --critical: hsla(5, 80%, 65%, 1);
  --success: hsla(100, 55%, 50%, 1);
  --warning: hsla(35, 100%, 65%, 1);
  --textBase: var(--base);
  --textBaseInverse: var(--surface);
  --textSecondary: hsla(224, 15%, 60%, 1);
  --textBrand: var(--brand);
  --textSuccess: hsla(100, 55%, 35%, 1);
  --textWarning: hsla(35, 100%, 50%, 1);
  --textCritical: hsla(5, 80%, 50%, 1);
  --textLinkInteractive: var(--interactive);
  --textLinkInteractiveHover: hsla(220, 100%, 35%, 1);
  --textLinkSecondary: hsla(224, 15%, 60%, 1);
  --textLinkSecondaryHover: hsla(224, 15%, 45%, 1);
  --textBaseAccent: linear-gradient(90deg, var(--base) 0%, hsla(224, 15%, 15%, 0.5) 100%);
  --textSecondaryAccent: linear-gradient(90deg, hsla(224, 15%, 60%, 1) 0%, hsla(224, 15%, 60%, 0.5) 100%);
  --textBrandAccent: linear-gradient(90deg, var(--brand) 0%, hsla(220, 100%, 50%, 0.5) 100%);
  --textLinkBase: var(--base);
  --backgroundBase: var(--background);
  --backgroundSurface: var(--surface);
  --backgroundSurfaceInverse: hsla(0, 0%, 17%, 1);
  --backgroundOverlayPage: hsla(220, 20%, 35%, 0.85);
  --backgroundBrandAccent: linear-gradient(270deg, var(--brand) 0%, hsla(220, 100%, 70%, 1) 100%);
  --backgroundWarningAccent: linear-gradient(270deg, var(--warning) 0%, hsla(35, 100%, 85%, 1) 100%);
  --backgroundSuccessAccent: linear-gradient(270deg, var(--success) 0%, hsla(100, 55%, 70%, 1) 100%);
  --backgroundCriticalAccent: linear-gradient(270deg, var(--critical) 0%, hsla(5, 80%, 85%, 1) 100%);
  --backgroundSystemAccent: linear-gradient(270deg, var(--system) 0%, hsla(224, 15%, 85%, 1) 100%);
  --backgroundWarning: hsla(35, 100%, 65%, 0.2);
  --backgroundSuccess: hsla(100, 55%, 50%, 0.2);
  --backgroundCritical: hsla(5, 80%, 65%, 0.2);
  --backgroundSystem: hsla(224, 15%, 65%, 0.2);
  --backgroundBrand: hsla(220, 100%, 50%, 0.2);
  --backgroundBrandLight: hsla(220, 100%, 50%, 0.1);
  --borderBase: hsla(220, 20%, 80%, 1);
  --borderBaseHover: hsla(220, 20%, 60%, 1);
  --borderSecondary: hsla(220, 20%, 90%, 1);
  --borderSecondaryHover: hsla(220, 20%, 70%, 1);
  --borderSecondaryInverse: hsla(220, 20%, 26%, 1);
  --borderSecondaryInverseHover: hsla(220, 20%, 46%, 1);
  --borderPrimary: var(--brand);
  --borderPrimaryHover: hsla(220, 100%, 30%, 1);
  --borderWarning: var(--warning);
  --borderWarningHover: hsla(35, 100%, 45%, 1);
  --borderSuccess: var(--success);
  --borderSuccessHover: hsla(100, 55%, 30%, 1);
  --borderCritical: var(--critical);
  --borderCriticalHover: hsla(5, 80%, 45%, 1);
  --borderLinkInteractive: hsla(220, 100%, 50%, 0.6);
  --borderLinkInteractiveHover: hsla(220, 100%, 35%, 0.6);
  --borderLinkBase: hsla(224, 15%, 15%, 0.6);
  --borderLinkSecondary: hsla(224, 15%, 60%, 0.6);
  --borderLinkSecondaryHover: hsla(224, 15%, 45%, 0.6);
  --controlBrandBackground: var(--brand);
  --controlBrandBackgroundHover: hsla(220, 100%, 35%, 1);
  --controlBrandInverseBackground: var(--surface);
  --controlBrandInverseBackgroundHover: hsla(0, 0%, 100%, 0.75);
  --controlBrandInverseText: var(--brand);
  --controlBrandInverseTextHover: hsla(220, 100%, 35%, 1);
  --controlBrandText: hsla(224, 15%, 100%, 1);
  --controlFlatSystemText: var(--system);
  --controlFlatSystemTextHover: hsla(224, 15%, 50%, 1);
  --controlSecondaryBrandBackground: hsla(220, 100%, 50%, 0.1);
  --controlSecondaryBrandBackgroundHover: hsla(220, 100%, 35%, 0.25);
  --controlSecondaryBrandBackgroundInverse: hsla(220, 100%, 90%, 0.1);
  --controlSecondaryBrandBackgroundInverseHover: hsla(220, 100%, 70%, 0.1);
  --controlSecondaryBrandText: hsla(220, 100%, 35%, 1);
  --controlSecondaryBrandTextInverse: hsla(220, 100%, 80%, 1);
  --controlOutlineBorder: var(--borderBase);
  --controlOutlineBorderHover: var(--borderBaseHover);
  --controlOutlineText: var(--textLinkBase);
  --controlOutlineBrandBorder: hsla(220, 100%, 50%, 0.5);
  --controlOutlineBrandBorderHover: var(--brand);
  --controlOutlineBrandBorderInverse: hsla(220, 100%, 80%, 0.5);
  --controlOutlineBrandBorderInverseHover: hsla(220, 100%, 85%, 1);
  --controlOutlineBrandText: var(--brand);
  --controlOutlineBrandTextInverse: hsla(220, 100%, 75%, 1);
  --controlFlatBrandText: var(--brand);
  --controlFlatBrandTextHover: hsla(220, 100%, 35%, 1);
  --controlCriticalBackground: hsla(5, 80%, 65%, 0.15);
  --controlCriticalBackgroundHover: hsla(5, 80%, 50%, 0.15);
  --controlCriticalText: hsla(5, 80%, 50%, 1);
  --controlCriticalTextHover: hsla(5, 80%, 40%, 1);
  --controlSuccessBackground: hsla(100, 55%, 50%, 0.15);
  --controlSuccessBackgroundHover: hsla(100, 55%, 35%, 0.15);
  --controlSuccessText: hsla(100, 55%, 35%, 1);
  --controlWarningBackground: hsla(35, 100%, 65%, 0.15);
  --controlWarningBackgroundHover: hsla(35, 100%, 50%, 0.15);
  --controlWarningText: hsla(35, 100%, 50%, 1);
  --controlBaseBackground: hsla(224, 15%, 100%, 1);
  --controlBaseBackgroundHover: hsla(224, 15%, 15%, 0.05);
  --controlBaseText: hsla(224, 15%, 60%, 1);
  --controlBaseTextHover: var(--base);
  --controlBaseTextActive: var(--base);
  --controlFlatWhiteText: hsla(0, 0%, 100%, 1);
  --controlFlatWhiteTextHover: hsla(0, 0%, 75%, 1);
  --inputBaseBackground: var(--surface);
  --inputBaseBackgroundInverse: hsla(0, 0%, 17%, 1);
  --inputBaseBorder: hsla(220, 20%, 80%, 1);
  --inputBaseBorderHover: hsla(220, 100%, 50%, 1);
  --inputBaseBorderFocus: var(--interactive);
  --inputBaseBorderError: var(--critical);
  --inputBaseBorderErrorHover: hsla(5, 80%, 50%, 1);
  --inputBaseText: hsla(224, 15%, 40%, 1);
  --inputBaseTextInverse: hsla(224, 15%, 100%, 1);
  --inputBaseTextPlaceholder: hsla(224, 15%, 80%, 1);
  --inputBaseTextPlaceholderInverse: hsla(224, 15%, 80%, 1);
  --inputBaseTextHover: var(--base);
  --inputBaseTextInverseHover: hsla(224, 15%, 90%, 1);
  --inputBaseTextFocus: var(--base);
  --inputBaseTextInverseFocus: hsla(224, 15%, 90%, 1);
  --inputBaseTextError: hsla(5, 80%, 50%, 1);
  --inputBaseError: 0 0 0 0.1666666667rem rgba(237, 106, 94, 0.2);
  --inputBaseFocus: 0 0 0 0.1666666667rem rgba(0, 85, 255, 0.2);
  --inputBaseIconWarning: #ff9500;
  --inputBaseIconWarningHover: #cc7700;
  --inputBaseIconBrand: #0055ff;
  --inputBaseIconBrandHover: #003cb3;
  --inputSystemBackground: var(--background);
  --inputSystemBackgroundHover: hsla(220, 20%, 91%, 1);
  --inputSystemBackgroundFocus: hsla(220, 20%, 99%, 1);
  --inputSystemTextPlaceholder: hsla(224, 15%, 60%, 1);
  --inputSystemTextHover: var(--base);
  --inputSystemText: hsla(224, 15%, 40%, 1);
  --inputSystemBackgroundError: hsla(5, 80%, 65%, 0.1);
  --shadowBase: 0 0.1666666667rem 1rem rgba(33, 36, 44, 0.2);
  --shadowSuccess: 0 0.1666666667rem 1rem rgba(104, 198, 57, 0.25);
  --shadowWarning: 0 0.1666666667rem 1rem rgba(255, 181, 77, 0.25);
  --shadowCritical: 0 0.1666666667rem 1rem rgba(237, 106, 94, 0.25);
  --gradientCardGreen: linear-gradient(95.48deg, #e9feff 2.25%, #fafeff 100%);
  --gradientCardBlue: linear-gradient(179.11deg, rgba(170, 235, 255, 0.02) 0.81%, rgba(170, 241, 255, 0.15) 99.28%), #fff;
}

body,
button,
input,
textarea,
.button {
  font-family: "inter", -apple-system, blinkmacsystemfont, "Helvetica", "Arial", sans-serif;
}

body {
  font-size: 1.1666666667rem;
  color: var(--textBase);
  background-color: var(--backgroundBase);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-width: 320px;
}

html {
  font-size: 12px;
}
@media (min-width: 1200px) {
  html {
    font-size: 1vw;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 14.4px;
  }
}

.layout {
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: padding-right 0.3s ease;
}
.layout__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  transition: 0.3s ease;
  transition-property: margin-left, margin-right;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1200px) {
  .layout__container {
    max-width: 56.6666666667rem;
  }
}
.layout__slot {
  padding-bottom: 2.6666666667rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.layout--teletype {
  padding-bottom: 6.6666666667rem;
}
@media (max-width: 1199px) {
  .layout {
    padding-top: 4.6666666667rem;
  }
}
@media (min-width: 1200px) {
  .layout--navigation-space {
    padding-left: 20rem;
  }
  .layout--aside {
    padding-right: 20rem;
  }
  .layout__aside {
    padding: 1.6666666667rem;
    background-color: var(--backgroundSurface);
    border-left: 1px solid var(--borderSecondary);
    position: fixed;
    top: 0;
    right: 0;
    width: 20rem;
    height: 100vh;
    min-height: 50rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
  }
  .layout__aside-container {
    min-width: 16.6666666667rem;
  }
}

.container {
  box-sizing: border-box;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 650px) {
  .container {
    padding-left: 6.769%;
    padding-right: 6.769%;
  }
}
@media (min-width: 768px) {
  .container {
    padding-left: 5.729%;
    padding-right: 5.729%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 80rem;
    padding-left: 11.6666666667rem;
    padding-right: 11.6666666667rem;
  }
}

main {
  display: block;
}

.button,
button {
  border: none;
  cursor: pointer;
  background: none;
  padding: 0;
  margin: 0;
  overflow: visible;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-align: center;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
}

label {
  display: block;
}

input,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: none;
  padding: 0;
  margin: 0;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
input::placeholder,
textarea::placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-background-clip: text;
          background-clip: text;
}
@media (hover: none) {
  input,
textarea {
    font-size: 16px !important;
  }
}

textarea {
  resize: none;
}
@media (hover: none) {
  textarea {
    line-height: 1.4 !important;
  }
}

[data-src] {
  transition: opacity 0.3s ease;
}

.lazyload {
  opacity: 0;
  will-change: transform, opacity;
}

.lazyloaded {
  opacity: 1;
}

.card-decoration, .text ul.cards li {
  padding: 1.3333333333rem 1rem;
  background-color: var(--backgroundSurface);
  box-shadow: 0 0.1666666667rem 1rem rgba(152, 160, 179, 0.25);
  border-radius: 1rem;
}

.label {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}

#cadesplugin_ovr {
  display: none;
}

@font-face {
  font-family: "icon";
  src: url("/fonts/icons/iconfont.woff2") format("woff2"), url("/fonts/icons/iconfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.is-disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.is-bold {
  font-weight: 600;
}

.is-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
.is-draggable.sortable-ghost, .is-draggable.sortable-chosen {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

@media (hover: hover) {
  .custom-scroll ::-webkit-scrollbar {
    width: 0.3333333333rem;
    height: 0.3333333333rem;
  }
  .custom-scroll ::-webkit-scrollbar-track {
    background-color: var(--backgroundBase);
    border-radius: 0.3333333333rem;
  }
  .custom-scroll ::-webkit-scrollbar-thumb {
    background-color: var(--borderBase);
    border-radius: 0.3333333333rem;
  }
}

.os-windows .is-gutter {
  scrollbar-gutter: stable;
}

.os-windows {
  scrollbar-gutter: stable;
}
@media (min-width: 1200px) {
  .os-windows .layout__aside {
    left: calc(100vw - 20rem);
  }
}

body.hide-teletype #teletype-iframes-container {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
@media (max-width: 649px) {
  body.move-teletype #teletype-widget-component-button {
    bottom: 7.75rem !important;
  }
  body.move-teletype #teletype-widget-component-popup {
    bottom: 16.0833333333rem !important;
  }
  body.move-teletype #teletype-widget-component-invite {
    bottom: 16.0833333333rem !important;
  }
}
@media (min-width: 650px) and (max-width: 1199px) {
  body.move-teletype #teletype-widget-component-button {
    bottom: 6.4166666667rem !important;
  }
  body.move-teletype #teletype-widget-component-popup {
    bottom: 14.75rem !important;
  }
  body.move-teletype #teletype-widget-component-invite {
    bottom: 14.75rem !important;
  }
}

#teletype-iframes-container {
  transition: opacity 0.3s ease;
}

#teletype-widget-component-button {
  transition: bottom 0.3s ease, width 0.2s ease-out !important;
}

@media (min-width: 650px) and (max-width: 1199px) {
  #teletype-widget-component-button,
#teletype-widget-component-invite,
#teletype-widget-component-popup {
    right: auto;
  }

  #teletype-widget-component-button,
#teletype-widget-component-invite {
    left: 0;
  }

  #teletype-widget-component-popup {
    left: 20px;
  }
}
.text h3,
.text h4,
.text p {
  color: var(--textBase);
}
.text h3[data-placeholder]:empty::before,
.text h4[data-placeholder]:empty::before,
.text p[data-placeholder]:empty::before {
  display: block;
}
.text h3[data-placeholder]::before,
.text h4[data-placeholder]::before,
.text p[data-placeholder]::before {
  position: absolute;
  content: attr(data-placeholder);
  color: var(--inputBaseTextPlaceholder);
  display: none;
  cursor: text;
  width: 100%;
}
.text > *:first-child {
  margin-top: 0;
}
.text h3 {
  margin-top: 2.6666666667rem;
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
  font-weight: 600;
}
@media (min-width: 650px) {
  .text h3 {
    margin-top: 4rem;
    font-size: 1.6666666667rem;
    line-height: 2.3333333333rem;
    font-weight: 600;
  }
}
.text h4 {
  margin-top: 2rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 600;
}
@media (min-width: 650px) {
  .text h4 {
    font-size: 1.3333333333rem;
    line-height: 1.8333333333rem;
    font-weight: 600;
  }
}
.text p {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-top: 1rem;
}
.text ul {
  margin-top: 1.3333333333rem;
}
.text ul.cards {
  white-space: nowrap;
  display: flex;
}
.text ul.cards li {
  white-space: normal;
  text-align: center;
}
.text ul.cards li p {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 600;
  margin: 0;
  position: relative;
}
.text ul.cards li p[data-placeholder]::before {
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.text ul.cards li p + p {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 400;
  color: var(--textSecondary);
}
.text ul.dots li {
  padding-left: 1.8333333333rem;
  position: relative;
}
.text ul.dots li::before {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 600;
  content: "";
  position: absolute;
  top: 0.5833333333rem;
  left: 0.3333333333rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.text ul.dots.brand li::before {
  background: var(--backgroundBrandAccent);
}
.text ul.dots.success li::before {
  background: var(--backgroundSuccessAccent);
}
.text ul.dots.critical li::before {
  background: var(--backgroundCriticalAccent);
}
.text ul.dots.system li::before {
  background: var(--backgroundSystemAccent);
}
.text ul.blockquote li {
  position: relative;
  padding-left: 1rem;
  box-sizing: border-box;
}
.text ul.blockquote li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0.3333333333rem;
  border-radius: 1rem;
  background-color: var(--borderSecondary);
}
.text ul.blockquote li p {
  margin: 0;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 600;
}
.text ul.blockquote li p + p {
  margin-top: 0.3333333333rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 400;
  color: var(--textSecondary);
}
.text ul.blockquote li.success p {
  color: var(--textSuccess);
}
.text ul.blockquote li.success::before {
  background-color: var(--borderSuccess);
}
.text ul.blockquote.success li p {
  color: var(--textSuccess);
}
.text ul.blockquote.success li::before {
  background-color: var(--borderSuccess);
}
.text ul.blockquote.horizontal {
  margin-right: -0.6666666667rem;
  margin-bottom: -0.6666666667rem;
}
.text ul.blockquote.horizontal li {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.6666666667rem;
  margin-bottom: 0.6666666667rem;
}
.text ul.blockquote.horizontal li + li {
  margin-top: 0;
}
@media (max-width: 649px) {
  .text ul.blockquote.horizontal li {
    min-width: calc(50% - 0.6666666667rem);
  }
}
.text ol {
  margin-top: 1.3333333333rem;
  counter-reset: item;
}
.text ol li {
  counter-increment: item;
  padding-left: 1.8333333333rem;
  position: relative;
}
.text ol li::before {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 600;
  content: counter(item) ". ";
  position: absolute;
  top: 0;
  left: 0;
}
.text li {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.text li + li {
  margin-top: 1rem;
}
.text blockquote {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-top: 1.3333333333rem;
  margin-bottom: 0.6666666667rem;
  position: relative;
  padding-left: 1.6666666667rem;
}
.text blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.4166666667rem;
  bottom: 0;
  width: 0.3333333333rem;
  border-radius: 0.1666666667rem;
  overflow: hidden;
  background-color: var(--backgroundBrand);
}
@media (min-width: 650px) {
  .text ul.cards[data-count] {
    margin-right: -1rem;
  }
  .text ul.cards[data-count] li {
    margin-top: 0;
    display: inline-block;
    margin-right: 1rem;
    box-sizing: border-box;
  }
  @supports (display: flex) {
    .text ul.cards[data-count] li {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
  .text ul.cards[data-count="2"] li {
    width: calc(100% / 2 - 1rem);
  }
  .text ul.cards[data-count="3"] li {
    width: calc(100% / 3 - 1rem);
  }
  .text ul.cards[data-count="4"] li {
    width: calc(100% / 4 - 1rem);
  }
  .text ul.blockquote.horizontal li {
    max-width: calc(25% - 0.6666666667rem);
  }
}

.skeleton-text {
  box-sizing: border-box;
  width: 100%;
  font-size: 0 !important;
  line-height: normal !important;
  display: block;
}
.skeleton-text span {
  border-radius: 0.1666666667rem;
  display: inline-block;
  width: 100%;
  opacity: 0.25;
}
.skeleton-text--size-xs {
  padding-top: 0.4166666667rem;
  height: 1.3333333333rem;
}
.skeleton-text--size-xs span {
  height: 0.5833333333rem;
}
.skeleton-text--size-s {
  padding-top: 0.5833333333rem;
  height: 1.6666666667rem;
}
.skeleton-text--size-s span {
  height: 0.6666666667rem;
}
.skeleton-text--size-m {
  padding-top: 0.6666666667rem;
  height: 1.8333333333rem;
}
.skeleton-text--size-m span {
  height: 0.75rem;
}
.skeleton-text--size-l {
  padding-top: 0.8333333333rem;
  height: 1.75rem;
}
.skeleton-text--size-l span {
  height: 0.9166666667rem;
}
.skeleton-text--size-xxl {
  padding-top: 0.6666666667rem;
  height: 2.3333333333rem;
}
.skeleton-text--size-xxl span {
  height: 1.3333333333rem;
}
.skeleton-text--view-base span {
  background-color: var(--textBase);
}
.skeleton-text--view-secondary span {
  background-color: var(--textSecondary);
}
.skeleton-text--view-success span {
  background-color: var(--textSuccess);
}

.skeleton-round {
  min-width: 2rem;
  min-height: 2rem;
  position: relative;
  display: inline-block;
}
.skeleton-round::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
  background-color: var(--textSecondary);
  border-radius: 50%;
  opacity: 0.25;
}

.icon-base {
  display: inline-block;
  color: inherit;
}
.icon-base::before {
  font-family: "icon", sans-serif;
  display: block;
  font-size: inherit;
  color: inherit;
  line-height: 1;
}
.icon-base--placeholder::before {
  content: "\ea01";
}
.icon-base--eye::before {
  content: "\ea02";
}
.icon-base--eye-close::before {
  content: "\ea03";
}
.icon-base--calendar::before {
  content: "\ea04";
}
.icon-base--archive::before {
  content: "\ea05";
}
.icon-base--bank::before {
  content: "\ea06";
}
.icon-base--chevron-left::before {
  content: "\ea07";
}
.icon-base--chevron-right::before {
  content: "\ea08";
}
.icon-base--orders::before {
  content: "\ea09";
}
.icon-base--double-chevron-left::before {
  content: "\ea0a";
}
.icon-base--double-chevron-right::before {
  content: "\ea0b";
}
.icon-base--chevron-down::before {
  content: "\ea0c";
}
.icon-base--check::before {
  content: "\ea0d";
}
.icon-base--close::before {
  content: "\ea0e";
}
.icon-base--minus::before {
  content: "\ea0f";
}
.icon-base--search::before {
  content: "\ea10";
}
.icon-base--exit::before {
  content: "\ea11";
}
.icon-base--filter::before {
  content: "\ea12";
}
.icon-base--sorting::before {
  content: "\ea13";
}
.icon-base--sorting-reverse::before {
  content: "\ea14";
}
.icon-base--filter-fill::before {
  content: "\ea15";
}
.icon-base--time-fill::before {
  content: "\ea16";
}
.icon-base--warning-fill::before {
  content: "\ea17";
}
.icon-base--check-fill::before {
  content: "\ea18";
}
.icon-base--close-fill::before {
  content: "\ea19";
}
.icon-base--plus::before {
  content: "\ea1a";
}
.icon-base--warning::before {
  content: "\ea1b";
}
.icon-base--menu::before {
  content: "\ea1c";
}
.icon-base--question::before {
  content: "\ea30";
}
.icon-base--question-fill::before {
  content: "\ea1d";
}
.icon-base--copy::before {
  content: "\ea1e";
}
.icon-base--time::before {
  content: "\ea1f";
}
.icon-base--save::before {
  content: "\ea20";
}
.icon-base--trash::before {
  content: "\ea21";
}
.icon-base--update::before {
  content: "\ea22";
}
.icon-base--send::before {
  content: "\ea23";
}
.icon-base--attachment::before {
  content: "\ea24";
}
.icon-base--edit::before {
  content: "\ea25";
}
.icon-base--income::before {
  content: "\ea26";
}
.icon-base--income-fill::before {
  content: "\ea27";
}
.icon-base--lock::before {
  content: "\ea28";
}
.icon-base--settings::before {
  content: "\ea29";
}
.icon-base--api::before {
  content: "\ea2a";
}

.icon-sorting {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.icon-sorting span {
  height: 2px;
  border-radius: 0.1666666667rem;
  background-color: var(--textBrand);
  -ms-transform-origin: left;
      transform-origin: left;
  width: 0;
}
.icon-sorting span + span {
  margin-top: 0.2083333333rem;
}
.icon-sorting.is-active span {
  width: 0.9166666667rem;
}
.icon-sorting.is-active span:first-child {
  width: 0.2475rem;
}
.icon-sorting.is-active span:nth-child(2) {
  width: 0.6233333333rem;
}
.icon-sorting.is-active.is-desc span:first-child {
  width: 0.9166666667rem;
}
.icon-sorting.is-active.is-desc span:last-child {
  width: 0.2475rem;
}

.spinner {
  position: relative;
  border-radius: 100%;
  overflow: hidden;
}
.spinner img,
.spinner svg {
  display: block;
  width: 100%;
  height: 100%;
}
.spinner--size-xs {
  width: 1rem;
  height: 1rem;
}
.spinner--size-s {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.spinner--size-m {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}
.spinner--size-l {
  width: 3.3333333333rem;
  height: 3.3333333333rem;
}
.spinner--size-xl {
  width: 4.6666666667rem;
  height: 4.6666666667rem;
}
.spinner--size-xxl {
  width: 6.6666666667rem;
  height: 6.6666666667rem;
}

.button {
  border-radius: 0.6666666667rem;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  overflow: hidden;
}
.button--ellipsis .button__content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.button__icon {
  vertical-align: middle;
  opacity: 0.75;
  pointer-events: none;
  margin-top: -4px;
}
.button__spinner {
  margin: 0 auto;
}
.button.is-disabled {
  opacity: 0.4;
}
.button--size-s {
  padding: 0 0.6666666667rem;
  height: 2rem;
  min-width: 2rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  line-height: 2rem;
}
.button--size-s .button__icon {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.button--size-s .button__icon::before {
  font-size: 1.3333333333rem;
}
.button--size-s.is-only-icon {
  width: 2rem;
}
.button--size-m {
  padding: 0 1rem;
  height: 2.6666666667rem;
  min-width: 2.6666666667rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  line-height: 2.6666666667rem;
}
.button--size-m .button__icon {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}
.button--size-m .button__icon::before {
  font-size: 1.6666666667rem;
}
.button--size-m.is-only-icon {
  width: 2.6666666667rem;
}
.button--size-l {
  padding: 0 1.3333333333rem;
  height: 3.3333333333rem;
  min-width: 3.3333333333rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  line-height: 3.3333333333rem;
}
.button--size-l .button__icon {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}
.button--size-l .button__icon::before {
  font-size: 1.6666666667rem;
}
.button--size-l.is-only-icon {
  width: 3.3333333333rem;
}
.button.is-only-icon {
  padding: 0;
  text-align: center;
  font-size: 0;
}
.button.is-only-icon .button__icon {
  margin: 0;
}
.button--view-brand {
  background-color: var(--controlBrandBackground);
  color: var(--controlBrandText);
}
.button--view-brand .button__icon::before {
  color: var(--controlBrandText);
}
.button--view-brand-inverse {
  background-color: var(--controlBrandInverseBackground);
  color: var(--controlBrandInverseText);
}
.button--view-brand-inverse .button__icon::before {
  color: var(--controlBrandInverseText);
}
.button--view-secondary-brand {
  background-color: var(--controlSecondaryBrandBackground);
  color: var(--controlSecondaryBrandText);
}
.button--view-secondary-brand .button__icon::before {
  color: var(--controlSecondaryBrandText);
}
.button--view-secondary-brand-inverse {
  background-color: var(--controlSecondaryBrandBackgroundInverse);
  color: var(--controlSecondaryBrandTextInverse);
}
.button--view-secondary-brand-inverse .button__icon::before {
  color: var(--controlSecondaryBrandTextInverse);
}
.button--view-outline-brand {
  box-shadow: inset 0 0 0 1px var(--controlOutlineBrandBorder);
  color: var(--controlOutlineBrandText);
}
.button--view-outline-brand .button__icon::before {
  color: var(--controlOutlineBrandText);
}
.button--view-outline {
  box-shadow: inset 0 0 0 1px var(--controlOutlineBorder);
  color: var(--controlOutlineText);
  background-color: var(--backgroundSurface);
}
.button--view-outline .button__icon::before {
  color: var(--controlOutlineText);
}
.button--view-flat-brand {
  color: var(--controlFlatBrandText);
}
.button--view-flat-brand .button__icon::before {
  color: var(--controlFlatBrandText);
}
.button--view-critical {
  background-color: var(--controlCriticalBackground);
  color: var(--controlCriticalText);
}
.button--view-critical .button__icon::before {
  color: var(--controlCriticalText);
}
.button--view-success {
  background-color: var(--controlSuccessBackground);
  color: var(--controlSuccessText);
}
.button--view-success .button__icon::before {
  color: var(--controlSuccessText);
}
.button--view-warning {
  background-color: var(--controlWarningBackground);
  color: var(--controlWarningText);
}
.button--view-warning .button__icon::before {
  color: var(--controlWarningText);
}
.button--view-flat {
  color: var(--controlFlatSystemText);
}
.button--view-flat .button__icon::before {
  color: var(--controlFlatSystemText);
}
.button--view-flat-white {
  color: var(--controlFlatWhiteText);
}
.button--view-flat-white .button__icon::before {
  color: var(--controlFlatWhiteText);
}
.button--default.button--icon-right .button__icon {
  margin-left: 0.3333333333rem;
}
.button--default.button--icon-left .button__icon {
  margin-right: 0.3333333333rem;
}
.button--media img,
.button--media span {
  display: inline-block;
}
.button--media span {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  line-height: inherit;
  vertical-align: top;
}
.button--media img {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  margin-left: -0.3333333333rem;
  margin-top: -2px;
  vertical-align: middle;
}

.icon {
  border: 1px solid var(--borderBase);
  box-sizing: border-box;
  position: relative;
}
.icon__image {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-size: 0;
}
.icon--type-square {
  border-radius: 0.6666666667rem;
}
.icon--type-circle {
  border-radius: 50%;
}
.icon--view-base {
  background-color: var(--backgroundBase);
}
.icon--view-surface {
  background-color: var(--backgroundSurface);
}
.icon--size-s {
  width: 2rem;
  height: 2rem;
}
.icon--size-s .icon__image {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.icon--size-m {
  width: 2.6666666667rem;
  height: 2.6666666667rem;
}
.icon--size-m .icon__image {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.icon--size-l {
  width: 3.3333333333rem;
  height: 3.3333333333rem;
}
.icon--size-l .icon__image {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}

.icon-status {
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
}
.icon-status__wrapper {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.icon-status__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  color: var(--backgroundSurface);
}
.icon-status--size-s {
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  padding: 0.3333333333rem;
  font-size: 1.6666666667rem;
}
.icon-status--size-m {
  width: 4.6666666667rem;
  height: 4.6666666667rem;
  padding: 0.5rem;
  font-size: 2.3333333333rem;
}
.icon-status--size-l {
  width: 6.6666666667rem;
  height: 6.6666666667rem;
  padding: 0.6666666667rem;
  font-size: 3.6666666667rem;
}
.icon-status--view-system {
  background-color: var(--backgroundSystem);
}
.icon-status--view-system .icon-status__wrapper {
  background: var(--backgroundSystemAccent);
}
.icon-status--view-warning {
  background-color: var(--backgroundWarning);
}
.icon-status--view-warning .icon-status__wrapper {
  background: var(--backgroundWarningAccent);
}
.icon-status--view-success {
  background-color: var(--backgroundSuccess);
}
.icon-status--view-success .icon-status__wrapper {
  background: var(--backgroundSuccessAccent);
}
.icon-status--view-critical {
  background-color: var(--backgroundCritical);
}
.icon-status--view-critical .icon-status__wrapper {
  background: var(--backgroundCriticalAccent);
}
.icon-status--view-brand {
  background-color: var(--backgroundBrand);
}
.icon-status--view-brand .icon-status__wrapper {
  background: var(--backgroundBrandAccent);
}

.icon-file {
  position: relative;
  width: 2.6666666667rem;
  height: 2.6666666667rem;
}
.icon-file__image {
  width: 100%;
  height: 100%;
}
.icon-file__image img {
  width: 100%;
  height: 100%;
  display: block;
}
.icon-file__decoration {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  top: 0.25rem;
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.icon-file__decoration span,
.icon-file__decoration span::before,
.icon-file__decoration span::after {
  height: 1px;
  border-radius: 1px;
  background-color: var(--textSecondary);
}
.icon-file__decoration span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 1.1666666667rem;
  opacity: 0.5;
}
.icon-file__decoration span::before, .icon-file__decoration span::after {
  content: "";
  position: absolute;
  left: 0;
}
.icon-file__decoration span::before {
  bottom: 0.25rem;
  opacity: 0.75;
  width: 0.8333333333rem;
}
.icon-file__decoration span::after {
  top: 0.25rem;
  opacity: 0.25;
  width: 0.9166666667rem;
}
.icon-file__status {
  width: 1rem;
  height: 1rem;
  border-radius: 0.1666666667rem;
  border: 0.5px solid transparent;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  right: 0.3333333333rem;
}
.icon-file__status--placeholder, .icon-file__status--default {
  background-color: var(--backgroundSystem);
  color: var(--textSecondary);
}
.icon-file__status--loaded {
  background-color: var(--backgroundSuccess);
  border-color: var(--borderSuccess);
  color: var(--textSuccess);
}
.icon-file__status--error {
  background-color: var(--backgroundCritical);
  border-color: var(--borderCritical);
  color: var(--textCritical);
}
.icon-file__icon {
  font-size: 0.8333333333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.icon-file__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.divider span {
  display: block;
}
.divider--round span {
  border-radius: 1px;
}
.divider--horizontal {
  width: 100%;
  height: 0;
}
.divider--horizontal span {
  width: 100%;
}
.divider--horizontal.divider--size-s span {
  height: 1px;
}
.divider--horizontal.divider--size-m span {
  height: 2px;
}
.divider--vertical {
  height: 100%;
  width: 0;
}
.divider--vertical span {
  height: 100%;
}
.divider--vertical.divider--size-s span {
  width: 1px;
}
.divider--vertical.divider--size-m span {
  width: 2px;
}
.divider--view-base span {
  background-color: var(--borderBase);
}
.divider--view-secondary span {
  background-color: var(--borderSecondary);
}

.badge {
  border-radius: 0.6666666667rem;
  text-align: center;
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.badge--skeleton {
  width: 4.1666666667rem;
}
.badge__indicator {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}
.badge--size-m {
  padding: 0.1666666667rem 0.5rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.badge--view-success p {
  color: var(--textSuccess);
}
.badge--view-critical p {
  color: var(--textCritical);
}
.badge--view-warning p {
  color: var(--textWarning);
}
.badge--view-system p {
  color: var(--textSecondary);
}
.badge--view-brand p {
  color: var(--textBrand);
  opacity: 0.85;
}
.badge--indicator {
  padding-left: 1.5rem;
}
.badge--background.badge--view-success {
  background-color: var(--backgroundSuccess);
}
.badge--background.badge--view-critical {
  background-color: var(--backgroundCritical);
}
.badge--background.badge--view-warning {
  background-color: var(--backgroundWarning);
}
.badge--background.badge--view-system {
  background-color: var(--backgroundSystem);
}
.badge--background.badge--view-brand {
  background-color: var(--backgroundBrandLight);
}

.indicator {
  font-size: 0.8333333333rem;
  line-height: 0.8333333333rem;
}
.indicator--view-success {
  color: var(--textSuccess);
}
.indicator--view-critical {
  color: var(--textCritical);
}
.indicator--view-warning {
  color: var(--textWarning);
}
.indicator--view-system {
  color: var(--textSecondary);
}
.indicator--view-brand {
  color: var(--textBrand);
}

.card {
  position: relative;
  border-radius: 1rem;
  border: 1px transparent;
  box-shadow: 0 0 0 1px transparent;
  text-align: left;
  box-sizing: border-box;
}
.card__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.card.is-disabled {
  opacity: 0.5;
}
.card--spacing {
  padding: calc(1rem - 1px) 1rem;
}
.card--size-xl {
  border-radius: 1rem;
}
.card--size-xl.card--spacing {
  padding: calc(1.6666666667rem - 1px) 1.6666666667rem;
}
.card--size-l {
  border-radius: 1rem;
}
.card--size-l.card--spacing {
  padding: calc(1rem - 1px) 1rem;
}
.card--size-m {
  border-radius: 0.6666666667rem;
}
.card--size-m.card--spacing {
  padding: calc(0.8333333333rem - 1px) 0.8333333333rem;
}
.card--view-base {
  border-color: var(--borderBase);
}
.card--view-base.card--shadow {
  box-shadow: 0 0 0 1px transparent, 0 0.1666666667rem 1rem rgba(33, 36, 44, 0.2);
}
.card--view-secondary {
  border-color: var(--borderSecondary);
}
.card--view-secondary.card--shadow {
  box-shadow: 0 0 0 1px transparent, 0 0.1666666667rem 1rem rgba(33, 36, 44, 0.2);
}
.card--view-warning {
  border-color: var(--borderWarning);
}
.card--view-warning.card--shadow {
  box-shadow: 0 0 0 1px transparent, 0 0.1666666667rem 1rem rgba(255, 181, 77, 0.25);
}
.card--view-critical {
  border-color: var(--borderCritical);
}
.card--view-critical.card--shadow {
  box-shadow: 0 0 0 1px transparent, 0 0.1666666667rem 1rem rgba(237, 106, 94, 0.25);
}
.card--view-success {
  border-color: var(--borderSuccess);
}
.card--view-success.card--shadow {
  box-shadow: 0 0 0 1px transparent, 0 0.1666666667rem 1rem rgba(104, 198, 57, 0.25);
}
.card--view-primary {
  border-color: var(--borderPrimary);
}
.card--view-primary.card--shadow {
  box-shadow: 0 0 0 1px transparent, 0 0.1666666667rem 1rem rgba(0, 85, 255, 0.25);
}
.card--border-style-solid {
  border-style: solid;
}
.card--border-style-dashed {
  border-style: dashed;
}
.card--border-style-none {
  border-style: none;
}
.card--background-surface {
  background-color: var(--backgroundSurface);
}
.card--background-base {
  background-color: var(--backgroundBase);
}
.card--background-gradient-green {
  background: var(--gradientCardGreen);
}
.card--background-gradient-blue {
  background: var(--gradientCardBlue);
}
.card--background-brand-accent {
  background: var(--backgroundBrandAccent);
}

.picture {
  position: relative;
}
.picture picture {
  position: relative;
  z-index: 2;
}
.picture.blur .picture__blur {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s;
}
.picture .ls-blur-up-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.picture img {
  width: 100%;
  display: block;
  transition: 0.6s ease;
  transition-property: opacity;
}
.picture img:not([src]) {
  visibility: hidden;
}
.picture img.lazyload {
  opacity: 0;
}
.picture img.lazyloaded {
  opacity: 1;
}
.picture__blur {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition-duration: 0.1s;
  transition-delay: 0s;
  filter: blur(2px);
}

picture {
  display: block;
  min-width: 100%;
  min-height: 100%;
}

.link {
  display: inline-block;
  text-align: left;
}
.link span {
  display: inline-block;
  border-bottom: 1px transparent solid;
  margin-bottom: -1px;
}
.link.is-disabled {
  opacity: 0.6;
}
.link--ellipsis > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.link--view-interactive span {
  color: var(--textLinkInteractive);
}
.link--view-interactive::before, .link--view-interactive::after {
  color: var(--textLinkInteractive);
}
.link--view-interactive:not(.link--underline-none) span {
  border-color: var(--borderLinkInteractive);
}
.link--view-base span {
  color: var(--textLinkBase);
}
.link--view-base::before, .link--view-base::after {
  color: var(--textLinkBase);
}
.link--view-base:not(.link--underline-none) span {
  border-color: var(--borderLinkBase);
}
.link--view-secondary span {
  color: var(--textLinkSecondary);
}
.link--view-secondary::before, .link--view-secondary::after {
  color: var(--textLinkSecondary);
}
.link--view-secondary:not(.link--underline-none) span {
  border-color: var(--borderLinkSecondary);
}
.link--underline-solid span {
  border-style: solid;
}
.link--underline-dashed span {
  border-style: dashed;
}
.link--underline-none span {
  border-color: transparent;
}
.link--icon::before, .link--icon::after {
  font-family: "icon", sans-serif;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  line-height: 1;
}
.link--icon-left::before {
  content: "\ea07";
  margin-right: 0.3333333333rem;
}
.link--icon-right::after {
  content: "\ea08";
  margin-left: 0.3333333333rem;
}
.link--size-s {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.link--size-s span::before, .link--size-s span::after {
  font-size: 1.3333333333rem;
}
.link--size-m {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.link--size-m span::before, .link--size-m span::after {
  font-size: 1.6666666667rem;
}
.link--size-l {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
}
.link--size-l span::before, .link--size-l span::after {
  font-size: 1.6666666667rem;
}
.link--size-inherit {
  font-size: inherit;
  line-height: inherit;
}
.link--size-inherit span::before, .link--size-inherit span::after {
  font-size: inherit;
}

.form-item {
  min-width: 11.6666666667rem;
  position: relative;
  white-space: normal;
}
.form-item--view-base .form-item__element {
  background-color: var(--inputBaseBackground);
  border: 1px solid var(--inputBaseBorder);
  color: var(--inputBaseText);
}
.form-item--view-base .form-item__element::-moz-placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-base .form-item__element:-ms-input-placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-base .form-item__element::placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-base .form-item__icon::before {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-base .form-item__placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-base.is-filled .form-item__placeholder {
  color: var(--inputBaseText);
}
.form-item--view-base-inverse .form-item__element {
  background-color: var(--inputBaseBackgroundInverse);
  border: 1px solid var(--inputBaseBorder);
  color: var(--inputBaseTextInverse);
}
.form-item--view-base-inverse .form-item__element::-moz-placeholder {
  color: var(--inputBaseTextPlaceholderInverse);
}
.form-item--view-base-inverse .form-item__element:-ms-input-placeholder {
  color: var(--inputBaseTextPlaceholderInverse);
}
.form-item--view-base-inverse .form-item__element::placeholder {
  color: var(--inputBaseTextPlaceholderInverse);
}
.form-item--view-base-inverse .form-item__icon::before {
  color: var(--inputBaseTextPlaceholderInverse);
}
.form-item--view-base-inverse .form-item__placeholder {
  color: var(--inputBaseTextPlaceholderInverse);
}
.form-item--view-base-inverse.is-filled .form-item__placeholder {
  color: var(--inputBaseTextInverse);
}
.form-item--view-flat .form-item__element {
  background: none;
  color: var(--inputBaseText);
}
.form-item--view-flat .form-item__element::-moz-placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-flat .form-item__element:-ms-input-placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-flat .form-item__element::placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-flat .form-item__icon::before {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-flat .form-item__placeholder {
  color: var(--inputBaseTextPlaceholder);
}
.form-item--view-system .form-item__element {
  background-color: var(--inputSystemBackground);
  color: var(--inputSystemText);
  border: 1px solid var(--inputSystemBackground);
}
.form-item--view-system .form-item__element::-moz-placeholder {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system .form-item__element:-ms-input-placeholder {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system .form-item__element::placeholder {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system .form-item__element:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 60px var(--inputSystemBackground) inset !important;
  -webkit-text-fill-color: var(--inputSystemText) !important;
}
.form-item--view-system .form-item__icon::before {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system .form-item__placeholder {
  color: var(--inputSystemTextPlaceholder);
}
.form-item--view-system.is-filled .form-item__placeholder {
  color: var(--inputSystemText);
}
.form-item__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.form-item__text--label {
  margin-bottom: 0.3333333333rem;
}
.form-item__text--description {
  margin-top: 0.3333333333rem;
}
.form-item__text--error {
  color: var(--inputBaseTextError);
}
.form-item__content {
  position: relative;
}
.form-item__icon {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  opacity: 0.6;
}
.form-item__icon::before {
  font-size: 1.3333333333rem;
}
.form-item__icon--left {
  left: 0;
}
.form-item__icon--right {
  right: 0;
}
.form-item__spinner {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 0;
}
.form-item__value {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  box-sizing: border-box;
  width: 100%;
}
.form-item__tags {
  max-width: 100%;
  white-space: nowrap;
  font-size: 0;
}
.form-item__tag {
  max-width: calc(100% - 3.6666666667rem);
}
.form-item__tag + .form-item__tag {
  margin-left: 0.3333333333rem;
}
.form-item__placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  box-sizing: border-box;
}
@media (hover: none) {
  .form-item__placeholder {
    font-size: 16px !important;
  }
}
.form-item__append {
  position: absolute;
  top: 0;
  right: 0;
}
.form-item__actions {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.form-item__element {
  box-sizing: border-box;
  box-shadow: 0 0 0 0.1666666667rem transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.form-item__element.is-multi-row {
  height: 8.3333333333rem;
  padding: 0.8333333333rem 0 0.6666666667rem;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: break-spaces;
}
@media (hover: hover) {
  .form-item__element.is-multi-row::-webkit-scrollbar-track {
    margin: 0.8333333333rem 0;
  }
}
.form-item__element.is-multi-row--expanded {
  height: 3.3333333333rem;
  min-height: 3.3333333333rem;
  max-height: 8.3333333333rem;
  box-sizing: border-box;
}
.form-item__element.is-multi-row + .form-item__actions {
  top: 0.8333333333rem;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.form-item.is-disabled {
  opacity: 0.6;
}
.form-item.is-bold .form-item__element {
  font-weight: 600;
}
.form-item:not(.form-item--view-flat) .form-item__element {
  border-radius: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s .form-item__element {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s .form-item__value {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s .form-item__icon--left {
  left: 0.5rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s .form-item__icon--right {
  right: 0.5rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s .form-item__actions {
  right: 0.5rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s .form-item__spinner {
  right: 0.5rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s.form-item--icon-left .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-s.form-item--icon-left .form-item__value {
  padding-left: 2.1666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s.form-item--icon-right .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-s.form-item--icon-right .form-item__value {
  padding-right: 2.1666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s.form-item--actions-s .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-s.form-item--actions-s .form-item__value {
  padding-right: 1.8333333333rem;
}
.form-item:not(.form-item--view-flat).form-item--size-s.form-item--actions-m .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-s.form-item--actions-m .form-item__value {
  padding-right: 3.5rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m .form-item__element {
  padding-left: 0.6666666667rem;
  padding-right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m .form-item__value {
  padding-left: 0.6666666667rem;
  padding-right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m .form-item__icon--left {
  left: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m .form-item__icon--right {
  right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m .form-item__actions {
  right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m .form-item__spinner {
  right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m.form-item--icon-left .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-m.form-item--icon-left .form-item__value {
  padding-left: 2.3333333333rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m.form-item--icon-right .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-m.form-item--icon-right .form-item__value {
  padding-right: 2.3333333333rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m.form-item--actions-s .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-m.form-item--actions-s .form-item__value {
  padding-right: 2rem;
}
.form-item:not(.form-item--view-flat).form-item--size-m.form-item--actions-m .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-m.form-item--actions-m .form-item__value {
  padding-right: 3.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l .form-item__element {
  padding-left: 0.6666666667rem;
  padding-right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l .form-item__value {
  padding-left: 0.6666666667rem;
  padding-right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l .form-item__icon--left {
  left: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l .form-item__icon--right {
  right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l .form-item__actions {
  right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l .form-item__spinner {
  right: 0.6666666667rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l.form-item--icon-left .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-l.form-item--icon-left .form-item__value {
  padding-left: 2.3333333333rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l.form-item--icon-right .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-l.form-item--icon-right .form-item__value {
  padding-right: 2.3333333333rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l.form-item--actions-s .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-l.form-item--actions-s .form-item__value {
  padding-right: 2rem;
}
.form-item:not(.form-item--view-flat).form-item--size-l.form-item--actions-m .form-item__element, .form-item:not(.form-item--view-flat).form-item--size-l.form-item--actions-m .form-item__value {
  padding-right: 3.6666666667rem;
}
.form-item--size-s .form-item__element {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.form-item--size-s .form-item__element:not(.is-multi-row) {
  height: 1.6666666667rem;
  line-height: 1.6666666667rem;
}
.form-item--size-s .form-item__placeholder {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.form-item--size-s.form-item--icon-left .form-item__element, .form-item--size-s.form-item--icon-left .form-item__value {
  padding-left: 1.6666666667rem;
}
.form-item--size-s.form-item--icon-right .form-item__element, .form-item--size-s.form-item--icon-right .form-item__value {
  padding-right: 1.6666666667rem;
}
.form-item--size-m .form-item__element {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.form-item--size-m .form-item__element:not(.is-multi-row) {
  height: 2.6666666667rem;
  line-height: 2.6666666667rem;
}
.form-item--size-m .form-item__placeholder {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.form-item--size-m.form-item--icon-left .form-item__element, .form-item--size-m.form-item--icon-left .form-item__value {
  padding-left: 1.6666666667rem;
}
.form-item--size-m.form-item--icon-right .form-item__element, .form-item--size-m.form-item--icon-right .form-item__value {
  padding-right: 1.6666666667rem;
}
.form-item--size-l .form-item__element {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.form-item--size-l .form-item__element:not(.is-multi-row) {
  height: 3.3333333333rem;
  line-height: 3.3333333333rem;
}
.form-item--size-l .form-item__placeholder {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.form-item--size-l.form-item--icon-left .form-item__element, .form-item--size-l.form-item--icon-left .form-item__value {
  padding-left: 1.6666666667rem;
}
.form-item--size-l.form-item--icon-right .form-item__element, .form-item--size-l.form-item--icon-right .form-item__value {
  padding-right: 1.6666666667rem;
}
.form-item.is-disabled-value .form-item__element {
  color: var(--inputBaseTextPlaceholder);
}

.input__datepicker {
  position: absolute !important;
  z-index: 2;
}
.input__datepicker--position-horizontal-left {
  left: 0;
}
.input__datepicker--position-horizontal-right {
  right: 0;
}
.input__datepicker--position-vertical-top {
  bottom: 100%;
  margin-bottom: 0.6666666667rem;
}
.input__datepicker--position-vertical-bottom {
  top: 100%;
  margin-top: 0.6666666667rem;
}

.input-multi__text {
  color: var(--textSecondary);
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.input-multi__text--label {
  margin-bottom: 0.3333333333rem;
}
.input-multi__text--description {
  margin-top: 0.3333333333rem;
}
.input-multi__text--error {
  height: 0;
  margin-top: 0;
  opacity: 0;
  color: var(--inputBaseTextError);
}
.input-multi__content {
  position: relative;
  display: table;
  width: 100%;
}
.input-multi__delimiter, .input-multi__value {
  display: table-cell;
  vertical-align: middle;
}
.input-multi__delimiter {
  color: var(--textSecondary);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.input-multi__value {
  vertical-align: middle;
  min-width: auto;
}
.input-multi__value + .input-multi__value {
  padding-left: 0.25rem;
}
.input-multi__datepicker {
  position: absolute !important;
  margin-top: 0.6666666667rem;
  z-index: 2;
  left: 0;
}

.logo {
  font-size: 0;
  position: relative;
}
.logo__wrapper {
  width: auto;
  height: 100%;
  display: block;
  margin: 0 auto;
}
.logo__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.logo--view-base .logo__round {
  fill: #0f8;
}
.logo--view-base .logo__word {
  fill: #21242c;
}
.logo--view-base .logo__word--secondary {
  fill: #8a92a8;
}

.title {
  font-weight: 600;
}
.title a {
  color: #0055ff;
}
.title--mono-space {
  font-feature-settings: "tnum" on, "lnum" on;
}
.title--view-base {
  color: var(--textBase);
}
.title--view-secondary {
  color: var(--textSecondary);
}
.title--view-success {
  color: var(--textSuccess);
}
.title--view-brand-inverse {
  color: var(--controlBrandText);
}
.title--view-brand {
  color: var(--textBrand);
}
.title--view-warning {
  color: var(--textWarning);
}
.title--size-xxxxs {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.title--size-xxxs {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.title--size-xxs {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
}
.title--size-xs {
  font-size: 1.6666666667rem;
  line-height: 2.3333333333rem;
}
.title--size-s {
  font-size: 2rem;
  line-height: 2.6666666667rem;
}
.title--size-m {
  font-size: 1.6666666667rem;
  line-height: 2.3333333333rem;
}
.title--size-l {
  font-size: 2rem;
  line-height: 2.6666666667rem;
}
.title--size-xl {
  font-size: 2rem;
  line-height: 2.6666666667rem;
}

.card-info {
  min-width: 23.3333333333rem;
}
.card-info__content {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
}
.card-info__section--left {
  width: 100%;
}
.card-info__section--right {
  white-space: nowrap;
  text-align: right;
}
.card-info__section--skeleton {
  width: 50% !important;
  display: inline-block !important;
  vertical-align: middle !important;
  max-width: none;
  box-sizing: border-box;
}
.card-info__section--skeleton.card-info__section--right {
  padding-right: 1.6666666667rem;
}
.card-info__skeleton {
  display: inline-block;
}
.card-info__skeleton--label {
  max-width: 10rem;
}
.card-info__skeleton--promo, .card-info__skeleton--description {
  max-width: 50%;
}
.card-info__skeleton + .card-info__skeleton {
  margin-left: 1rem;
}
.card-info__top {
  box-sizing: border-box;
}
.card-info__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-info__text--label {
  text-align: right;
  padding-left: 0.6666666667rem;
  font-feature-settings: "tnum" on, "lnum" on;
}
.card-info__text--bottom {
  margin-right: 1rem;
  margin-bottom: 0.3333333333rem;
  display: inline-block;
}
.card-info__text--color-success {
  color: var(--textSuccess);
}
.card-info__text--color-warning {
  color: var(--textWarning);
}
.card-info__text--color-system {
  color: var(--textSecondary);
}
.card-info__user-id {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
  display: inline-block;
  margin-right: 0.6666666667rem;
}
.card-info__title {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  display: table-cell;
  vertical-align: middle;
}
.card-info__title p {
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 649px) {
  .card-info__title-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 650px) {
  .card-info__title-wrapper {
    display: table-row;
  }
}
@media (max-width: 649px) {
  .card-info__title {
    overflow: hidden;
    flex-shrink: 1;
  }
}
.card-info__icon {
  font-size: 1.3333333333rem;
  opacity: 0.5;
}
.card-info__icon--arrow {
  position: absolute;
  top: 0.2083333333rem;
  right: 0;
}
.card-info__icon--bottom {
  margin-right: 0.3333333333rem;
  vertical-align: middle;
}
.card-info__spinner {
  position: absolute;
  top: 0.2083333333rem;
  right: 0;
}
.card-info__status {
  margin-left: 0.3333333333rem;
  white-space: nowrap;
  vertical-align: middle;
}
.card-info__bottom {
  margin-top: 0.3333333333rem;
  margin-bottom: -0.3333333333rem;
}
.card-info--icon-arrow-space .card-info__top {
  padding-right: 2.1666666667rem;
}
@media (max-width: 767px) {
  .card-info__section--right {
    max-width: 30%;
    margin-left: auto;
  }
  .card-info__top {
    display: flex;
  }
  .card-info__text--label {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6666666667rem;
  }
}
@media (min-width: 768px) {
  .card-info__section {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
  }
  .card-info__section--skeleton {
    display: inline-block;
    width: 50%;
  }
  .card-info__top {
    display: table-row;
    width: 100%;
  }
  .card-info__text--fixed-size {
    text-align: left;
    min-width: 11rem;
    box-sizing: border-box;
  }
}

.progress-bar {
  min-width: 23.3333333333rem;
}
.progress-bar__count {
  padding-right: 1rem;
  display: inline-block;
  vertical-align: middle;
  width: 7.5rem;
  box-sizing: border-box;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
@media (max-width: 767px) {
  .progress-bar__count {
    display: none;
  }
}
.progress-bar__names {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 7.5rem);
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.progress-bar__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.progress-bar__description {
  margin-bottom: 0.6666666667rem;
  font-size: 0;
}
.progress-bar__steps {
  font-size: 0;
  white-space: nowrap;
}
.progress-bar__step {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--backgroundBase);
  display: inline-block;
  width: 100%;
}
.progress-bar__step + .progress-bar__step {
  margin-left: 0.3333333333rem;
}
.progress-bar__step.is-active::before {
  will-change: left;
  -webkit-animation: mov-strips 1.5s infinite linear;
          animation: mov-strips 1.5s infinite linear;
}
.progress-bar__step::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--borderSecondary);
  box-sizing: border-box;
}
.progress-bar__step::before {
  position: absolute;
  content: "";
  left: -1.8333333333rem;
  right: 1px;
  width: calc(100% + 1.8333333333rem);
  top: 1px;
  bottom: 1px;
  background: repeating-linear-gradient(-38deg, var(--backgroundBase), var(--backgroundBase) 0.6666666667rem, var(--borderSecondary) 0.6666666667rem, var(--borderSecondary) 1.1666666667rem);
}
.progress-bar__step span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  box-sizing: border-box;
  z-index: 1;
  min-width: 1rem;
}
.progress-bar--size-s .progress-bar__step {
  height: 0.3333333333rem;
  border-radius: 0.1666666667rem;
}
.progress-bar--size-s .progress-bar__step::after,
.progress-bar--size-s .progress-bar__step span {
  border-radius: 0.1666666667rem;
}
.progress-bar--size-m .progress-bar__step {
  height: 0.6666666667rem;
  border-radius: 0.3333333333rem;
}
.progress-bar--size-m .progress-bar__step::after,
.progress-bar--size-m .progress-bar__step span {
  border-radius: 0.3333333333rem;
}
.progress-bar--size-l .progress-bar__step {
  height: 1rem;
  border-radius: 0.5rem;
}
.progress-bar--size-l .progress-bar__step::after,
.progress-bar--size-l .progress-bar__step span {
  border-radius: 0.5rem;
}
.progress-bar--view-brand span {
  background-color: var(--backgroundBrand);
  border-color: var(--borderPrimary);
}
.progress-bar--view-system span {
  background-color: var(--backgroundSystem);
  border-color: var(--borderBase);
}
.progress-bar--view-success span {
  background-color: var(--backgroundSuccess);
  border-color: var(--borderSuccess);
}
.progress-bar--view-critical span {
  background-color: var(--backgroundCritical);
  border-color: var(--borderCritical);
}
.progress-bar--view-warning span {
  background-color: var(--backgroundWarning);
  border-color: var(--backgroundWarning);
}

.radio__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.radio__text--label {
  margin-bottom: 0.3333333333rem;
}
.radio__text--description {
  margin-top: 0.3333333333rem;
}
.radio--direction-column .radio__option {
  display: block;
}
.radio--direction-column .radio__option + .radio__option {
  margin-top: 0.6666666667rem;
}
.radio--direction-row .radio__options {
  display: flex;
  justify-content: space-between;
}
.radio--direction-row .radio__option {
  width: 100%;
}
.radio--direction-row .radio__option:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.radio--direction-row .radio__option:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.radio--direction-row .radio__option:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.radio--direction-row .radio__option + .radio__option {
  border-left: none;
}

.radio-toggle {
  border-radius: 50%;
  position: relative;
  border: 1px solid var(--borderBase);
  background-color: var(--backgroundSurface);
}
.radio-toggle span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
  background-color: var(--controlBrandBackground);
}
.radio-toggle--size-s {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.radio-toggle--size-s span {
  width: 0.6666666667rem;
  height: 0.6666666667rem;
}
.radio-toggle--size-m {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}
.radio-toggle--size-m span {
  width: 0.8333333333rem;
  height: 0.8333333333rem;
}
.radio-toggle.is-checked {
  border-color: var(--controlBrandBackground);
}
.radio-toggle.is-checked span {
  -ms-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
}
.radio-toggle.is-disabled {
  opacity: 0.6;
}

.card-radio {
  position: relative;
}
.card-radio__value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.card-radio__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  padding-right: 2.5rem;
}
.card-radio__toggle {
  right: 0.8333333333rem;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.tag {
  padding: 0 0.5rem;
  color: var(--textLinkSecondary);
  display: inline-block;
  border-radius: 0.6666666667rem;
  background-color: var(--backgroundSystem);
  font-size: 0;
  box-sizing: border-box;
}
.tag:hover {
  color: var(--textLinkSecondaryHover);
}
.tag__value {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-width: 100%;
}
.tag__icon {
  margin-left: 0.1666666667rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: normal;
}
.tag--size-s {
  height: 1.5rem;
}
.tag--size-s .tag__value {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  line-height: 1.5rem;
}
.tag--size-m {
  height: 1.8333333333rem;
}
.tag--size-m .tag__value {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  line-height: 1.8333333333rem;
}
.tag.is-disabled {
  opacity: 0.6;
}
.tag.is-removable .tag__value {
  max-width: calc(100% - 1.1666666667rem);
}
.tag.is-clipped .tag__value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.checkbox__value {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.checkbox__input {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  opacity: 0;
  width: 150%;
  height: 150%;
}
.checkbox__input:checked + .checkbox__content {
  border-color: var(--controlBrandBackground);
  background-color: var(--controlBrandBackground);
}
.checkbox__input:checked + .checkbox__content .checkbox__icon {
  opacity: 1;
}
.checkbox__content {
  width: 100%;
  height: 100%;
  border-radius: 0.3333333333rem;
  border: 1px solid var(--borderBase);
  background-color: var(--backgroundSurface);
  box-sizing: border-box;
}
.checkbox__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  color: var(--controlBrandText);
  opacity: 0;
}
.checkbox__text {
  display: inline-block;
  vertical-align: top;
  color: var(--textBase);
}
.checkbox.is-disabled {
  opacity: 0.6;
}
.checkbox--size-s .checkbox__value {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
.checkbox--size-s .checkbox__text {
  max-width: calc(100% - 2.1666666667rem);
  font-size: 1rem;
  line-height: 1.3333333333rem;
  margin-left: 0.5rem;
}
.checkbox--size-s .checkbox__icon {
  font-size: 1rem;
}
.checkbox--size-m .checkbox__value {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}
.checkbox--size-m .checkbox__text {
  max-width: calc(100% - 2.5rem);
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-left: 0.8333333333rem;
}
.checkbox--size-m .checkbox__icon {
  font-size: 1.3333333333rem;
}

.card-checkbox {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  position: relative;
}
.card-checkbox__text {
  padding-right: 2.3333333333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-checkbox__text + .card-checkbox__value {
  position: absolute;
}
.card-checkbox--size-m .card-checkbox__text + .card-checkbox__value {
  top: 0.8333333333rem;
  right: 0.8333333333rem;
}
.card-checkbox--size-l .card-checkbox__text + .card-checkbox__value {
  top: 1rem;
  right: 1rem;
}

.button-hamburger {
  width: 2.6666666667rem;
  height: 2.6666666667rem;
  position: relative;
}
.button-hamburger__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.button-hamburger span {
  width: 1.1666666667rem;
  border-radius: 0.1666666667rem;
  height: 0.1666666667rem;
  position: absolute;
  background-color: var(--controlFlatSystemText);
}
.button-hamburger span:nth-child(1) {
  -ms-transform: translate(-50%, -50%) translateY(-0.4166666667rem);
      transform: translate(-50%, -50%) translateY(-0.4166666667rem);
}
.button-hamburger span:nth-child(2) {
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.button-hamburger span:nth-child(3) {
  -ms-transform: translate(-50%, -50%) translateY(0.4166666667rem);
      transform: translate(-50%, -50%) translateY(0.4166666667rem);
}

.icon-image img {
  width: 100%;
  height: 100%;
}

.head {
  display: table;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.head__section {
  display: table-cell;
  vertical-align: middle;
}
.head__section--left {
  white-space: nowrap;
  padding: 0.1666666667rem 0;
}
.head__section--right {
  text-align: right;
}
.head__section--title-align-center {
  text-align: center;
}
.head__section--title-align-left {
  text-align: left;
}
.head__title {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
}
.head__badge {
  display: inline-block;
  vertical-align: middle;
}
.head__buttons {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3333333333rem;
}
.head__button {
  display: inline-block;
  vertical-align: middle;
}
.head__button--main + .head__button--main {
  margin-left: 0.8333333333rem;
}
.head__button--actions {
  margin-left: 0.5rem;
}

.sorting {
  white-space: nowrap;
}
.sorting__title {
  color: var(--textSecondary);
  vertical-align: middle;
  display: inline-block;
  margin-right: 1rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.sorting__options {
  vertical-align: middle;
  display: inline-block;
}
.sorting__option {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  margin-right: 1rem;
}
.sorting__option i {
  font-size: 1.3333333333rem;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0.3333333333rem;
  color: var(--textBrand);
}
.sorting__option.is-active {
  color: var(--textBrand);
}
.sorting__option.is-active:not(.is-disabled-reverse) {
  margin-right: 2.6666666667rem;
}

.pagination__button {
  vertical-align: middle;
}
.pagination__list {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3333333333rem;
}
.pagination__item {
  padding: 0 0.8333333333rem;
}
.pagination__item + .pagination__item {
  margin-left: 0.3333333333rem;
}
.pagination__item--number {
  max-width: 3.6666666667rem;
  display: inline-flex;
  justify-content: center;
}

.card-attachment {
  position: relative;
  min-width: 23.3333333333rem;
  min-height: calc(5rem + 2px);
}
.card-attachment__value {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.card-attachment__name {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.card-attachment__information {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-attachment__information--secondary {
  color: var(--textSecondary);
}
.card-attachment__information--critical {
  color: var(--textCritical);
}
.card-attachment__information--warning {
  color: var(--textWarning);
}
.card-attachment__content {
  padding: 0 2.6666666667rem 0 3.3333333333rem;
}
.card-attachment__status {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 1rem;
}
.card-attachment__button {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 1.6666666667rem;
  font-size: 1.3333333333rem;
  color: var(--textBase);
  opacity: 0.5;
}

.card-details {
  position: relative;
}
.card-details__title {
  margin-bottom: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0.3333333333rem 0;
  max-width: 90%;
}
.card-details__icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.card-details__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-details__item p {
  font-feature-settings: "tnum" on, "lnum" on;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.card-details__item span {
  color: var(--textSecondary);
  display: block;
}
.card-details__item button {
  display: inline-block;
  vertical-align: middle;
}
.card-details__item > * + * {
  margin-top: 0.3333333333rem;
}
.card-details__item--skeleton {
  min-width: 8.3333333333rem;
}
.card-details__list {
  margin-bottom: -1rem;
  margin-right: -1rem;
}

.toast-container {
  position: fixed;
  z-index: 100;
}

.context-menu {
  position: fixed;
  z-index: 100;
  opacity: 0;
}

.tooltip {
  position: relative;
  font-size: 0;
  cursor: pointer;
  display: inline-block;
}
.tooltip__button {
  position: absolute;
  right: 0.3333333333rem;
  top: 0.3333333333rem;
}
.tooltip__content > p {
  color: var(--textSecondary);
}
.tooltip__wrapper {
  position: absolute;
  border-radius: 0.6666666667rem;
  min-height: 4.1666666667rem;
  background: var(--backgroundSurface);
  border: 1px solid var(--borderSecondary);
  z-index: 10;
  opacity: 0;
  -ms-transform: translate(0, 10px);
      transform: translate(0, 10px);
  padding: 1rem 2.6666666667rem 1rem 1rem;
  box-sizing: border-box;
}
.tooltip__wrapper::before {
  content: "";
  position: absolute;
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  box-sizing: border-box;
  border-radius: 1px;
  border: 1px solid var(--borderSecondary);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  border-bottom-color: transparent;
  border-right-color: transparent;
  background: inherit;
}
.tooltip__wrapper--size-s {
  width: 12.5rem;
}
.tooltip__wrapper--size-m {
  width: 21.6666666667rem;
}
.tooltip__wrapper--text-size-s .tooltip__content > p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.tooltip__wrapper--text-size-m .tooltip__content > p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.tooltip__wrapper--position-bottom-right::before {
  left: 1rem;
  top: -0.3333333333rem;
}
.tooltip__wrapper--position-bottom-center::before {
  left: 50%;
  top: -0.3333333333rem;
  -ms-transform: rotate(45deg) translate(-30%, 30%);
      transform: rotate(45deg) translate(-30%, 30%);
}
.tooltip__wrapper--position-bottom-left::before {
  right: 1rem;
  top: -0.3333333333rem;
}
.tooltip__wrapper--position-right-bottom::before {
  left: -0.3333333333rem;
  top: 1rem;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.tooltip__wrapper--position-right-center::before {
  left: -0.3333333333rem;
  top: 50%;
  -ms-transform: rotate(-45deg) translate(30%, -30%);
      transform: rotate(-45deg) translate(30%, -30%);
}
.tooltip__wrapper--position-right-top::before {
  left: -0.3333333333rem;
  bottom: 1rem;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.tooltip__wrapper--position-top-right::before {
  left: 1rem;
  bottom: -0.3333333333rem;
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
}
.tooltip__wrapper--position-top-center::before {
  left: 50%;
  bottom: -0.3333333333rem;
  -ms-transform: rotate(-135deg) translate(30%, -30%);
      transform: rotate(-135deg) translate(30%, -30%);
}
.tooltip__wrapper--position-top-left::before {
  right: 1rem;
  bottom: -0.3333333333rem;
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
}
.tooltip__wrapper--position-left-bottom::before {
  right: -0.3333333333rem;
  top: 1rem;
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}
.tooltip__wrapper--position-left-center::before {
  right: -0.3333333333rem;
  top: 50%;
  -ms-transform: rotate(135deg) translate(-30%, 30%);
      transform: rotate(135deg) translate(-30%, 30%);
}
.tooltip__wrapper--position-left-top::before {
  right: -0.3333333333rem;
  bottom: 1rem;
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}

#portal {
  z-index: 15;
  position: fixed;
  top: 0;
  left: 0;
}

.card-banner-info {
  min-width: 20rem;
  position: relative;
}
.card-banner-info__description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.card-banner-info__title + .card-banner-info__description {
  margin-top: 0.3333333333rem;
}
.card-banner-info__decoration {
  text-align: center;
}
.card-banner-info__decoration > * {
  display: inline-block;
}
.card-banner-info__spinner--position-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.card-banner-info__spinner--position-absolute + .card-banner-info__text {
  opacity: 0;
}
.card-banner-info__buttons {
  font-size: 0;
}
.card-banner-info--direction-column {
  text-align: center;
}
.card-banner-info--direction-column .card-banner-info__decoration + .card-banner-info__text {
  margin-top: 1rem;
}
.card-banner-info--direction-column .card-banner-info__text {
  padding-top: 0.1666666667rem;
  padding-bottom: 0.1666666667rem;
}
.card-banner-info--direction-column .card-banner-info__buttons {
  margin-top: 1rem;
}
.card-banner-info--direction-column .card-banner-info__button {
  width: 100%;
}
.card-banner-info--direction-column .card-banner-info__button + .card-banner-info__button {
  margin-top: 0.6666666667rem;
}
.card-banner-info--direction-row .card-banner-info__content {
  display: table;
  width: 100%;
}
.card-banner-info--direction-row .card-banner-info__content > * {
  display: table-cell;
}
.card-banner-info--direction-row .card-banner-info__decoration {
  width: 3.3333333333rem;
}
.card-banner-info--direction-row .card-banner-info__decoration + .card-banner-info__text {
  padding-left: 1rem;
}
.card-banner-info--direction-row .card-banner-info__buttons {
  padding-left: 1.3333333333rem;
  text-align: right;
  white-space: nowrap;
}
.card-banner-info--direction-row .card-banner-info__button + .card-banner-info__button {
  margin-left: 0.6666666667rem;
}
.card-banner-info--direction-row.card-banner-info--align-top .card-banner-info__content > * {
  vertical-align: top;
}
.card-banner-info--direction-row.card-banner-info--align-middle .card-banner-info__content > * {
  vertical-align: middle;
}

.iphone-spacer {
  height: 34px;
}

.tabs {
  display: inline-block;
}
.tabs--stretch {
  max-width: 100%;
}
.tabs--stretch .tabs__list {
  white-space: nowrap;
}
.tabs--stretch .tabs__wrapper {
  max-width: 100%;
}
.tabs--stretch .tabs__scroller {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.tabs__item {
  display: inline-block;
  vertical-align: middle;
  color: var(--controlBaseText);
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.tabs__item.is-active {
  color: var(--controlBaseTextHover);
}
.tabs__icon {
  vertical-align: middle;
  margin-right: 0.5rem;
  font-size: 1rem;
}
.tabs__scroller {
  position: relative;
}
.tabs__wrapper {
  box-shadow: inset 0 0 0 1px var(--borderSecondary);
  background-color: var(--backgroundBase);
  position: relative;
  border-radius: 0.6666666667rem;
  display: inline-block;
}
.tabs__list {
  position: relative;
}
.tabs__toggle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 0.6666666667rem;
  background-color: var(--backgroundSurface);
  border: 1px solid var(--borderBase);
  box-sizing: border-box;
}
.tabs--size-m .tabs__item {
  padding: 0 1rem;
  min-width: 4.0833333333rem;
  line-height: 2.6666666667rem;
  height: 2.6666666667rem;
}
.tabs--size-m .tabs__toggle {
  height: 2.6666666667rem;
}
.tabs--size-s .tabs__item {
  padding: 0 0.5rem;
  line-height: 2rem;
  height: 2rem;
}
.tabs--size-s .tabs__toggle {
  height: 2rem;
}

.hint {
  opacity: 0.5;
  color: var(--textSecondary);
  display: inline-block;
  font-size: 0;
  line-height: normal;
}
.hint--size-m {
  font-size: 1.3333333333rem;
}
.hint--size-l {
  font-size: 1.6666666667rem;
}

.card-text {
  display: table;
  width: 100%;
}
.card-text__wrapper, .card-text__action {
  display: table-cell;
  vertical-align: middle;
}
.card-text__wrapper {
  width: 100%;
}
.card-text__action {
  padding-left: 1.3333333333rem;
  white-space: nowrap;
}
.card-text__content {
  margin-top: 0.3333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}

.dropzone {
  position: relative;
  box-sizing: border-box;
  color: var(--textSecondary);
  background-color: var(--backgroundBase);
  border: 1px dashed var(--borderBase);
  border-radius: 1rem;
  padding: 0.9166666667rem 1rem;
  text-align: center;
}
.dropzone__icon {
  margin-bottom: 0.6666666667rem;
  font-size: 2.6666666667rem;
}
.dropzone__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.dropzone__input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.table-information table {
  width: 100%;
}
.table-information td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: middle;
}
.table-information tr {
  position: relative;
}
.table-information tr::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  border-radius: 1px;
  background-color: var(--borderSecondary);
  bottom: 0;
}
.table-information tr:first-child td {
  padding-top: 0;
}
.table-information__title {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
.table-information__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  font-weight: 600;
  padding-left: 1rem;
  white-space: nowrap;
  text-align: right;
}
.table-information__text--view-base {
  color: var(--textBase);
}
.table-information__text--view-success {
  color: var(--textSuccess);
}
.table-information__text--view-secondary {
  color: var(--textSecondary);
}

.toggle {
  position: relative;
  width: 2.5rem;
  height: 1.3333333333rem;
  border-radius: 1rem;
  padding: 1px;
  cursor: pointer;
  box-sizing: border-box;
  background-color: var(--borderSecondary);
}
.toggle.is-active {
  background: var(--borderSecondaryHover);
}
.toggle.is-active .toggle__slider {
  -ms-transform: translate(100%, 0);
      transform: translate(100%, 0);
}
.toggle__slider {
  width: 50%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-color: var(--controlBrandText);
  left: 1px;
}
@media (min-width: 1200px) {
  .toggle {
    width: 30px;
    height: 16px;
  }
}
@media (min-width: 1400px) {
  .toggle {
    width: 32px;
  }
}
@media (min-width: 1500px) {
  .toggle {
    width: 34px;
    height: 18px;
  }
}
@media (min-width: 1600px) {
  .toggle {
    width: 38px;
    height: 20px;
  }
}
@media (min-width: 1800px) {
  .toggle {
    width: 42px;
    height: 22px;
  }
}

.card-edit__text, .card-edit__wrapper {
  display: table-cell;
  width: 100%;
}
.card-edit__wrapper {
  text-align: right;
}
.card-edit__text {
  padding-right: 0.3333333333rem;
}
.card-edit__description {
  margin-top: 0.3333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}

.card-link__left {
  white-space: nowrap;
}
.card-link__left span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 650px) {
  .card-link__left span {
    max-width: 41.6666666667rem;
    display: block;
  }
}
.card-link__slot {
  display: inline-block;
  vertical-align: middle;
}
.card-link__badge {
  vertical-align: middle;
  margin-left: 0.5rem;
}
.card-link__right {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  text-align: right;
  padding-left: 0.5rem;
  position: relative;
  white-space: nowrap;
  padding-right: 0.5rem;
  color: var(--textSecondary);
}
.card-link__right--icon-padding {
  padding-right: 1.8333333333rem;
}
.card-link__icon {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 0;
  color: var(--textBase);
  opacity: 0.5;
}
@media (max-width: 649px) {
  .card-link {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .card-link__right {
    margin-left: auto;
  }
  .card-link__left {
    display: flex;
    min-width: 0;
    overflow: hidden;
  }
}
@media (min-width: 650px) {
  .card-link {
    display: table;
    width: 100%;
  }
  .card-link__left, .card-link__right {
    display: table-cell;
    vertical-align: middle;
  }
  .card-link__left {
    width: 100%;
  }
  .card-link__right {
    width: 100%;
  }
}

.card-banner-decoration {
  padding-left: 1.6666666667rem;
  padding-right: 1.6666666667rem;
  position: relative;
  overflow: hidden;
}
.card-banner-decoration__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin: 0 auto;
  max-width: 48.6666666667rem;
}
.card-banner-decoration__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 649px) {
  .card-banner-decoration {
    padding-top: 1.6666666667rem;
    padding-bottom: 1.6666666667rem;
  }
  .card-banner-decoration__title {
    margin-bottom: 1rem;
  }
  .card-banner-decoration__slot {
    margin-top: 1rem;
  }
}
@media (min-width: 650px) {
  .card-banner-decoration {
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    padding-top: 2.6666666667rem;
    padding-bottom: 2.6666666667rem;
  }
  .card-banner-decoration__title {
    margin-bottom: 1.3333333333rem;
  }
  .card-banner-decoration__slot {
    margin-top: 1.3333333333rem;
  }
}

.card-copy-link {
  padding: 1.6666666667rem;
}
@media (max-width: 649px) {
  .card-copy-link__title {
    text-align: center;
    margin-bottom: 1.3333333333rem;
  }
}
@media (min-width: 650px) {
  .card-copy-link {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .card-copy-link__content {
    display: table;
    width: 100%;
  }
  .card-copy-link__content > * {
    display: table-cell;
    vertical-align: middle;
  }
  .card-copy-link__input {
    width: 25rem;
  }
  .card-copy-link__title {
    padding-right: 2rem;
  }
}

.chart {
  background-color: var(--backgroundSurface);
}
.chart__title {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  margin-bottom: 0.3333333333rem;
}
.chart__title + .chart__value {
  margin-top: 0.5rem;
}
.chart__labels {
  margin-bottom: 0.3333333333rem;
}
.chart__label {
  display: inline-block;
  vertical-align: middle;
}
.chart__label i,
.chart__label p {
  display: inline-block;
  vertical-align: middle;
}
.chart__label p {
  margin-left: 0.3333333333rem;
  font-size: 0.6666666667rem;
  line-height: 1rem;
  color: var(--system);
}
.chart__label + .chart__label {
  margin-left: 1.3333333333rem;
}
.chart--size-s .chart__content {
  min-height: 8.6666666667rem;
}
.chart--size-m .chart__content {
  min-height: 13.3333333333rem;
}
.chart__x-labels {
  font-size: 0.6666666667rem;
  line-height: 1rem;
  color: var(--textSecondary);
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.chart__x-labels > * {
  display: table-cell;
  vertical-align: middle;
}
.chart__x-labels > *:last-child {
  text-align: right;
}

.input-color-picker__value {
  padding-right: 2.3333333333rem;
}
.input-color-picker__native {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.input-color-picker__preview {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  border-radius: 0.3333333333rem;
  overflow: hidden;
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.input-color-picker__preview span {
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
}
.input-color-picker__preview--border {
  box-shadow: 0 0 0 1px var(--borderSecondary);
}
.input-color-picker__preview--background {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D");
}
.input-color-picker.form-item--size-s .input-color-picker__preview {
  right: 0.5rem;
}
.input-color-picker.form-item--size-m .input-color-picker__preview {
  right: 0.6666666667rem;
}
.input-color-picker.form-item--size-l .input-color-picker__preview {
  right: 0.8333333333rem;
}
.input-color-picker.form-item:not(.form-item--view-flat).form-item--size-s .input-color-picker__value {
  padding-right: 2.1666666667rem;
}
.input-color-picker.form-item:not(.form-item--view-flat).form-item--size-m .input-color-picker__value {
  padding-right: 2.3333333333rem;
}
.input-color-picker.form-item:not(.form-item--view-flat).form-item--size-l .input-color-picker__value {
  padding-right: 2.5rem;
}
.input-color-picker__dropdown {
  position: absolute;
  right: 0;
  z-index: 1;
}
.input-color-picker__dropdown--position-top {
  bottom: 100%;
  margin-bottom: 0.6666666667rem;
}
.input-color-picker__dropdown--position-bottom {
  top: 100%;
  margin-top: 0.6666666667rem;
}

.toggle-text__value, .toggle-text__slot, .toggle-text__hint {
  display: inline-block;
  vertical-align: middle;
}
.toggle-text__slot {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-left: 0.5rem;
  max-width: calc(100% - 0.5rem - 2.5rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .toggle-text__slot {
    max-width: calc(100% - 0.5rem - 30px);
  }
}
@media (min-width: 1400px) {
  .toggle-text__slot {
    max-width: calc(100% - 0.5rem - 32px);
  }
}
@media (min-width: 1500px) {
  .toggle-text__slot {
    max-width: calc(100% - 0.5rem - 34px);
  }
}
@media (min-width: 1600px) {
  .toggle-text__slot {
    max-width: calc(100% - 0.5rem - 38px);
  }
}
@media (min-width: 1800px) {
  .toggle-text__slot {
    max-width: calc(100% - 0.5rem - 42px);
  }
}
.toggle-text__hint {
  margin-left: 0.5rem;
}
.toggle-text--hint .toggle-text__slot {
  max-width: calc(100% - 1rem - 2.5rem - 1.3333333333rem);
}
@media (min-width: 1200px) {
  .toggle-text--hint .toggle-text__slot {
    max-width: calc(100% - 1rem - 30px - 1.3333333333rem);
  }
}
@media (min-width: 1400px) {
  .toggle-text--hint .toggle-text__slot {
    max-width: calc(100% - 1rem - 32px - 1.3333333333rem);
  }
}
@media (min-width: 1500px) {
  .toggle-text--hint .toggle-text__slot {
    max-width: calc(100% - 1rem - 34px - 1.3333333333rem);
  }
}
@media (min-width: 1600px) {
  .toggle-text--hint .toggle-text__slot {
    max-width: calc(100% - 1rem - 38px - 1.3333333333rem);
  }
}
@media (min-width: 1800px) {
  .toggle-text--hint .toggle-text__slot {
    max-width: calc(100% - 1rem - 42px - 1.3333333333rem);
  }
}

.input-deletable {
  position: relative;
  padding-right: 4rem;
  box-sizing: border-box;
}
.input-deletable__button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-chart.card--size-l {
  padding-bottom: 0.6666666667rem;
}

.slider {
  text-align: center;
}
.slider__image {
  margin-bottom: 1.3333333333rem;
  display: inline-block;
  width: 24rem;
  height: 16.6666666667rem;
}
.slider__image img {
  width: 100%;
  height: 100%;
}
.slider__title {
  margin-bottom: 0.3333333333rem;
}
.slider__description {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}
.slider__button, .slider__pagination {
  display: inline-block;
  vertical-align: middle;
}
.slider__list {
  margin-bottom: 1rem;
  height: 28.4166666667rem;
}
.slider__pagination {
  margin: 0 0.6666666667rem;
}
.slider__dot {
  display: inline-block;
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  border-radius: 50%;
  background-color: var(--borderSecondary);
  cursor: pointer;
}
.slider__dot.is-active {
  background-color: var(--borderBaseHover);
}
.slider__dot + .slider__dot {
  margin-left: 0.6666666667rem;
}

.card-request__top {
  margin-bottom: 0.3333333333rem;
}
.card-request__top > * {
  display: table-cell;
  vertical-align: middle;
}
.card-request__id {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  font-feature-settings: "tnum" on, "lnum" on;
  padding-right: 1rem;
}
.card-request__sum {
  width: 100%;
}
.card-request__item {
  color: var(--textSecondary);
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
.card-request__item i {
  font-size: 1.3333333333rem;
  margin-right: 0.3333333333rem;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  margin-top: -3px;
}
.card-request__item p {
  display: inline-block;
  vertical-align: middle;
  font-feature-settings: "tnum" on, "lnum" on;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-request__information {
  margin-right: -1rem;
}
@media (max-width: 767px) {
  .card-request__item {
    margin-bottom: 0.5rem;
  }
  .card-request__information {
    margin-bottom: -0.5rem;
  }
  .card-request__links {
    margin-top: 0.6666666667rem;
  }
  .card-request__link--left {
    margin-top: 0.6666666667rem;
  }
  .card-request__right {
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 768px) {
  .card-request__bottom {
    display: table;
    width: 100%;
  }
  .card-request__bottom > * {
    display: table-cell;
    vertical-align: top;
  }
  .card-request__link {
    display: inline-block;
    vertical-align: middle;
  }
  .card-request__link span {
    display: inline;
  }
  .card-request__information {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
  }
  .card-request__right {
    text-align: right;
    white-space: nowrap;
  }
}

.card-collapse--has-right-spacing .collapse--size-xs .collapse__head {
  padding: 1.3333333333rem 4.3333333333rem 0 1.3333333333rem;
}
.card-collapse--has-right-spacing .collapse--size-xs .collapse__head::before {
  bottom: -1.3333333333rem;
}
.card-collapse--has-right-spacing .collapse--size-xs .collapse__icons {
  right: 1.6666666667rem;
  top: 1.3333333333rem;
}
.card-collapse--has-right-spacing .collapse--size-xs .collapse__wrapper {
  padding-bottom: 1.3333333333rem;
}
.card-collapse--has-right-spacing .collapse--size-xs .collapse__content {
  padding-left: 1.6666666667rem;
  padding-right: 4.3333333333rem;
}
.card-collapse__content {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.collapse {
  padding: 0 1px;
  margin: 0 -1px;
}
.collapse__head {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  position: relative;
  color: var(--textBase);
}
.collapse__head::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.collapse__head-bottom {
  position: relative;
  z-index: 2;
}
.collapse__badge {
  vertical-align: middle;
  margin-left: 0.6666666667rem;
}
.collapse__icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6666666667rem;
  color: var(--textSecondary);
}
.collapse__icon--action {
  opacity: 0.5;
}
.collapse__icon--props {
  margin-right: 0.6666666667rem;
}
.collapse__icon + .collapse__icon {
  margin-left: 1.3333333333rem;
}
.collapse__icons {
  position: absolute;
  min-height: 2rem;
  font-size: 0;
  display: flex;
  align-items: center;
}
.collapse__wrapper {
  position: relative;
}
.collapse__header {
  display: inline;
  vertical-align: middle;
}
.collapse__content {
  padding-top: 1.3333333333rem;
}
.collapse__skeleton {
  display: inline-block;
  vertical-align: middle;
}
.collapse--size-m .collapse__divider {
  padding-top: 1.3333333333rem;
  height: 1px;
}
.collapse--size-m .collapse__icons {
  right: 0;
  top: 1.3333333333rem;
}
.collapse--size-m .collapse__icon {
  font-size: 1.6666666667rem;
}
.collapse--size-m .collapse__icon--delete {
  font-size: 2rem;
}
.collapse--size-m .collapse__head {
  padding-top: 1.3333333333rem;
  padding-right: 3rem;
}
.collapse--size-m .collapse__head::before {
  bottom: -1.3333333333rem;
}
.collapse--size-s .collapse__head {
  padding: 0.8333333333rem 3.5rem 0 0.8333333333rem;
}
.collapse--size-s .collapse__head::before {
  bottom: -0.8333333333rem;
}
.collapse--size-s .collapse__icons {
  right: 0.8333333333rem;
  top: 0.6666666667rem;
}
.collapse--size-s .collapse__icon {
  font-size: 1.3333333333rem;
}
.collapse--size-s .collapse__icon--delete {
  font-size: 2rem;
}
.collapse--size-s .collapse__wrapper {
  padding-bottom: 0.8333333333rem;
}
.collapse--size-s .collapse__content {
  padding-left: 0.8333333333rem;
  padding-right: 0.8333333333rem;
}
.collapse--size-xs .collapse__head {
  padding: 0;
}
.collapse--size-xs .collapse__head::before {
  bottom: -0.8333333333rem;
}
.collapse--size-xs .collapse__icons {
  right: 0;
  top: 0;
  font-size: 1.3333333333rem;
}
.collapse--size-xs .collapse__icon {
  font-size: 1.3333333333rem;
}
.collapse--size-xs .collapse__wrapper {
  padding-bottom: 0;
}
.collapse--size-xs .collapse__content {
  padding-left: 0;
  padding-right: 0;
}
.collapse.is-active .collapse__icon--toggle {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
@media (min-width: 1200px) {
  .collapse__icon--delete {
    opacity: 0;
  }
}

.card-promo {
  position: relative;
}
.card-promo__title {
  margin-bottom: 1.3333333333rem;
}
.card-promo__content {
  position: relative;
  z-index: 2;
}
.card-promo__decoration {
  position: absolute;
  z-index: 1;
}
.card-promo__decoration--rocket {
  width: 7.5rem;
  bottom: -2rem;
  right: 0.6666666667rem;
}
.card-promo__decoration--clouds {
  width: 100%;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 0 0 1rem 1rem;
  height: 7.25rem;
}
.card-promo__decoration--clouds .picture {
  height: 100%;
  width: auto;
}
.card-promo__decoration--clouds .picture picture {
  min-width: auto;
  height: 100%;
  min-height: auto;
}
.card-promo__decoration--clouds .picture img {
  height: 100%;
  width: auto;
}
@media (max-width: 767px) {
  .card-promo__decoration {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  .card-promo {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .card-promo {
    min-height: 13.3333333333rem;
  }
  .card-promo__content {
    padding-right: 18.3333333333rem;
  }
  .card-promo__decoration--rocket {
    width: 8.3333333333rem;
    bottom: 0;
    right: 5.0833333333rem;
  }
}

.card-illustration__image {
  border-radius: 0.6666666667rem;
  background-color: var(--backgroundBase);
  position: relative;
}
.card-illustration__image .picture {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .card-illustration__image {
    margin-bottom: 1.3333333333rem;
    width: 100%;
    height: 14.3333333333rem;
  }
  .card-illustration__image .picture {
    width: 20rem;
  }
}
.card-illustration__title {
  margin-bottom: 0.3333333333rem;
}
.card-illustration__description {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}
.card-illustration__button + .card-illustration__button {
  margin-left: 0.6666666667rem;
}
.card-illustration__buttons {
  margin-top: 0.6666666667rem;
}
@media (min-width: 768px) {
  .card-illustration {
    min-height: 17.6666666667rem;
    position: relative;
  }
  .card-illustration__image {
    position: absolute;
    top: 1.6666666667rem;
    right: 1.6666666667rem;
    width: 20rem;
    bottom: 1.6666666667rem;
  }
  .card-illustration__content {
    padding-right: 21.3333333333rem;
    padding-bottom: 4rem;
  }
  .card-illustration__buttons {
    position: absolute;
    left: 1.6666666667rem;
    bottom: 1.6666666667rem;
  }
}

.card-act {
  text-align: center;
}
.card-act__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-bottom: 1.3333333333rem;
}
.card-act__link {
  margin-left: 0.5rem;
  vertical-align: bottom;
}
.card-act__separator {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.card-act__button--send {
  margin-top: 1.3333333333rem;
}

.separator__divider {
  display: table-cell;
  width: 50%;
  height: 1.3333333333rem;
  line-height: 1.3333333333rem;
  vertical-align: middle;
}
.separator__text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.6666666667rem;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}

.card-items__item--view-success {
  color: var(--textSuccess);
}
.card-items__item--view-warning {
  color: var(--textWarning);
}
.card-items__item--view-base {
  color: var(--textSecondary);
}
.card-items__item--view-critical {
  color: var(--textCritical);
}
.card-items__item + .card-items__item {
  margin-top: 1rem;
}
.card-items__title {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
  margin-bottom: 0.1666666667rem;
}
.card-items__description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: inherit;
}
.card-items__divider {
  margin-top: 1rem;
}

.card-banner-info-collapse__head {
  position: relative;
}
.card-banner-info-collapse__icon {
  display: inline-block;
  vertical-align: middle;
}
.card-banner-info-collapse__toggle {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.card-banner-info-collapse__button {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
}
.card-banner-info-collapse__information {
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
.card-banner-info-collapse__title {
  margin-bottom: 0.3333333333rem;
}
.card-banner-info-collapse__description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}

.card-feedback {
  position: relative;
  text-align: center;
}
.card-feedback__logo {
  height: 2rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.card-feedback__text {
  margin-bottom: 1rem;
}
.card-feedback__text p {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}
.card-feedback__text > * + * {
  margin-top: 1.3333333333rem;
}
.card-feedback__response {
  margin: 0 auto;
}
.card-feedback__wrapper {
  min-height: 18.6666666667rem;
  position: relative;
  text-align: left;
  padding-bottom: 5rem;
  box-sizing: border-box;
}
.card-feedback__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: table;
}
.card-feedback__bottom > * {
  display: table-cell;
  vertical-align: middle;
}
.card-feedback__count {
  width: 100%;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
  line-height: 3.3333333333rem;
}
.card-feedback__count span {
  min-width: 0.75rem;
  display: inline-block;
}
.card-feedback__button--action {
  position: absolute;
  top: 1.6666666667rem;
}
.card-feedback__button--close {
  right: 1.6666666667rem;
}
.card-feedback__button--back {
  left: 1.6666666667rem;
}

.rate__list {
  white-space: nowrap;
}
.rate__item {
  display: inline-block;
  vertical-align: middle;
  width: 2.6666666667rem;
  opacity: 0.5;
  cursor: pointer;
}
.rate__item.is-active {
  opacity: 1;
  cursor: auto;
  pointer-events: none;
}
.rate__item img {
  width: 100%;
  display: block;
}
.rate__item + .rate__item {
  margin-left: 1.6666666667rem;
}

.card-create__button {
  width: 100%;
  max-width: 26.6666666667rem;
}
.card-create__decoration {
  width: 10.8333333333rem;
  height: 10.8333333333rem;
  position: absolute;
}
.card-create__decoration--top {
  right: -2rem;
  top: -3.1666666667rem;
}
.card-create__decoration--bottom {
  left: -2rem;
  bottom: -2rem;
}
.card-create__decoration--transform {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  left: -0.8333333333rem;
  bottom: -3.3333333333rem;
}

.card-toggle p, .card-toggle__value {
  display: table-cell;
  vertical-align: middle;
}
.card-toggle p {
  width: 100%;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.card-data__header {
  position: relative;
}
.card-data__title {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
}
.card-data__button {
  position: absolute;
  top: -0.0833333333rem;
  right: -0.5833333333rem;
}
.card-data__divider, .card-data__slot {
  margin-top: 1rem;
}

.editable-text {
  position: relative;
}
.editable-text--view-base .editable-text__value {
  color: var(--inputBaseText);
}
.editable-text--view-secondary .editable-text__value {
  color: var(--textSecondary);
}
.editable-text__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  background-color: transparent;
}
.editable-text--size-xs .editable-text__value {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.editable-text--size-s .editable-text__value {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.editable-text.is-error .editable-text__value {
  color: var(--textCritical);
}
.editable-text--icon .editable-text__value {
  padding-right: 1.8333333333rem;
}
.editable-text__icon {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  right: 0;
  font-size: 1.3333333333rem;
}
.editable-text__icon::before {
  color: var(--inputBaseTextPlaceholder);
  opacity: 0.6;
}

.row-information__item {
  display: table;
  width: 100%;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.row-information__item > * {
  display: table-cell;
  vertical-align: middle;
}
.row-information__item span {
  color: var(--textSecondary);
}
.row-information__item p {
  text-align: right;
}
.row-information__divider {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.form-text-row {
  box-sizing: border-box;
  padding-top: 1rem;
}
.form-text-row__divider {
  margin-top: 1rem;
}
.form-text-row__section {
  box-sizing: border-box;
}
.form-text-row__section--text {
  padding-right: 1.6666666667rem;
}
.form-text-row__title {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.form-text-row__description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  margin-top: 0.3333333333rem;
  color: var(--textSecondary);
}
@media (max-width: 649px) {
  .form-text-row__section + .form-text-row__section {
    margin-top: 1rem;
  }
}
@media (min-width: 650px) {
  .form-text-row__section {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}

@media (max-width: 649px) {
  .address-field__address {
    margin-bottom: 1rem;
  }
}
@media (min-width: 650px) {
  .address-field__address, .address-field__postcode {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
  }
  .address-field__address {
    width: 75%;
    padding-right: 0.5rem;
  }
  .address-field__postcode {
    width: 25%;
    padding-left: 0.5rem;
  }
}

.address-input-select__list {
  margin-top: 0.3333333333rem;
  max-height: 25rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.card-attachment-list-groups__title {
  margin-bottom: 1rem;
}
.card-attachment-list-groups__group + .card-attachment-list-groups__group {
  margin-top: 1.3333333333rem;
}

.sidebar {
  width: 100%;
}
.sidebar--background-surface {
  background-color: var(--backgroundSurface);
}
.sidebar--background-base {
  background-color: var(--backgroundBase);
}
.sidebar--background-transparent {
  background-color: transparent;
}
@media (min-width: 1200px) {
  .sidebar {
    height: 100%;
  }
  .sidebar--size-s {
    width: 20rem;
  }
  .sidebar--size-m {
    width: 26.6666666667rem;
  }
}

.menu-item {
  display: block;
  border-radius: 0.6666666667rem;
  color: var(--textBase);
  padding: 0.8333333333rem 1rem;
  position: relative;
  text-align: left;
}
.menu-item.router-link-active {
  background-color: var(--controlSecondaryBrandBackground);
  color: var(--controlSecondaryBrandText);
}
.menu-item.router-link-active .menu-item__icon--active {
  opacity: 1;
}
.menu-item.router-link-active .menu-item__icon--default {
  opacity: 0;
}
.menu-item__icon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.menu-item__icon--active {
  opacity: 0;
}
.menu-item__icons {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5rem;
  position: relative;
}
.menu-item__text {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 1.8333333333rem);
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.menu-item__information {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 1rem;
  padding-right: 1.1666666667rem;
}
.menu-item__indicator {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 0;
}
@media (max-width: 649px) {
  .menu-item {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }
}
@media (min-width: 650px) {
  .menu-item {
    padding: 0.6666666667rem 1rem 0.6666666667rem 1.6666666667rem;
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }
}
@media (min-width: 1200px) {
  .menu-item {
    border-radius: 0 0.6666666667rem 0.6666666667rem 0;
  }
}

.file-information {
  position: relative;
  padding-left: 3.3333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.file-information::before {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  width: 2.1666666667rem;
  height: 2.1666666667rem;
  line-height: 1.75rem;
  left: 0.25rem;
  font-size: 1.3333333333rem;
  font-family: "icon", sans-serif;
  text-align: center;
  content: "\ea20";
  background-color: rgba(0, 0, 0, 0.15);
  color: transparent;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
}
.file-information__status {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
}
.file-information__name {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: auto;
}
.file-information__date {
  color: var(--textSecondary);
}
.file-information__information {
  color: var(--textWarning);
}

.date-information {
  font-size: 0;
}
.date-information__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  display: inline-block;
  vertical-align: middle;
}
.date-information__text--secondary {
  color: var(--textSecondary);
}
.date-information__text--date i {
  font-size: 1.3333333333rem;
  margin-right: 0.3333333333rem;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  margin-top: -3px;
}
.date-information__text--date p {
  display: inline-block;
  vertical-align: middle;
}
.date-information__text + .date-information__text {
  margin-left: 1rem;
}

.response-comment {
  max-width: 24rem;
  padding-bottom: 1.6666666667rem;
  text-align: center;
}
.response-comment__card {
  text-align: left;
  margin-top: 2.6666666667rem;
}
.response-comment__button {
  margin-top: 1.3333333333rem;
  min-width: 100%;
}

.response-icon-wide {
  padding: 3.75rem 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
.response-icon-wide__content {
  margin: 0 auto;
}

.ordered-list {
  counter-reset: increment;
}
.ordered-list__item {
  padding: 1rem 1.6666666667rem 1rem 5rem;
  counter-increment: increment;
  position: relative;
}
.ordered-list__item h3 {
  margin-bottom: 0.3333333333rem;
}
.ordered-list__item p {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.ordered-list__item::before {
  content: counter(increment);
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: var(--textBrand);
  opacity: 0.6;
  position: absolute;
  top: 1rem;
  left: 1.6666666667rem;
  font-weight: 800;
  width: 2rem;
  text-align: center;
}
.ordered-list__item.is-active {
  border: 1px solid var(--borderPrimary);
  border-radius: 1rem;
  padding-top: 1.6666666667rem;
  padding-bottom: 1.6666666667rem;
}
.ordered-list__item.is-active::before {
  top: 1.6666666667rem;
}
.ordered-list__item + .ordered-list__item {
  margin-top: 0.6666666667rem;
}

.condition-banner {
  background: linear-gradient(90deg, rgba(0, 85, 255, 0.5) 0%, rgba(102, 153, 255, 0.5) 100%);
  border-radius: 1rem;
  padding: 1.3333333333rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.condition-banner__description {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--controlBrandText);
}
@media (max-width: 649px) {
  .condition-banner__button {
    margin-top: 1.3333333333rem;
  }
  .condition-banner__description {
    margin-top: 0.5rem;
  }
  .condition-banner__image {
    display: none;
  }
}
@media (min-width: 650px) {
  .condition-banner {
    padding: 2rem;
  }
  .condition-banner__image {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
  }
  .condition-banner__image img {
    height: 100%;
    display: block;
  }
  .condition-banner__button {
    margin-top: 2rem;
  }
  .condition-banner__description {
    margin-top: 0.6666666667rem;
  }
}

.card-info-list {
  max-width: 24rem;
  margin: 0 auto;
}
.card-info-list__item {
  min-width: auto;
}
.card-info-list__item + .card-info-list__item--red {
  margin-top: 0.3333333333rem;
}
.card-info-list__item + .card-info-list__item--orange {
  margin-top: 0.5rem;
}
.card-info-list__item + .card-info-list__item--yellow {
  margin-top: 0.6666666667rem;
}
.card-info-list__item + .card-info-list__item--green {
  margin-top: 1rem;
}
.card-info-list__item + .card-info-list__item--pink {
  margin-top: 1.3333333333rem;
}
.card-info-list__item + .card-info-list__item--blue {
  margin-top: 1.6666666667rem;
}
.card-info-list__item + .card-info-list__item--cobalt {
  margin-top: 2rem;
}
.card-info-list__item + .card-info-list__item--purple {
  margin-top: 2.6666666667rem;
}
.card-info-list__item + .card-info-list__item--gray {
  margin-top: 4rem;
}
.card-info-list__item + .card-info-list__item--brown {
  margin-top: 4.6666666667rem;
}
.card-info-list__item + .card-info-list__item--black {
  margin-top: 5.3333333333rem;
}
.card-info-list__item + .card-info-list__item--beige {
  margin-top: 6.6666666667rem;
}

.actions-list__action {
  display: table-cell;
  vertical-align: top;
  padding-right: 0.5rem;
}
.actions-list__item p,
.actions-list__item span {
  display: table-cell;
  vertical-align: top;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.actions-list__item p {
  width: 100%;
  padding-right: 1.3333333333rem;
}
.actions-list__item span {
  white-space: nowrap;
  color: var(--textSecondary);
}
.actions-list__item + .actions-list__item {
  margin-top: 0.5rem;
}
@media (min-width: 1200px) {
  .actions-list__item {
    cursor: pointer;
  }
}
.actions-list__show-more {
  margin-left: -1rem;
  margin-top: 1rem;
}

.title-with-hint__text, .title-with-hint__tooltip {
  display: inline-block;
  vertical-align: middle;
}
.title-with-hint__text {
  margin-right: 0.3333333333rem;
}
.title-with-hint__tooltip {
  font-size: 0;
}

.custom-form-field__label {
  margin-bottom: 0.5rem;
}
.custom-form-field__value {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 3.8333333333rem);
  min-width: 9.1666666667rem;
}
.custom-form-field__icon {
  font-size: 1.3333333333rem;
}
.custom-form-field__icon::before {
  color: var(--inputBaseTextPlaceholder);
  opacity: 0.6;
}
.custom-form-field__icon + .custom-form-field__icon {
  margin-left: 0.3333333333rem;
}
.custom-form-field__icon--required.is-active::before {
  color: var(--inputBaseIconWarning);
}
.custom-form-field__icon--settings.is-active::before {
  color: var(--inputBaseIconBrand);
}
.custom-form-field__item {
  padding-left: 1rem;
  padding-right: 1rem;
}
.custom-form-field__item:last-child {
  padding-bottom: 1rem;
}
.custom-form-field__info {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.custom-form-field__text {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.custom-form-field__button {
  display: inline-block;
}
.custom-form-field__button--delete {
  margin-left: 0.5rem;
  vertical-align: top;
}
.custom-form-field__button--add {
  width: 100%;
}
.custom-form-field.is-select .custom-form-field__actions {
  width: 3rem;
}
.custom-form-field.is-textarea .custom-form-field__actions {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  top: 1rem;
}
.custom-form-field.is-multi-datepicker .custom-form-field__value {
  width: calc(50% - 2.1666666667rem);
}
.custom-form-field.is-multi-datepicker .custom-form-field__value + .custom-form-field__value {
  margin-left: 0.5rem;
}
.custom-form-field.is-dropdown-showed .custom-form-field__scroller {
  overflow-y: auto;
}

.card-logo {
  box-sizing: border-box;
  min-height: 5rem;
}
.card-logo img {
  display: block;
  margin: 0 auto;
  height: 2.3333333333rem;
  width: auto;
}
.card-logo > * {
  display: block;
}

.cards-radio__label {
  margin-bottom: 0.5rem;
}
.cards-radio__item p {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.cards-radio__item span {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  display: block;
  color: var(--textSecondary);
  margin-top: 0.3333333333rem;
}
@media (max-width: 649px) {
  .cards-radio__item + .cards-radio__item {
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 650px) {
  .cards-radio__list {
    margin-right: -1rem;
    font-size: 0;
    display: flex;
  }
  .cards-radio__item {
    margin-right: 1rem;
    display: inline-block;
    vertical-align: top;
  }
  .cards-radio__item--size-2 {
    width: calc(50% - 1rem);
  }
  .cards-radio__item--size-3 {
    width: calc(33.333% - 1rem);
  }
  .cards-radio__item--size-4 {
    width: calc(25% - 1rem);
  }
}

.table {
  overflow: hidden;
}
.table:not(.table--without-padding) {
  padding-bottom: 0.8333333333rem;
  margin-bottom: -0.8333333333rem;
}
.table__content {
  min-width: 100%;
}
.table th {
  padding: 1rem 0.6666666667rem 1rem 0;
  color: var(--textSecondary);
  vertical-align: bottom;
}
.table td {
  border-top: 1px solid var(--borderBase);
  border-bottom: 1px solid var(--borderBase);
  padding-right: 0.6666666667rem;
  vertical-align: middle;
}
.table td.is-view-brand {
  color: var(--textBrand);
}
.table td.is-view-warning {
  color: var(--textWarning);
}
.table td.is-view-critical {
  color: var(--textCritical);
}
.table td.is-view-success {
  color: var(--textSuccess);
}
.table td.is-view-secondary {
  color: var(--textSecondary);
}
.table td.is-ellipsis p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.table td.is-space-red {
  padding-top: 0.3333333333rem;
  padding-bottom: 0.3333333333rem;
}
.table td.is-space-orange {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.table td.is-space-yellow {
  padding-top: 0.6666666667rem;
  padding-bottom: 0.6666666667rem;
}
.table td.is-space-green {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.table td.is-space-pink {
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
}
.table td.is-space-blue {
  padding-top: 1.6666666667rem;
  padding-bottom: 1.6666666667rem;
}
.table td.is-space-cobalt {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.table td.is-space-purple {
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
.table td.is-space-gray {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.table td.is-space-brown {
  padding-top: 4.6666666667rem;
  padding-bottom: 4.6666666667rem;
}
.table td.is-space-black {
  padding-top: 5.3333333333rem;
  padding-bottom: 5.3333333333rem;
}
.table td.is-space-beige {
  padding-top: 6.6666666667rem;
  padding-bottom: 6.6666666667rem;
}
.table th,
.table td {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  box-sizing: border-box;
  text-align: left;
}
.table th:last-child,
.table td:last-child {
  text-align: right;
  padding-right: 0;
}
.table .input {
  min-width: auto;
}

.notification-banner {
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 0.6666666667rem;
}
.notification-banner__icon, .notification-banner__content {
  display: inline-block;
  vertical-align: top;
}
.notification-banner__icon {
  font-size: 1.6666666667rem;
}
.notification-banner__content {
  padding-left: 0.6666666667rem;
  width: calc(100% - 1.6666666667rem);
  box-sizing: border-box;
}
.notification-banner__description {
  white-space: pre-line;
  margin-top: 0.3333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.notification-banner--view-success {
  background-color: var(--backgroundSuccess);
}
.notification-banner--view-success .notification-banner__icon {
  color: var(--textSuccess);
}
.notification-banner--view-warning {
  background-color: var(--backgroundWarning);
}
.notification-banner--view-warning .notification-banner__icon {
  color: var(--textWarning);
}
.notification-banner--view-critical {
  background-color: var(--backgroundCritical);
}
.notification-banner--view-critical .notification-banner__icon {
  color: var(--textCritical);
}
.notification-banner--view-system {
  background-color: var(--backgroundSystem);
}
.notification-banner--view-system .notification-banner__icon {
  color: var(--textSecondary);
}

.input-with-actions {
  display: table;
}
.input-with-actions__item {
  display: table-cell;
  vertical-align: bottom;
}
.input-with-actions__item:first-child {
  width: 100%;
}
.input-with-actions__item + .input-with-actions__item {
  padding-left: 1rem;
}
.input-with-actions__action + .input-with-actions__action {
  margin-left: 0.5rem;
}

.cards-radio-layout__cards {
  margin-bottom: 2rem;
}

.grid-row-layout {
  --row-gap: 0.5rem;
  white-space: nowrap;
  width: 100%;
}
.grid-row-layout__item {
  display: inline-block;
  padding-left: var(--row-gap);
  padding-right: var(--row-gap);
  white-space: normal;
}
.grid-row-layout__item .form-item {
  min-width: auto;
}
.grid-row-layout__item--align-top {
  vertical-align: top;
}
.grid-row-layout__item--align-bottom {
  vertical-align: bottom;
}
.grid-row-layout__item--first {
  padding-left: 0;
}
.grid-row-layout__item--last {
  padding-right: 0;
}
.grid-row-layout__item--single {
  padding-left: 0;
  padding-right: 0;
}
.grid-row-layout__item > .button {
  width: 100%;
}

.grid-layout__item {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.grid-layout__item + .grid-layout__item--space-red {
  margin-top: 0.3333333333rem;
}
.grid-layout__item + .grid-layout__item--space-orange {
  margin-top: 0.5rem;
}
.grid-layout__item + .grid-layout__item--space-yellow {
  margin-top: 0.6666666667rem;
}
.grid-layout__item + .grid-layout__item--space-green {
  margin-top: 1rem;
}
.grid-layout__item + .grid-layout__item--space-pink {
  margin-top: 1.3333333333rem;
}
.grid-layout__item + .grid-layout__item--space-blue {
  margin-top: 1.6666666667rem;
}
.grid-layout__item + .grid-layout__item--space-cobalt {
  margin-top: 2rem;
}
.grid-layout__item + .grid-layout__item--space-purple {
  margin-top: 2.6666666667rem;
}
.grid-layout__item + .grid-layout__item--space-gray {
  margin-top: 4rem;
}
.grid-layout__item + .grid-layout__item--space-brown {
  margin-top: 4.6666666667rem;
}
.grid-layout__item + .grid-layout__item--space-black {
  margin-top: 5.3333333333rem;
}
.grid-layout__item + .grid-layout__item--space-beige {
  margin-top: 6.6666666667rem;
}
.grid-layout__item > p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}

.tabs-layout {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tabs-layout__head {
  margin-bottom: 1.6666666667rem;
}
.tabs-layout__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tabs-layout__body.is-hide {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: 0.1s;
}
.tabs-layout__link {
  margin-top: 1rem;
}
.tabs-layout__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.title-layout {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.title-layout__item {
  display: table;
  width: 100%;
}
.title-layout__item > * {
  display: table-cell;
  vertical-align: middle;
}
.title-layout__label {
  padding-right: 1rem;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.title-layout__title {
  text-align: right;
}
.title-layout__divider--offset-pink {
  margin-top: 1.3333333333rem;
  margin-bottom: 1.3333333333rem;
}
.title-layout__divider--offset-mixed {
  margin-top: 1rem;
  margin-bottom: 1.6666666667rem;
}
.title-layout__divider--offset-blue {
  margin-top: 1.6666666667rem;
  margin-bottom: 1.6666666667rem;
}
.title-layout__slot {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.search-list-layout {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.search-list-layout--spacing {
  padding-bottom: 2.6666666667rem;
}
.search-list-layout__sorting {
  margin-top: 1.3333333333rem;
}
.search-list-layout__list {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.search-list-layout__pagination {
  margin-top: 1.6666666667rem;
}

.editor {
  background-color: var(--backgroundSurface);
  min-height: 29.0833333333rem;
}
.editor .ce-paragraph,
.editor .ce-header {
  margin: 0;
  padding: 0;
}
.editor .ce-paragraph {
  margin: 0.6666666667rem 0;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.editor .ce-paragraph[data-placeholder]:empty::before {
  color: var(--inputBaseTextPlaceholder);
  font-size: inherit;
  line-height: inherit;
}
.editor .ce-paragraph b {
  font-weight: 600;
}
.editor .ce-header {
  margin: 1.3333333333rem 0 0.6666666667rem;
  font-size: 1.6666666667rem;
  line-height: 2.3333333333rem;
  font-weight: 600;
}

.codex-editor:not(.codex-editor--narrow) .codex-editor__redactor {
  margin-left: 4.1666666667rem;
}
.codex-editor:not(.codex-editor--narrow) .ce-block--focused {
  margin-left: -4.1666666667rem;
  padding-left: 4.1666666667rem;
}
.codex-editor:not(.codex-editor--narrow) .ce-toolbar__actions {
  left: -0.4166666667rem;
}
.codex-editor--narrow.codex-editor__redactor {
  margin-right: 4.1666666667rem;
}
.codex-editor--narrow.codex-editor .ce-block--focused {
  margin-right: -4.1666666667rem;
  padding-right: 4.1666666667rem;
}
.codex-editor--narrow.codex-editor .ce-toolbar__actions {
  right: -0.8333333333rem;
}
.codex-editor--narrow.codex-editor .ce-settings {
  left: auto;
  right: 0;
}
.codex-editor--narrow.codex-editor .ce-popover {
  right: 0;
}

.ce-block__content {
  max-width: none;
}
.ce-block:first-child .ce-block__content > * {
  margin-top: 0;
}
.ce-block:last-child .ce-block__content > * {
  margin-bottom: 0;
}

.ce-toolbar__content {
  max-width: none;
}

.codex-editor__redactor {
  padding-bottom: 28.3333333333rem !important;
}

.reward__item--view-base, .reward__item--view-success {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.reward__item--view-base {
  color: var(--textBase);
}
.reward__item--view-secondary {
  color: var(--textSecondary);
}
.reward__item--view-success {
  color: var(--textSuccess);
}
.reward--direction-row {
  display: table;
  text-align: left;
}
.reward--direction-row .reward__item {
  display: table-row;
}
.reward--direction-row .reward__item + .reward__item {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.reward--direction-row .reward__item + .reward__item .reward__text,
.reward--direction-row .reward__item + .reward__item .reward__price {
  padding-top: 0.3333333333rem;
}
.reward--direction-row .reward__text {
  text-align: right;
}
.reward--direction-row .reward__text, .reward--direction-row .reward__price {
  display: table-cell;
}
.reward--direction-row .reward__price {
  padding-left: 0.6666666667rem;
  width: 100%;
}
.reward--direction-row-inline.reward--is-single {
  text-align: right;
}
.reward--direction-row-inline .reward__item {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.reward--direction-row-inline .reward__item + .reward__item {
  padding-left: 0.6666666667rem;
}
.reward--direction-row-inline .reward__text, .reward--direction-row-inline .reward__price {
  display: inline-block;
  vertical-align: middle;
}
.reward--direction-row-inline .reward__price {
  padding-left: 0.6666666667rem;
  min-width: 8.6666666667rem;
  box-sizing: border-box;
}
.reward--direction-column .reward__item {
  display: table-cell;
}
.reward--direction-column .reward__item + .reward__item {
  padding-left: 1.3333333333rem;
}
.reward--direction-column .reward__text, .reward--direction-column .reward__price {
  display: block;
}
.reward--direction-column .reward__text {
  margin-bottom: 0.3333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.reward--direction-column .reward__price {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
@media (max-width: 649px) {
  .reward__item--skeleton {
    width: 10rem;
  }
}
@media (min-width: 650px) {
  .reward:not(.reward--direction-row-inline) .reward__price--skeleton {
    width: 65%;
  }
  .reward:not(.reward--direction-row-inline) .reward__text--skeleton {
    width: 35%;
  }
  .reward--direction-row-inline .reward__item--skeleton {
    min-width: 14rem;
  }
  .reward--direction-row-inline .reward__text--skeleton {
    width: 35%;
  }
  .reward--direction-column .reward__item--skeleton {
    min-width: 16rem;
  }
}

.beneficiary-auction-card__button {
  width: 100%;
  margin-top: 1rem;
}
.beneficiary-auction-card__divider {
  margin-bottom: 1rem;
}
.beneficiary-auction-card .collapse__head::before {
  z-index: auto;
}
.beneficiary-auction-card .collapse__head-bottom {
  position: initial;
}

.beneficiary-auction-card-checkbox__checkbox {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.1666666667rem;
  margin-right: 0.5rem;
}
.beneficiary-auction-card-checkbox__card {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 2.1666666667rem);
}

.bank-logo {
  display: inline-block;
  width: auto;
  font-size: 0;
}
.bank-logo__image {
  display: block;
  margin: 0 auto;
  font-size: 0;
}
.bank-logo__image img {
  display: block;
  height: 100%;
  margin: 0 auto;
}
.bank-logo__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.bank-logo__information {
  color: var(--textSecondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.bank-logo--logo-size-xs .bank-logo__image {
  height: 2rem;
  width: 2rem;
}
.bank-logo--logo-size-xs .bank-logo__content {
  max-width: calc(100% - 2rem + 1px);
}
.bank-logo--logo-size-xs.bank-logo--small .bank-logo__content {
  max-width: calc(100% - 2.5rem + 1px);
}
.bank-logo--logo-size-s .bank-logo__image {
  height: 2.3333333333rem;
  width: 2.3333333333rem;
}
.bank-logo--logo-size-s .bank-logo__content {
  max-width: calc(100% - 2.3333333333rem + 1px);
}
.bank-logo--logo-size-s.bank-logo--small .bank-logo__content {
  max-width: calc(100% - 2.8333333333rem + 1px);
}
.bank-logo--logo-size-m .bank-logo__image {
  height: 2.6666666667rem;
  width: 2.6666666667rem;
}
.bank-logo--logo-size-m .bank-logo__content {
  max-width: calc(100% - 2.6666666667rem + 1px);
}
.bank-logo--logo-size-m.bank-logo--small .bank-logo__content {
  max-width: calc(100% - 3.1666666667rem + 1px);
}
.bank-logo--logo-size-l .bank-logo__image {
  height: 3.3333333333rem;
  width: 3.3333333333rem;
}
.bank-logo--logo-size-l .bank-logo__content {
  max-width: calc(100% - 3.3333333333rem + 1px);
}
.bank-logo--logo-size-l.bank-logo--small .bank-logo__content {
  max-width: calc(100% - 3.8333333333rem + 1px);
}
.bank-logo:not(.bank-logo--small) .bank-logo__image {
  width: auto;
}
.bank-logo:not(.bank-logo--small) .bank-logo__image img {
  width: auto;
}
.bank-logo--small {
  white-space: nowrap;
}
.bank-logo--small .bank-logo__image, .bank-logo--small .bank-logo__content {
  display: inline-block;
  vertical-align: middle;
}
.bank-logo--small .bank-logo__image img {
  width: 100%;
}
.bank-logo--small .bank-logo__content {
  margin-left: 0.5rem;
}
.bank-logo--text-size-s .bank-logo__name, .bank-logo--text-size-auto .bank-logo__name {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.bank-logo--text-size-s .bank-logo__information, .bank-logo--text-size-auto .bank-logo__information {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.bank-logo--text-size-m .bank-logo__name {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
}
.bank-logo--text-size-m .bank-logo__information {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
@media (min-width: 650px) {
  .bank-logo--text-size-auto .bank-logo__name {
    font-size: 1.3333333333rem;
    line-height: 1.8333333333rem;
  }
  .bank-logo--text-size-auto .bank-logo__information {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }
}

.skeleton-bank-logo {
  position: relative;
  padding-left: 2.5rem;
}
.skeleton-bank-logo__logo, .skeleton-bank-logo__text {
  display: inline-block;
}
.skeleton-bank-logo__logo {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
}

.card-referral-link__input {
  max-width: 25rem;
  margin: 0 auto;
}
.card-referral-link__decoration {
  position: absolute;
  z-index: 0;
  width: 23.3333333333rem;
  bottom: 0;
  opacity: 0.4;
}
.card-referral-link__decoration img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 649px) {
  .card-referral-link__decoration--left {
    display: none;
  }
}
.card-referral-link__decoration--right {
  right: -4.6666666667rem;
}
@media (max-width: 649px) {
  .card-referral-link {
    padding-top: 1.6666666667rem;
    padding-bottom: 1.6666666667rem;
  }
  .card-referral-link__title {
    margin-bottom: 1rem;
  }
  .card-referral-link__text {
    margin-bottom: 1rem;
  }
}
@media (min-width: 650px) {
  .card-referral-link__decoration {
    bottom: -6.4166666667rem;
    opacity: 0.65;
  }
  .card-referral-link__decoration--left {
    left: -0.5833333333rem;
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
  }
  .card-referral-link__decoration--right {
    right: -0.5833333333rem;
  }
}

.card-referral-case__title {
  margin-bottom: 0.6666666667rem;
}
.card-referral-case__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.card-referral-case__button {
  margin-top: 1.3333333333rem;
}
@media (max-width: 767px) {
  .card-referral-case__decoration {
    display: none;
  }
}
@media (min-width: 768px) {
  .card-referral-case {
    position: relative;
    overflow: hidden;
  }
  .card-referral-case__conten {
    position: relative;
    z-index: 1;
  }
  .card-referral-case__decoration {
    position: absolute;
    bottom: 0;
    right: 0.5rem;
    width: 27.8333333333rem;
    opacity: 0.6;
    z-index: 0;
  }
}
@media (min-width: 1200px) {
  .card-referral-case__decoration {
    bottom: -1.1666666667rem;
  }
}

.card-charts__title {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.card-charts__description {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-charts__divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .card-charts__text + .card-charts__text {
    margin-top: 0.3333333333rem;
  }
  .card-charts__item + .card-charts__item {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .card-charts__item {
    width: calc(50% - 1.1666666667rem);
    display: inline-block;
    vertical-align: top;
  }
  .card-charts__item + .card-charts__item {
    margin-left: 2.3333333333rem;
  }
  .card-charts__text {
    width: calc(50% - 1.1666666667rem);
    display: inline-block;
    vertical-align: top;
  }
  .card-charts__text + .card-charts__text {
    margin-left: 2.3333333333rem;
  }
}

.card-referral-calculator__decoration {
  position: absolute;
  z-index: 0;
}
.card-referral-calculator__decoration img {
  display: block;
  width: 100%;
  height: auto;
}
.card-referral-calculator__decoration--image-1 {
  width: 5.5rem;
  top: 2.0833333333rem;
}
@media (max-width: 649px) {
  .card-referral-calculator__decoration--image-1 {
    opacity: 0.6;
    right: 0;
  }
}
.card-referral-calculator__decoration--image-2 {
  width: 9rem;
  bottom: 1.8333333333rem;
  left: -3.25rem;
  opacity: 0.7;
}
@media (max-width: 649px) {
  .card-referral-calculator__decoration--image-3 {
    display: none;
  }
}
@media (min-width: 650px) {
  .card-referral-calculator__decoration--image-1 {
    top: 4.5833333333rem;
    left: -1rem;
  }
  .card-referral-calculator__decoration--image-2 {
    bottom: 0.4166666667rem;
    left: 3.5rem;
  }
  .card-referral-calculator__decoration--image-3 {
    width: 17.9166666667rem;
    bottom: -5.0833333333rem;
    right: 0.4166666667rem;
  }
}

.referral-about {
  padding-bottom: 2rem;
}
.referral-about__item + .referral-about__item {
  margin-top: 2.6666666667rem;
}
.referral-about__title {
  margin-left: 1.6666666667rem;
  margin-bottom: 0.6666666667rem;
  font-size: 1.6666666667rem;
  line-height: 2.3333333333rem;
}
@media (min-width: 650px) {
  .referral-about__title {
    margin-left: 2rem;
  }
}

.referral-statistics {
  padding-bottom: 1.6666666667rem;
}
.referral-statistics__card--main {
  margin-bottom: 1.6666666667rem;
}
.referral-statistics__wrapper {
  margin-bottom: 1rem;
}
.referral-statistics__title {
  margin-bottom: 1rem;
}
@media (max-width: 649px) {
  .referral-statistics__table {
    margin-left: -5.555%;
    margin-right: -5.555%;
    padding-left: 5.555%;
    padding-right: 5.555%;
  }
}
@media (min-width: 650px) and (max-width: 767px) {
  .referral-statistics__table {
    margin-left: -7.828%;
    margin-right: -7.828%;
    padding-left: 7.828%;
    padding-right: 7.828%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .referral-statistics__table {
    margin-left: -6.47%;
    margin-right: -6.47%;
    padding-left: 6.47%;
    padding-right: 6.47%;
  }
}
@media (min-width: 1200px) {
  .referral-statistics__table {
    margin-left: -11.6666666667rem;
    margin-right: -11.6666666667rem;
    padding-left: 11.6666666667rem;
    padding-right: 11.6666666667rem;
  }
}
.referral-statistics__response {
  margin: 0 auto;
  margin-top: 4.6666666667rem;
}

.card-balance {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.card-balance__title {
  margin-bottom: 0.3333333333rem;
}
.card-balance__value {
  display: inline-block;
  vertical-align: middle;
}
.card-balance__content {
  min-height: 2.6666666667rem;
}
.card-balance__icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6666666667rem;
  color: var(--textSecondary);
  margin-right: 0.3333333333rem;
}
.card-balance__bottom {
  margin-top: 0.6666666667rem;
  min-height: 3.3333333333rem;
  position: relative;
  z-index: 1;
}
.card-balance__description {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.card-balance__wrapper {
  position: relative;
  z-index: 2;
}
.card-balance__decoration {
  position: absolute;
  z-index: 1;
}
.card-balance__decoration--image-1 {
  width: 5.4166666667rem;
  left: 1.3333333333rem;
  bottom: -1.6666666667rem;
}
.card-balance__decoration--image-2 {
  width: 6.75rem;
  left: -2.5rem;
  top: -0.9166666667rem;
}
.card-balance__decoration--image-3 {
  width: 16.0833333333rem;
  right: -8.9166666667rem;
  top: -4.5833333333rem;
}
@media (min-width: 650px) {
  .card-balance__decoration--image-1 {
    left: 0;
    bottom: -2.3333333333rem;
  }
  .card-balance__decoration--image-2 {
    left: -0.5833333333rem;
    top: -1rem;
  }
  .card-balance__decoration--image-3 {
    right: -9.0833333333rem;
  }
}

.card-order {
  min-width: 23.3333333333rem;
  position: relative;
}
.card-order__top {
  display: table;
  position: relative;
  width: 100%;
}
.card-order__tooltip {
  max-width: 100%;
}
.card-order__text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.card-order__text--bank {
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.card-order__item {
  display: table-cell;
}
.card-order__item--align-right {
  text-align: right;
}
.card-order__item--wide {
  width: 100%;
}
.card-order__item--sum {
  padding-right: 3rem;
}
.card-order__button {
  position: absolute;
  right: 0.6666666667rem;
  top: 0.5833333333rem;
  z-index: 1;
}
.card-order__information {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  min-height: 1.6666666667rem;
}
.card-order__icon {
  display: inline-block;
  vertical-align: middle;
}
.card-order__icon--bank + .card-order__icon--bank {
  margin-left: -1.6666666667rem;
}
.card-order__icon--bank-1 {
  z-index: 3;
}
.card-order__icon--bank-2 {
  z-index: 2;
}
.card-order__icon--bank-3 {
  z-index: 1;
  opacity: 0.5;
}
.card-order__status + .card-order__status {
  margin-left: 0.3333333333rem;
}
.card-order__sum {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
  font-weight: 600;
}
.card-order__divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.card-order__platform {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3333333333rem;
}
.card-order__bank {
  display: inline-block;
  vertical-align: middle;
}
.card-order__link--information {
  display: inline-block;
}
.card-order--skeleton .skeleton-text {
  display: inline-block;
}
.card-order--skeleton .card-order__link {
  text-align: left;
}
.card-order--skeleton .card-order__link--information {
  min-width: 50%;
}
.card-order--skeleton .card-order__sum {
  min-width: 50%;
  text-align: right;
}
.card-order--skeleton .card-order__bank {
  white-space: nowrap;
  min-width: 8.3333333333rem;
}
@media (max-width: 767px) {
  .card-order__top {
    padding-bottom: 1.6666666667rem;
  }
  .card-order__link--information {
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .card-order__statuses {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 1rem 0.6666666667rem;
    margin: 0 -1rem -0.6666666667rem;
    margin-top: 1rem;
  }
  .card-order__sum {
    text-align: right;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-left: auto;
  }
  .card-order__line {
    display: flex;
    align-items: center;
  }
  .card-order__text--bank {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    max-width: calc(100% - 2.5rem);
  }
  .card-order__bank {
    margin-right: 0.5rem;
  }
  .card-order__bank + .card-order__sum {
    max-width: 50%;
  }
  .card-order__bank--max-width {
    max-width: calc(50% - 2.3333333333rem);
  }
  .card-order--skeleton .card-order__text--bank {
    min-width: 50%;
  }
  .card-order--skeleton .card-order__item--number {
    width: 50%;
  }
  .card-order--skeleton .card-order__item--sum {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .card-order {
    min-width: 53.3333333333rem;
  }
  .card-order__item {
    vertical-align: top;
    white-space: nowrap;
  }
  .card-order__item--company {
    max-width: 12.6666666667rem;
  }
  .card-order__item + .card-order__item {
    padding-left: 1rem;
  }
  .card-order__link {
    margin-top: 0.3333333333rem;
  }
  .card-order__tooltip .card-order__link--company-name {
    max-width: 100%;
  }
  .card-order__bottom {
    display: table;
    width: 100%;
  }
  .card-order__bottom > * {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
  }
  .card-order__line + .card-order__statuses {
    padding-left: 1rem;
  }
  .card-order__sum {
    text-align: right;
    width: 100%;
    padding-left: 1.3333333333rem;
    white-space: normal;
  }
  .card-order--skeleton .card-order__text--bank {
    min-width: 16.6666666667rem;
  }
  .card-order--skeleton .card-order__information {
    min-width: 10rem;
    max-width: 30%;
  }
  .card-order--skeleton .card-order__link--information {
    max-width: 30%;
  }
  .card-order--skeleton .card-order__sum {
    max-width: 30%;
  }
}

.card-agency-conditions__decoration {
  position: absolute;
}
@media (max-width: 649px) {
  .card-agency-conditions__decoration--image-1, .card-agency-conditions__decoration--image-2 {
    display: none;
  }
}
.card-agency-conditions__decoration--image-3 {
  width: 7.6666666667rem;
  left: -1.3333333333rem;
  top: -2.6666666667rem;
}
.card-agency-conditions__decoration--image-4 {
  width: 12.1666666667rem;
  right: -6.0833333333rem;
  bottom: -4.0833333333rem;
}
@media (min-width: 650px) {
  .card-agency-conditions__decoration--image-1 {
    opacity: 0.5;
    width: 8.5833333333rem;
    -ms-transform: rotate(-58.73deg);
        transform: rotate(-58.73deg);
    left: 5.3333333333rem;
    bottom: -1.8333333333rem;
  }
  .card-agency-conditions__decoration--image-2 {
    opacity: 0.5;
    width: 9rem;
    right: 13rem;
    top: -2.6666666667rem;
  }
  .card-agency-conditions__decoration--image-4 {
    right: -1.9166666667rem;
    bottom: -2.9166666667rem;
  }
}

.platform-info__fields + .platform-info__fields {
  margin-top: 1.6666666667rem;
}
.platform-info__logo + .platform-info__logo {
  margin-top: 1.3333333333rem;
}
.platform-info__field--file {
  min-width: auto;
}
@media (max-width: 649px) {
  .platform-info__field--input + .platform-info__field--input {
    margin-top: 1rem;
  }
  .platform-info__field--card {
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 650px) {
  .platform-info__field {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 0.5rem);
  }
  .platform-info__field + .platform-info__field {
    margin-left: 1rem;
  }
}

.founder-collapsible-list__add, .founder-collapsible-list__remove {
  width: 100%;
}
.founder-collapsible-list__add {
  margin-top: 1.3333333333rem;
}
.founder-collapsible-list__remove {
  margin-top: 1.6666666667rem;
}
.founder-collapsible-list__response {
  margin: 0 auto;
}

.card-passport__banner {
  margin-bottom: 1.3333333333rem;
}
.card-passport__title {
  margin-bottom: 1rem;
}

.card-company__bottom {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  display: table;
  width: 100%;
  font-feature-settings: "tnum" on, "lnum" on;
}
.card-company__left, .card-company__right {
  display: table-cell;
}
.card-company__left {
  width: 100%;
}
.card-company__left span {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.3333333333rem;
}
.card-company__right {
  white-space: nowrap;
}
.card-company__information--success {
  color: var(--textSuccess);
}
.card-company__information--warning {
  color: var(--textWarning);
}
.card-company__information--critical {
  color: var(--textCritical);
}

.order-edit-offer-form {
  padding-bottom: 2.6666666667rem;
}
.order-edit-offer-form__title {
  margin-top: 2.6666666667rem;
  margin-bottom: 1rem;
}
@media (max-width: 649px) {
  .order-edit-offer-form__document + .order-edit-offer-form__document {
    margin-top: 1rem;
  }
}
@media (min-width: 650px) {
  .order-edit-offer-form__document {
    width: calc(50% - 0.5rem);
    display: inline-block;
    vertical-align: top;
  }
  .order-edit-offer-form__document + .order-edit-offer-form__document {
    margin-left: 1rem;
  }
}

.toggle-row {
  position: relative;
  width: 100%;
  min-height: 1.3333333333rem;
  padding-right: 4.3333333333rem;
  box-sizing: border-box;
}
.toggle-row__label {
  display: inline-block;
  width: 100%;
}
.toggle-row__value {
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.auth-layout {
  position: relative;
  background-image: var(--backgroundBase);
  min-height: 50rem;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .auth-layout__wrapper {
    padding-top: 1.6666666667rem;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    box-sizing: border-box;
  }
}
.auth-layout__wrapper--spacing {
  padding-left: 1.6666666667rem;
  padding-right: 1.6666666667rem;
}
@media (max-width: 1199px) {
  .auth-layout__wrapper--spacing {
    padding-bottom: 5.4166666667rem;
  }
}
.auth-layout__content {
  text-align: left;
  max-width: 30rem;
}
@media (max-width: 767px) {
  .auth-layout__content {
    margin-bottom: 2rem;
  }
}
.auth-layout__logo {
  display: inline-block;
  height: 3.3333333333rem;
}
.auth-layout__logo--small {
  height: 3.1666666667rem;
}
.auth-layout__description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  margin-top: 0.6666666667rem;
  color: var(--textBase);
  text-align: inherit;
}
.auth-layout__description--secondary {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: var(--textSecondary);
}
.auth-layout__footer {
  margin-top: auto;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .auth-layout__footer {
    padding-top: 2rem;
    padding-bottom: 1.6666666667rem;
  }
}
.auth-layout__footer--center {
  text-align: center;
}
.auth-layout__link + .auth-layout__link {
  margin-left: 1.3333333333rem;
}
.auth-layout__form {
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
  margin: 0 -5.7%;
  padding-left: 5.803%;
  padding-right: 5.803%;
  background-color: var(--backgroundSurface);
  border-radius: 0.6666666667rem;
}
.auth-layout__form--shadow {
  box-shadow: 0 2px 12px rgba(152, 160, 179, 0.25);
}
@media (min-width: 768px) {
  .auth-layout__wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    height: 100vh;
    margin: 0;
  }
  .auth-layout__content--center {
    text-align: center;
  }
  .auth-layout__logo {
    height: 4.6666666667rem;
  }
  .auth-layout__logo--small {
    height: 3.1666666667rem;
  }
  .auth-layout__description {
    margin-top: 1.6666666667rem;
    font-size: 1.3333333333rem;
    line-height: 1.8333333333rem;
  }
  .auth-layout__footer {
    position: fixed;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding-top: 2.6666666667rem;
    padding-bottom: 2.6666666667rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .auth-layout__form {
    position: fixed;
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .auth-layout--size-s .auth-layout__wrapper {
    width: calc(100% - 32rem);
  }
  .auth-layout--size-s .auth-layout__form {
    width: 32rem;
  }
  .auth-layout--size-m .auth-layout__wrapper {
    width: calc(100% - 34.25rem);
  }
  .auth-layout--size-m .auth-layout__form {
    width: 34.25rem;
  }
  .auth-layout__form-wrapper--absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 2.6666666667rem;
    box-sizing: border-box;
  }
  .auth-layout__form-wrapper--relative {
    height: 100%;
  }
  .auth-layout__form-wrapper--size-s {
    padding: 0 1.6666666667rem;
  }
  .auth-layout__link + .auth-layout__link {
    margin-left: 2rem;
  }
}
@media (min-width: 1200px) {
  .auth-layout__wrapper {
    justify-content: center;
    max-width: none;
  }
  .auth-layout__logo--small {
    height: 3.1666666667rem;
  }
  .auth-layout__content--absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }
  .auth-layout__content--relative {
    padding-top: 2rem;
    position: relative;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  .auth-layout__description {
    text-align: center;
    margin-top: 2rem;
  }
  .auth-layout__footer {
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .auth-layout__form-wrapper--size-m {
    padding: 0 5rem;
  }
  .auth-layout__link + .auth-layout__link {
    margin-left: 1.3333333333rem;
  }
  .auth-layout--size-s .auth-layout__wrapper {
    width: calc(100% - 40rem);
  }
  .auth-layout--size-s .auth-layout__content {
    max-width: 40rem;
  }
  .auth-layout--size-s .auth-layout__form {
    width: 40rem;
  }
  .auth-layout--size-m .auth-layout__wrapper {
    width: calc(100% - 53.3333333333rem);
  }
  .auth-layout--size-m .auth-layout__content {
    max-width: 53.3333333333rem;
  }
  .auth-layout--size-m .auth-layout__form {
    width: 53.3333333333rem;
  }
}

.auth-registration-header__title {
  margin-bottom: 1rem;
}
.auth-registration-header__button {
  margin-top: 1rem;
}

.company-document__title {
  margin-bottom: 1rem;
  text-align: left;
}
.company-document__group {
  text-align: right;
}
.company-document__group + .company-document__group {
  margin-top: 1rem;
}
.company-document__document + .company-document__document {
  margin-top: 1rem;
}
.company-document__button--add {
  margin-top: 1rem;
}

.bank-card-collapse {
  text-align: center;
}
.bank-card-collapse__list {
  box-sizing: border-box;
  margin: -1rem;
  padding: 1rem;
}
.bank-card-collapse__item {
  box-sizing: border-box;
}
@media (max-width: 649px) {
  .bank-card-collapse__item + .bank-card-collapse__item {
    margin-top: 1rem;
  }
}
.bank-card-collapse__item img {
  height: 2.3333333333rem;
}
.bank-card-collapse__bottom {
  margin-top: 1.3333333333rem;
}
@media (min-width: 650px) {
  .bank-card-collapse__item {
    vertical-align: top;
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: calc(100% / 3 - 1rem);
  }
  .bank-card-collapse__bottom {
    position: relative;
  }
  .bank-card-collapse__bottom::before {
    content: "";
    position: absolute;
    bottom: 104%;
    left: 0;
    width: 100%;
    height: 8.1666666667rem;
    background: linear-gradient(0deg, #fff 15.81%, rgba(255, 255, 255, 0) 100%);
  }
}

.table-accounting {
  box-shadow: inset 0 0 0 1px var(--borderBase);
  border-radius: 0.6666666667rem;
  text-align: left;
}
.table-accounting__scroller {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.table-accounting__content {
  width: 100%;
  min-width: 49.1666666667rem;
}
.table-accounting .input {
  min-width: auto;
}
.table-accounting .title {
  line-height: 2rem;
}
.table-accounting th {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--borderBase);
}
.table-accounting td {
  border-top: 1px solid var(--borderBase);
  vertical-align: middle;
  padding-top: 0.6666666667rem;
  padding-bottom: 0.6666666667rem;
}
.table-accounting td.is-error {
  background-color: var(--backgroundCritical) !important;
}
.table-accounting td.is-warning {
  background-color: var(--backgroundWarning) !important;
}
.table-accounting th,
.table-accounting td {
  padding: 1rem;
  min-height: 3.3333333333rem;
}
.table-accounting th:first-child,
.table-accounting td:first-child {
  max-width: 22rem;
  min-width: 22rem;
}
.table-accounting th:nth-child(2),
.table-accounting td:nth-child(2) {
  max-width: 2.6666666667rem;
  min-width: 2.6666666667rem;
}
.table-accounting th:last-child,
.table-accounting td:last-child {
  padding-right: 2.3333333333rem;
}
.table-accounting tr:last-child td {
  padding-bottom: 1rem;
}
.table-accounting tr:last-child td:first-child {
  border-radius: 0 0 0 0.6666666667rem;
}
.table-accounting tr:last-child td:last-child {
  border-radius: 0 0 0.6666666667rem 0;
}
.table-accounting p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.table-accounting p.secondary {
  color: var(--textSecondary);
}
.table-accounting p.strong {
  font-weight: 600;
}
.table-accounting--background-surface {
  background-color: var(--backgroundSurface);
}
.table-accounting.is-disabled {
  opacity: 0.5;
}

.table-cost {
  text-align: right;
  /*
  &__wrapper {
      padding-bottom: toRem(85);
      margin-bottom: toRem(-85);
  }
  */
}
.table-cost__body {
  border: 1px solid var(--borderSecondary);
  border-radius: 0.6666666667rem;
  width: 100%;
  border-collapse: separate;
  position: relative;
  overflow: hidden;
}
.table-cost__scroller {
  text-align: left;
  overflow-x: auto;
  overflow-y: hidden;
}
.table-cost__info {
  position: relative;
  background-image: linear-gradient(to top right, transparent 49%, var(--borderSecondary), transparent 51%);
}
.table-cost__input {
  background-color: transparent;
  box-sizing: border-box;
  height: 100%;
  padding: 0 1.3333333333rem 0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--inputBaseTextHover);
}
.table-cost__input[disabled] {
  color: var(--inputBaseText);
}
.table-cost__tabs {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 0.6666666667rem;
  opacity: 0;
}
.table-cost__tabs.is-disabled {
  opacity: 0;
}
.table-cost__column, .table-cost__row {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  font-weight: 600;
  color: var(--textSecondary);
  position: absolute;
}
.table-cost__column {
  top: 0.3333333333rem;
  right: 0.6666666667rem;
}
.table-cost__row {
  bottom: 0.3333333333rem;
  left: 0.3333333333rem;
}
.table-cost th,
.table-cost td {
  text-align: left;
  padding: 0;
  width: auto;
  box-sizing: border-box;
  vertical-align: middle;
  height: 3.3333333333rem;
  min-height: 3.3333333333rem;
  min-width: 10.8333333333rem;
  position: relative;
}
.table-cost th p,
.table-cost td p {
  padding-left: 1rem;
}
.table-cost th + th,
.table-cost td {
  border-left: 1px solid var(--borderSecondary);
}
.table-cost tbody tr th,
.table-cost tbody tr td {
  border-top: 1px solid var(--borderSecondary);
}
.table-cost__toggle {
  margin-right: 1.6666666667rem;
  margin-top: 0.6666666667rem;
}
.table-cost.is-editable td {
  padding-right: 3.5rem;
}
.table-cost.is-editable:not(:first-child) th:not(:first-child) {
  padding-right: 3.5rem;
}

.requisites-collections__radio {
  margin-bottom: 1rem;
}

.bank-order-card {
  position: relative;
}
.bank-order-card__logo {
  vertical-align: middle;
}
.bank-order-card__bank {
  width: inherit;
  height: inherit;
}
.bank-order-card__action {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.bank-order-card__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 1;
}
.bank-order-card__icon--lightning {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
  width: 1.6666666667rem;
  min-width: 1.6666666667rem;
  font-size: 0;
}
.bank-order-card__icon--close {
  font-size: 1.6666666667rem;
  color: var(--textSecondary);
}
.bank-order-card__value p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
}
.bank-order-card__value p strong {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on;
  display: inline-block;
  white-space: nowrap;
}
@media (max-width: 649px) {
  .bank-order-card__value p strong.skeleton-text {
    display: block;
    max-width: 10rem;
  }
}
.bank-order-card__value p + p {
  color: var(--textSuccess);
}
.bank-order-card__wrapper {
  box-sizing: border-box;
}
.bank-order-card__reward {
  width: 100%;
  box-sizing: border-box;
}
.bank-order-card__error {
  color: var(--textSecondary);
}
.bank-order-card--action .bank-order-card__wrapper {
  padding-right: 2rem;
}
.bank-order-card__bottom {
  margin-top: 1rem;
  margin-bottom: -0.6666666667rem;
}
.bank-order-card__information {
  margin-bottom: 0.6666666667rem;
  margin-right: 0.6666666667rem;
  display: inline-block;
  vertical-align: middle;
}
.bank-order-card__select {
  margin-bottom: 0.6666666667rem;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 649px) {
  .bank-order-card__left {
    margin-bottom: 1rem;
  }
  .bank-order-card__image .bank-order-card__value {
    display: flex;
    gap: 0.6666666667rem;
  }
  .bank-order-card__image .bank-order-card__value p {
    order: 2;
    flex-basis: min-content;
  }
  .bank-order-card__image .bank-order-card__value p + p {
    order: 1;
  }
  .bank-order-card__image .bank-order-card__value p strong {
    margin-top: 0.3333333333rem;
    display: inline-block;
  }
  .bank-order-card__error {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }
  .bank-order-card__logo {
    max-width: calc(100% - 5.3333333333rem);
  }
}
@media (min-width: 650px) {
  .bank-order-card {
    min-height: 5.3333333333rem;
  }
  .bank-order-card::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 3.1666666667rem;
  }
  .bank-order-card__wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  .bank-order-card__value p {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }
  .bank-order-card__value p strong {
    margin-left: 0.6666666667rem;
  }
  .bank-order-card__value p + p {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }
  .bank-order-card__value p + p strong {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }
  .bank-order-card__value p + .bank-order-card__value p {
    margin-top: 0.3333333333rem;
  }
  .bank-order-card__value--align-right {
    text-align: right;
    padding-right: 0.6666666667rem;
  }
  .bank-order-card__value--single p::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    min-height: 3rem;
  }
  @supports (display: flex) {
    .bank-order-card__value {
      width: 100%;
    }
  }
  .bank-order-card__action {
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .bank-order-card__logo {
    max-width: calc(100% - 2.6666666667rem);
  }
  .bank-order-card__logo.skeleton-bank-logo {
    width: 100%;
    box-sizing: border-box;
  }
  .bank-order-card__logo--short {
    max-width: 11rem;
  }
  .bank-order-card__left, .bank-order-card__right {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
  }
  @supports (display: flex) {
    .bank-order-card__left, .bank-order-card__right {
      align-items: center;
      display: inline-flex;
    }
  }
  .bank-order-card__left {
    position: relative;
    width: 100%;
  }
  .bank-order-card__left--short {
    padding-right: 0.8333333333rem;
    width: calc(100% - 31.75rem);
    white-space: nowrap;
  }
  .bank-order-card__right {
    width: 31.75rem;
  }
  .bank-order-card__error {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    text-align: right;
    margin-left: auto;
    padding-right: 2.5rem;
  }
  .bank-order-card__reward.reward--is-single {
    padding-right: 1rem;
  }
}
@media (min-width: 1200px) {
  .bank-order-card--status-cancel .bank-order-card__right {
    padding: 0.1666666667rem 0;
  }
}

.bank-sorted-card__label {
  padding-right: 1rem;
}
.bank-sorted-card__label span {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  font-feature-settings: "tnum" on, "lnum" on;
  min-width: 2.3333333333rem;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  color: var(--textSecondary);
  padding: 0.1666666667rem 0.5rem;
  background-color: var(--backgroundSystem);
  border-radius: 0.6666666667rem;
}
.bank-sorted-card__card {
  width: 100%;
}
.bank-sorted-card__logo {
  min-width: 0;
}
@media (max-width: 649px) {
  .bank-sorted-card {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 650px) {
  .bank-sorted-card__label, .bank-sorted-card__card {
    display: table-cell;
    vertical-align: middle;
  }
}

.finance-product-row {
  position: relative;
  box-sizing: border-box;
  padding-left: 2.3333333333rem;
}
.finance-product-row__slot {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
}
.finance-product-row__card {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.finance-product-card {
  position: relative;
  box-sizing: border-box;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.partner-card__title {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.agent-reward-table.is-scrolling .agent-reward-table__wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}
.agent-reward-table.is-scrolling .agent-reward-table__table {
  width: auto;
}
.agent-reward-table.is-scrolling td, .agent-reward-table.is-scrolling th {
  min-width: 16.5rem;
}
.agent-reward-table__table {
  table-layout: fixed;
  border-collapse: separate;
  border-radius: 0.6666666667rem;
  border: 1px solid var(--borderSecondary);
  background-color: var(--surface);
  width: 100%;
}
.agent-reward-table tr th {
  color: var(--textSecondary);
  font-weight: 600;
}
.agent-reward-table tr td, .agent-reward-table tr th {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  padding: 0.6666666667rem 0.9166666667rem;
  width: 50%;
  text-align: left;
  min-height: 2rem;
  height: 3.3333333333rem;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
}
.agent-reward-table tr td span, .agent-reward-table tr td input, .agent-reward-table tr th span, .agent-reward-table tr th input {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  width: 8.3333333333rem;
  display: inline-block;
  vertical-align: middle;
}
.agent-reward-table tr td .tabs + input, .agent-reward-table tr th .tabs + input {
  width: 100%;
  padding-right: 6.8333333333rem;
  box-sizing: border-box;
}
.agent-reward-table tr td + td,
.agent-reward-table tr th + th {
  border-left: 1px solid var(--borderSecondary);
}
.agent-reward-table tbody tr td {
  border-top: 1px solid var(--borderSecondary);
}
.agent-reward-table td.is-disabled {
  opacity: 0.5;
}
.agent-reward-table__logo {
  white-space: nowrap;
  width: 100%;
}
.agent-reward-table__input {
  background-color: transparent;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--inputBaseTextHover);
}
.agent-reward-table__select {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 1rem;
}
.agent-reward-table__input--changed {
  color: var(--textSuccess);
}
.agent-reward-table__actions {
  margin-top: 0.6666666667rem;
}
@media (max-width: 767px) {
  .agent-reward-table__button {
    margin-top: 1.6666666667rem;
  }
}
@media (min-width: 768px) {
  .agent-reward-table__toggle, .agent-reward-table__button {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
  }
  .agent-reward-table__toggle {
    width: 100%;
    min-height: 2.6666666667rem;
    line-height: 2.6666666667rem;
  }
}

.bank-offer-banner__icons {
  position: relative;
}
.bank-offer-banner__icons:before, .bank-offer-banner__icons:after {
  content: "";
  position: absolute;
  background-color: var(--backgroundBase);
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  top: 0;
  left: 0;
  border: 1px solid var(--borderBase);
  border-radius: 50%;
  box-sizing: border-box;
}
.bank-offer-banner__icons:before {
  z-index: 2;
  left: 0.6666666667rem;
}
.bank-offer-banner__icons:after {
  z-index: 1;
  left: 1.3333333333rem;
  opacity: 0.5;
}
@media (max-width: 649px) {
  .bank-offer-banner__icons {
    margin-bottom: 0.6666666667rem;
  }
}
.bank-offer-banner__icon {
  z-index: 3;
  vertical-align: middle;
}
.bank-offer-banner__title {
  margin-bottom: 0.3333333333rem;
}
.bank-offer-banner__description {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
@media (max-width: 649px) {
  .bank-offer-banner__description {
    margin-bottom: 1rem;
  }
}
@media (max-width: 649px) {
  .bank-offer-banner__button {
    width: 100%;
  }
}
@media (min-width: 650px) {
  .bank-offer-banner {
    display: table;
  }
  .bank-offer-banner__icons, .bank-offer-banner__content, .bank-offer-banner__button {
    display: table-cell;
    vertical-align: top;
  }
  .bank-offer-banner__content {
    padding-left: 2rem;
    padding-right: 0.3333333333rem;
    width: 100%;
    padding-top: 0.1666666667rem;
  }
}

.bank-sorted-card__label {
  padding-right: 1rem;
}
.bank-sorted-card__label span {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  font-feature-settings: "tnum" on, "lnum" on;
  min-width: 2.3333333333rem;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  color: var(--textSecondary);
  padding: 0.1666666667rem 0.5rem;
  background-color: var(--backgroundSystem);
  border-radius: 0.6666666667rem;
}
.bank-sorted-card__card {
  width: 100%;
}
.bank-sorted-card__logo {
  min-width: 0;
}
@media (max-width: 649px) {
  .bank-sorted-card {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 650px) {
  .bank-sorted-card__label, .bank-sorted-card__card {
    display: table-cell;
    vertical-align: middle;
  }
}

.finance-product-row {
  position: relative;
  box-sizing: border-box;
  padding-left: 2.3333333333rem;
}
.finance-product-row__slot {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
}
.finance-product-row__card {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.finance-product-card {
  position: relative;
  box-sizing: border-box;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.setting-offer {
  padding-bottom: 2.6666666667rem;
}
.setting-offer__input {
  margin-bottom: 1.6666666667rem;
}
.setting-offer__title {
  margin-bottom: 1rem;
}
.setting-offer__field + .setting-offer__field {
  margin-top: 1rem;
}
.setting-offer__button {
  width: 100%;
  margin-top: 1rem;
}

.partner-card__title {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.user-filters__card {
  position: relative;
  padding: 1.3333333333rem;
}
.user-filters__card + .user-filters__card {
  margin-top: 1rem;
}
.user-filters__card:hover .user-filters__icon {
  opacity: 1;
  pointer-events: auto;
}
.user-filters__card .user-filters__icon {
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.user-filters__title {
  margin-bottom: 1rem;
}
.user-filters__group + .user-filters__group {
  margin-top: 1rem;
}
.user-filters__label {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-bottom: 0.5rem;
}
.user-filters__values {
  margin-left: -0.6666666667rem;
  margin-bottom: -0.6666666667rem;
}
.user-filters__item {
  margin-left: 0.6666666667rem;
  margin-bottom: 0.6666666667rem;
}
.user-filters__input + .user-filters__input {
  margin-top: 0.6666666667rem;
}
.user-filters__icons {
  position: absolute;
  top: 0.8333333333rem;
  right: 0.8333333333rem;
}
.user-filters__icon + .user-filters__icon {
  margin-left: -0.6666666667rem;
}
.user-filters__input + .user-filters__action, .user-filters__list + .user-filters__action {
  margin-top: 1.3333333333rem;
}
.user-filters__action {
  text-align: right;
}
.user-filters__button + .user-filters__button {
  margin-left: 0.6666666667rem;
}

.card-user {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.card-user__left {
  display: flex;
  flex-grow: 1;
  min-width: 0;
}
.card-user__title {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  margin-right: 0.6666666667rem;
}
.card-user__right {
  white-space: nowrap;
  margin-left: 0.6666666667rem;
}
.card-user__title, .card-user__uid {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}
.card-user__uid {
  text-align: right;
  color: var(--textSecondary);
}
@media (min-width: 650px) {
  .card-user {
    display: table;
    width: 100%;
  }
  .card-user__left, .card-user__right {
    display: table-cell;
    white-space: nowrap;
  }
  .card-user__left {
    width: 100%;
  }
}

.card-list-information__item p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  margin-top: 0.3333333333rem;
}
@media (max-width: 767px) {
  .card-list-information__item {
    padding: 1.5rem 0;
  }
  .card-list-information__item:first-child {
    padding-top: 0;
  }
  .card-list-information__item:last-child {
    padding-bottom: 0;
  }
  .card-list-information__item + .card-list-information__item {
    border-top: 1px solid var(--borderBase);
  }
}
@media (min-width: 768px) {
  .card-list-information__item {
    display: inline-block;
    vertical-align: top;
    padding: 0 2.3333333333rem;
    box-sizing: border-box;
  }
  .card-list-information__item:first-child {
    padding-left: 0;
  }
  .card-list-information__item:last-child {
    padding-right: 0;
  }
  .card-list-information__item--2 {
    width: 50%;
  }
  .card-list-information__item--3 {
    width: 33.333%;
  }
  .card-list-information__item--4 {
    width: 25%;
  }
  .card-list-information__item + .card-list-information__item {
    border-left: 1px solid var(--borderBase);
  }
}

.card-bank-checkbox {
  position: relative;
  box-sizing: border-box;
  padding-left: 2.3333333333rem;
}
.card-bank-checkbox__checkbox {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
}
.card-bank-checkbox__card {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.platform-bank-list__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.platform-bank-list__card + .platform-bank-list__card {
  margin-top: 1rem;
}

.card-product-parameter__list {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.3333333333rem);
}
.card-product-parameter__button {
  display: inline-block;
  margin-left: 1rem;
  vertical-align: bottom;
}
.card-product-parameter__field {
  display: inline-block;
  width: 100%;
}
.card-product-parameter.non-expandable .card-product-parameter__list {
  width: 100%;
}
.card-product-parameter.is-full .card-product-parameter__field {
  width: calc(50% - 0.5rem);
}
.card-product-parameter.is-full .card-product-parameter__field + .card-product-parameter__field {
  margin-left: 1rem;
}

.login__divider-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 0;
}
.login__divider-wrapper p {
  display: inline-block;
  vertical-align: middle;
  color: var(--textSecondary);
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin: 0 0.4166666667rem;
}
.login__divider {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 1.583rem);
}
.login__media {
  width: 100%;
  margin-bottom: -1rem;
}
.login__link {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  .login__link {
    width: calc(50% - 0.333rem);
    margin-bottom: 1rem;
  }
  .login__link:nth-child(even) {
    margin-left: 0.6666666667rem;
  }
}
.login__button--enter {
  margin-top: 1.6666666667rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .login__media {
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
  }
  .login__link + .login__link {
    margin-left: 0.6666666667rem;
  }
}

.recovery__button {
  width: 100%;
}
.recovery__input {
  margin-bottom: 1.6666666667rem;
}

.restore__button {
  margin-top: 1.6666666667rem;
  width: 100%;
}

.auth-registration__header {
  margin-bottom: 1.6666666667rem;
}
.auth-registration__card {
  width: 100%;
}
.auth-registration__card + .auth-registration__card {
  margin-top: 1rem;
}
.auth-registration__line {
  margin-top: 1rem;
}
.auth-registration__button {
  width: 100%;
}
.auth-registration__button-wrapper {
  margin-top: 1.6666666667rem;
}
.auth-registration__privacy {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}
@media (min-width: 768px) {
  .auth-registration {
    min-height: 44.1666666667rem;
  }
}

.system-page-layout {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.system-page-layout__sorting {
  margin-bottom: 1rem;
}
@media (max-width: 649px) {
  .system-page-layout__sorting {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -5.555%;
    margin-right: -5.555%;
    padding-left: 5.555%;
    padding-right: 5.555%;
    padding-bottom: 0.8333333333rem;
    margin-bottom: 0.1666666667rem;
  }
}
.system-page-layout__tabs {
  margin-bottom: 1rem;
}
.system-page-layout__search {
  margin-bottom: 1rem;
}
.system-page-layout__list, .system-page-layout__loading {
  flex-grow: 1;
}
.system-page-layout__loading {
  min-height: 30vh;
}
.system-page-layout__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.system-page-layout__pagination {
  margin-top: 1.6666666667rem;
}
.system-page-layout__response {
  margin: 0 auto;
  margin-top: 2rem;
}

.bank-agents-condition__row {
  margin-bottom: 1.6666666667rem;
}
.bank-agents-condition__item {
  width: 49.41%;
  display: inline-block;
}
.bank-agents-condition__item + .bank-agents-condition__item {
  margin-left: 1.17%;
}
.bank-agents-condition__action {
  margin-top: 0.6666666667rem;
  text-align: right;
}

.reward-info__head {
  margin-bottom: 1.6666666667rem;
}
@media (max-width: 767px) {
  .reward-info__select + .reward-info__select {
    margin-top: 1rem;
  }
}
.reward-info__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .reward-info__select {
    display: inline-block;
    width: calc(50% - 0.5rem);
  }
  .reward-info__select:last-child {
    margin-left: 1rem;
  }
}

.sign-documents {
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
  box-sizing: border-box;
  position: relative;
}
.sign-documents__document + .sign-documents__document {
  margin-top: 0.6666666667rem;
}
.sign-documents__actions {
  margin-bottom: 1.3333333333rem;
}
.sign-documents__label {
  color: var(--textSecondary);
  font-size: 1rem;
  line-height: 1.3333333333rem;
  margin-bottom: 1.6666666667rem;
}
.sign-documents__card {
  margin-bottom: 1.3333333333rem;
}
.sign-documents__information {
  width: 100%;
  margin: 13vh auto 0;
  margin-bottom: 2rem;
}
.sign-documents__information--progress {
  max-width: 30rem;
}
.sign-documents__information--response {
  max-width: 24rem;
}
.sign-documents__head {
  margin: 0 auto;
  margin-bottom: 2rem;
}
.sign-documents__title {
  margin-bottom: 1rem;
  text-align: center;
}
.sign-documents__percent {
  text-align: center;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .sign-documents__button {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .sign-documents__actions {
    display: table;
  }
  .sign-documents__actions > * {
    display: table-cell;
    vertical-align: top;
  }
  .sign-documents__select {
    width: 100%;
  }
  .sign-documents__button {
    margin-left: 0.6666666667rem;
    white-space: nowrap;
  }
}
.finance-product-card-list {
  position: relative;
}

.founder-card-list--empty {
  text-align: center;
}
.founder-card-list__banner {
  margin-bottom: 1.3333333333rem;
}
.founder-card-list__response {
  margin: 0 auto;
}
.founder-card-list__button {
  width: 100%;
}
.founder-card-list__response + .founder-card-list__button {
  margin-top: 1.3333333333rem;
}
.founder-card-list__item + .founder-card-list__item {
  margin-top: 1rem;
}
.founder-card-list__list + .founder-card-list__button {
  margin-top: 0.6666666667rem;
}

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.navigation--border {
  border-right: 1px solid var(--borderSecondary);
}
.navigation__button--hamburger {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 649px) {
  .navigation__button--hamburger {
    margin-right: 0.3333333333rem;
  }
}
.navigation__button--log-out {
  right: 5%;
}
@media (max-width: 1199px) {
  .navigation__button--log-out {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
}
.navigation__button--copy {
  display: inline-block;
  vertical-align: middle;
}
.navigation__phone {
  display: inline-block;
  vertical-align: middle;
}
.navigation__title {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  margin-bottom: 0.3333333333rem;
}
.navigation__logo {
  height: 2.6666666667rem;
  display: inline-block;
  vertical-align: middle;
}
.navigation__head {
  width: 100%;
  position: relative;
  z-index: 2;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: none;
  border-bottom: 1px solid transparent;
}
.navigation__head--background-surface {
  background-color: var(--backgroundSurface);
}
@media (max-width: 1199px) {
  .navigation__head {
    border-color: var(--borderBase);
  }
}
.navigation__bottom {
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
  padding-left: 1.6666666667rem;
  padding-right: 1.6666666667rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  background-color: var(--backgroundSurface);
  box-sizing: border-box;
  border-top: 1px solid transparent;
}
@media (max-width: 1199px) {
  .navigation__bottom {
    border-color: var(--borderBase);
  }
}
.navigation__wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  box-sizing: border-box;
  background-color: var(--backgroundSurface);
}
.navigation__item + .navigation__item {
  margin-top: 0.5rem;
}
.navigation__menu:not(:last-child) {
  padding-bottom: 1.6666666667rem;
}
.navigation__main {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6.3333333333rem 5% 8.0833333333rem;
  box-sizing: border-box;
}
@media (min-width: 650px) {
  .navigation__wrapper {
    width: 20rem;
  }
}
@media (min-width: 650px) and (max-width: 1199px) {
  .navigation__wrapper {
    border-right: 1px solid var(--borderSecondary);
  }
}
@media (min-width: 650px) {
  .navigation__main {
    padding-left: 0;
    padding-right: 1rem;
  }
}
@media (min-width: 650px) and (max-width: 1199px) {
  .navigation__main {
    padding-bottom: 16.75rem;
  }
}
@media (min-width: 650px) {
  .navigation__button--hamburger {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    left: 1.2%;
  }
}
@media (min-width: 1200px) {
  .navigation__head {
    padding-top: 1.6666666667rem;
    padding-bottom: 2rem;
    padding-left: 1.6666666667rem;
    padding-right: 0;
  }
  .navigation__wrapper {
    width: 100%;
    position: absolute;
  }
  .navigation__main {
    padding-top: 6.3333333333rem;
    padding-bottom: 6.4166666667rem;
  }
  .navigation__head.is-over-scrolled, .navigation__bottom.is-over-scrolled {
    border-color: var(--borderBase);
  }
  .navigation__button--log-out {
    position: absolute;
    right: 1rem;
    bottom: 2rem;
  }
}

.orders-explorer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.orders-explorer__input {
  width: calc(100% - 3rem);
  display: inline-block;
  vertical-align: middle;
}
.orders-explorer__button {
  margin-left: 0.3333333333rem;
  display: inline-block;
  vertical-align: middle;
}
.orders-explorer__item + .orders-explorer__item {
  margin-top: 1rem;
}
.orders-explorer__list {
  position: relative;
}
.orders-explorer__bottom {
  margin-top: auto;
}
@media (max-width: 649px) {
  .orders-explorer__bottom {
    text-align: center;
  }
}
.orders-explorer__response {
  margin: 0 auto;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .orders-explorer__filters.is-active {
    margin-top: 0.6666666667rem;
  }
}

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 11;
  box-sizing: border-box;
}

.step-beneficiaries__button {
  width: 100%;
  margin-bottom: 1.3333333333rem;
}

.aside-filters {
  width: auto;
}
.aside-filters__wrapper {
  padding: 1.6666666667rem;
}
.aside-filters__head {
  position: relative;
}
.aside-filters__button--clear {
  position: absolute;
  top: 50%;
  right: -0.6666666667rem;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.aside-filters__section--dividered {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--borderSecondary);
}
.aside-filters__group {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.aside-filters__group--dividered {
  border-bottom: 1px solid var(--borderSecondary);
}

.modal-fetch-company__input + .modal-fetch-company__input {
  margin-top: 1rem;
}
.modal-fetch-company__response {
  margin-left: auto;
  margin-right: auto;
}

.on-boarding__card + .on-boarding__card {
  margin-top: 2rem;
}

.personal-data__title {
  margin-top: 1.6666666667rem;
  margin-bottom: 1rem;
}
.personal-data__credential {
  margin-bottom: 1rem;
}
.personal-data__select {
  margin-bottom: 1.6666666667rem;
}
.personal-data__phones {
  text-align: right;
}
.personal-data__phone {
  position: relative;
  padding-right: 4rem;
}
.personal-data__remove {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.personal-data__phone + .personal-data__add {
  margin-top: 1rem;
}

.administrate-data__item + .administrate-data__item {
  margin-top: 1rem;
}
.administrate-data__title {
  margin-top: 1.6666666667rem;
  margin-bottom: 1rem;
}
.administrate-data__button {
  margin-top: 1rem;
  width: 100%;
}

.dependency-data__item {
  padding-right: 4rem;
  position: relative;
}
.dependency-data__action {
  position: absolute;
  right: 0;
  bottom: 0;
}
.dependency-data__select {
  margin-top: 1rem;
  position: relative;
  padding-right: 8rem;
}
.dependency-data__bottom {
  margin-top: 1rem;
  text-align: right;
}
.dependency-data__add {
  position: absolute;
  right: 4rem;
  top: 0;
}
.dependency-data__remove {
  position: absolute;
  right: 0;
  top: 0;
}

.modal-edit-user__wrapper {
  margin-bottom: 1.6666666667rem;
  overflow-y: hidden;
  overflow-x: auto;
}
.modal-edit-user__tabs {
  white-space: nowrap;
  padding-left: 1.6666666667rem;
  padding-right: 1.6666666667rem;
  margin-left: -1.6666666667rem;
  margin-right: -1.6666666667rem;
}

.company-type-card-list__item + .company-type-card-list__item {
  margin-top: 1rem;
}

.company-tax-form__input {
  display: inline-block;
  width: 55.29%;
  margin-bottom: 1rem;
  min-width: 0;
}
.company-tax-form__input:nth-child(2n) {
  width: 43.52%;
  margin-left: 1.19%;
}

.company-card-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.company-card-list__item + .company-card-list__item {
  margin-top: 1rem;
}
.company-card-list__response {
  margin: 0 auto;
}

.modal-edit-partner__bottom {
  margin-top: 1rem;
  text-align: right;
}

@media (min-width: 650px) and (max-width: 1199px) {
  .modal-aside-filters__filters {
    padding-top: 2rem;
  }
}

.modal-platform-create__steps {
  padding-top: 1.6666666667rem;
}
@media (max-width: 649px) {
  .modal-platform-create__card + .modal-platform-create__card {
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 650px) {
  .modal-platform-create__step--first {
    display: flex;
  }
  .modal-platform-create__card {
    display: inline-block;
    word-wrap: break-word;
    width: calc(50% - 0.3333333333rem);
  }
  .modal-platform-create__card + .modal-platform-create__card {
    margin-left: 0.6666666667rem;
  }
}

.modal-platform-edit__body {
  padding-top: 1.6666666667rem;
}

.modal-bank-chat {
  height: 100%;
}
.modal-bank-chat__chat {
  height: 100%;
}

.platform-explorer__item + .platform-explorer__item {
  margin-top: 0.6666666667rem;
}

.auth-login__title {
  margin-bottom: 1rem;
}
.auth-login__register {
  margin-bottom: 1.6666666667rem;
}
.auth-login__register span {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-right: 1rem;
  color: var(--textSecondary);
}
@media (min-width: 768px) {
  .auth-login {
    min-height: 41.6666666667rem;
  }
}
@media (min-width: 1200px) {
  .auth-login {
    min-height: 35.6666666667rem;
  }
  .auth-login__container {
    padding: 0 5rem;
  }
  .auth-login__register {
    margin-bottom: 1.6666666667rem;
  }
}

.auth-recovery {
  box-sizing: border-box;
}
.auth-recovery__title {
  margin-bottom: 1rem;
}
.auth-recovery__breadcrumb {
  margin-bottom: 1.6666666667rem;
}
.auth-recovery__button {
  width: 100%;
}
.auth-recovery__description {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .auth-recovery__container {
    max-width: 33.3333333333rem;
  }
}
@media (min-width: 768px) {
  .auth-recovery {
    min-height: 22.9166666667rem;
  }
}
@media (min-width: 1200px) {
  .auth-recovery {
    min-height: 21.1666666667rem;
  }
}

.auth-restore__title {
  margin-bottom: 1.6666666667rem;
}

.required-document__top {
  margin-bottom: 1.6666666667rem;
}
.required-document__input {
  display: inline-block;
  width: calc(50% - 0.6666666667rem);
}
.required-document__input + .required-document__input {
  margin-left: 0.6666666667rem;
}
.required-document__title {
  margin-bottom: 1rem;
}

.orders__card + .orders__card {
  margin-top: 1rem;
}
.orders__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.companies {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.companies__tabs {
  margin-bottom: 1.6666666667rem;
}

.finance-products {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.users {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.banks-status-api {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.banks {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.banks__tabs {
  margin-bottom: 1.6666666667rem;
}

.sign-page {
  padding-top: 1rem;
}
.sign-page__text {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  max-width: 39.5833333333rem;
  text-align: center;
  margin: 0 auto;
}

.page-on-boarding {
  padding-top: 2rem;
  text-align: center;
}
.page-on-boarding__logo {
  height: 2.6666666667rem;
}
.page-on-boarding__response {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
}

.referral-registration {
  padding-top: 2rem;
  box-sizing: border-box;
}
.referral-registration__title {
  margin-bottom: 1rem;
}
.referral-registration__link {
  margin-bottom: 1.6666666667rem;
}
.referral-registration__progress-bar {
  margin-bottom: 1rem;
}
.referral-registration__bottom {
  position: fixed;
  width: 100%;
  right: 0;
  bottom: 0;
  text-align: right;
  padding: 1rem 1.6666666667rem;
  border-top: 1px solid var(--borderBase);
  box-sizing: border-box;
  z-index: 2;
  background-color: var(--backgroundSurface);
}
@media (min-width: 768px) {
  .referral-registration {
    padding-bottom: 6.6666666667rem;
  }
  .referral-registration__bottom {
    max-width: 34.25rem;
  }
}
@media (min-width: 1200px) {
  .referral-registration__bottom {
    max-width: 53.3333333333rem;
  }
}

.referral {
  padding-bottom: 2rem;
}
.referral__tabs {
  margin-bottom: 1.6666666667rem;
}
@media (min-width: 1200px) {
  .referral__tabs {
    margin-bottom: 2.6666666667rem;
  }
}

.account {
  padding-bottom: 2.6666666667rem;
}
.account__card + .account__card {
  margin-top: 1rem;
}
.account__line + .account__line {
  margin-top: 1rem;
}
.account__line--align-right {
  text-align: right;
}
.account__fields {
  padding-top: 0.6666666667rem;
}
.account__divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.account__checkbox span {
  display: block;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
  margin-top: 0.3333333333rem;
}
.account__checkbox + .account__checkbox {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .account__input + .account__input {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .account__line {
    font-size: 0;
  }
  .account__input {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .account__input--width-third {
    width: calc(33.333% - 0.6666666667rem);
  }
  .account__input--width-third + .account__input--width-third {
    margin-left: 1rem;
  }
  .account__input--width-half {
    width: calc(50% - 0.5rem);
  }
  .account__input--width-half + .account__input--width-half {
    margin-left: 1rem;
  }
}

.not-found-page {
  height: 100vh;
}
.not-found-page__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.not-found-page__number {
  font-size: 10rem;
  color: var(--textBrand);
}
@supports (-webkit-text-fill-color: transparent) {
  .not-found-page__number {
    background: var(--textBrandAccent);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.auth-referral__header {
  margin-bottom: 1.6666666667rem;
}
.auth-referral__button {
  margin-top: 1.6666666667rem;
  width: 100%;
}
.auth-referral__privacy {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--textSecondary);
}

.company-accountant-page__inn {
  font-size: 1.3333333333rem;
  line-height: 1.8333333333rem;
  color: var(--textSecondary);
}
.company-accountant-page__notification {
  margin-top: 2.6666666667rem;
}
.company-accountant-page__content {
  padding-top: 1.3333333333rem;
}
.company-accountant-page__table {
  margin-bottom: 1.3333333333rem;
}
.company-accountant-page__bottom {
  text-align: right;
}
@supports (display: flex) {
  .company-accountant-page__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .company-accountant-page__bottom {
    margin-top: auto;
  }
}
@media (max-width: 649px) {
  .company-accountant-page__name {
    margin-bottom: 0.3333333333rem;
  }
}
@media (min-width: 650px) {
  .company-accountant-page__name {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
  }
  .company-accountant-page__inn {
    display: inline-block;
    vertical-align: middle;
  }
}

.required-document__top {
  margin-bottom: 1.6666666667rem;
}
.required-document__input {
  display: inline-block;
  width: calc(50% - 0.6666666667rem);
}
.required-document__input + .required-document__input {
  margin-left: 0.6666666667rem;
}
.required-document__title {
  margin-bottom: 1rem;
}

.platform-analytics__tabs {
  display: block;
}
.platform-analytics__section {
  margin-top: 1.6666666667rem;
}
.platform-analytics__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.platform-analytics__card.is-disabled {
  opacity: 1;
}
@media (max-width: 649px) {
  .platform-analytics__card + .platform-analytics__card {
    margin-top: 1rem;
  }
}
@media (min-width: 650px) {
  .platform-analytics__section--cards {
    display: flex;
  }
  .platform-analytics__card--half {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 0.5rem);
    box-sizing: border-box;
  }
  .platform-analytics__card + .platform-analytics__card {
    margin-left: 1rem;
  }
}
@media (min-width: 768px) {
  .platform-analytics__datepicker, .platform-analytics__tabs {
    display: table-cell;
    vertical-align: top;
  }
  .platform-analytics__tabs {
    width: 100%;
  }
  .platform-analytics__datepicker {
    min-width: 21.6666666667rem;
  }
}

.excess-tariffs-table__table {
  table-layout: fixed;
  border-collapse: separate;
  border-radius: 0.6666666667rem;
  border: 1px solid var(--borderSecondary);
  background-color: var(--surface);
  width: 100%;
}
.excess-tariffs-table tr th {
  color: var(--textSecondary);
  padding: 0.6666666667rem 0.9166666667rem;
}
.excess-tariffs-table tr td, .excess-tariffs-table tr th {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  width: 50%;
  text-align: left;
  min-height: 2rem;
  height: 3.3333333333rem;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
}
.excess-tariffs-table tr td input, .excess-tariffs-table tr th input {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.excess-tariffs-table tr td input {
  padding: 0.6666666667rem 0.9166666667rem;
}
.excess-tariffs-table tr td .bank-logo {
  padding: 0.6666666667rem 0.9166666667rem;
}
.excess-tariffs-table tr td + td,
.excess-tariffs-table tr th + th {
  border-left: 1px solid var(--borderSecondary);
}
.excess-tariffs-table tbody tr td {
  border-top: 1px solid var(--borderSecondary);
}
.excess-tariffs-table td.is-disabled > * {
  opacity: 0.5;
}
.excess-tariffs-table__logo {
  white-space: nowrap;
  width: 100%;
}
.excess-tariffs-table__input {
  background-color: transparent;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: var(--inputBaseTextHover);
}
.excess-tariffs-table__actions {
  margin-top: 0.6666666667rem;
}
@media (max-width: 767px) {
  .excess-tariffs-table__button {
    margin-top: 1.6666666667rem;
  }
}
@media (min-width: 768px) {
  .excess-tariffs-table__toggle, .excess-tariffs-table__button {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
  }
  .excess-tariffs-table__toggle {
    width: 100%;
    min-height: 2.6666666667rem;
    line-height: 2.6666666667rem;
  }
}

.excess-tariffs {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.excess-tariffs__head {
  margin-bottom: 1.6666666667rem;
}
.excess-tariffs__body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.excess-tariffs__select--half {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.3333333333rem);
}
.excess-tariffs__select--half + .excess-tariffs__select--half {
  margin-left: 0.6666666667rem;
}
.excess-tariffs__row + .excess-tariffs__row {
  margin-top: 1rem;
}
.excess-tariffs__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}