a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
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,
sub,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

:focus {
  outline: 0
}

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

body {
  line-height: 1
}

ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

figure,
form {
  margin: 0
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

button,
html,
input,
select,
textarea {
  color: #222
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

img {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width .1s, opacity .4s;
  background-color: #fff;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}

:root {
  --fontH1: 48px;
  --fontH1mobile: 32px;
  --fontH2: 40px;
  --fontH2mobile: 24px;
  --fontH3: 24px;
  --fontH3Card: 16px;
  --fontH3mobile: 18px;
  --fontH4: 18px;
  --fontListElement: 16px;
  --fontP: 16px;
  --fontPmobile: 14px;
  --fontRoboto: "Roboto", sans-serif;
  --fontRobotoMono: "Roboto Mono", monospace;
  --fontSub: 12px;
  --pad100: 100px;
  --pad104: 104px;
  --pad112: 112px;
  --pad120: 120px;
  --pad128: 128px;
  --pad136: 136px;
  --pad144: 144px;
  --pad16: 16px;
  --pad20: 20px;
  --pad24: 24px;
  --pad32: 32px;
  --pad40: 40px;
  --pad48: 48px;
  --pad56: 56px;
  --pad64: 64px;
  --pad72: 72px;
  --pad8: 8px;
  --pad80: 80px;
  --pad88: 88px;
  --pad96: 96px;
  --paddingDouble: 12px;
  --paddingEightfold: 48px;
  --paddingQuadruple: 24px;
  --paddingSingle: 6px;
  --paddingTen: 60px;
  --paddingTriple: 18px;
  --paddingTwenty: 120px;
  --corner16: 16px;
  --corner24: 24px;
  --corner4: 4px;
  --corner64: 64px;
  --corner8: 8px;
  --gray100: #fafafd;
  --gray200: #eaedf3;
  --gray300: #d8dce6;
  --gray400: #bcc5d1;
  --gray500: #95a2b3;
  --gray600: #7f8b99;
  --gray700: #656d78;
  --gray800: #33373c;
  --gray900: #1f1c28;
  --white: #fff;
  --light-bg: #f8faff;
  --light-blue: #f5f7fc;
  --purple100: #ecddff;
  --purple300: #c299ff;
  --purple400: #8b55ff;
  --purple500: #662eff;
  --purple600: #5729d0;
  --purple700: #4824a2;
  --purple800: #351877;
  --purple900: #25104f;
  --purple940: #1f1038;
  --purple950: #221040;
  --purple955: #1b0d33;
  --purple970: #15082b;
  --cyan4: #00cfde;
  --green4: #06c270;
  --red2: #ff8080;
  --red4: #ff3b3b;
  --gradient-1: linear-gradient(147.14deg, var(--purple400) 6.95%, var(--purple500) 93.05%);
  --gradient-2: linear-gradient(147.14deg, #f80 6.95%, #e63535 93.05%);
  --gradient-3: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%);
  --gradient-4: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%);
  --gradient-5: linear-gradient(145.51deg, #ac5dd9 7.21%, #004fc4 94.47%);
  --gradient-6: linear-gradient(147.14deg, #ff3b3b 6.95%, #60c 93.05%);
  --gradient-7: linear-gradient(147.14deg, #73dfe7 6.95%, #0063f7 93.05%);
  --shadowMedium: 0 6px 16px rgba(51, 55, 60, 0.08);
  --shadow-s-base: 0 1px 3px rgba(51, 55, 60, 0.08);
  --accent: var(--cyan4);
  --focus: var(--cyan4);
  --success: var(--green4);
  --alert-border: var(--red2);
  --input-disable: var(--gray100);
  --body-secondary: var(--gray600);
  --alert-text: var(--red4);
  --code-window-accent: var(--purple940);
  --code-window-bg: var(--purple970)
}

@media (min-width:768px) {
  :root {
    --corner64: 120px
  }
}

.white-bg {
  background-color: #fff;
  background-color: var(--white)
}

.white-text {
  color: #fff;
  color: var(--white)
}

.light-bg {
  background-color: #f8faff;
  background-color: var(--light-bg)
}

.light-text {
  color: #f8faff;
  color: var(--light-bg)
}

.purple-955-bg {
  background-color: #1b0d33;
  background-color: var(--purple955)
}

.purple-955-text {
  color: #1b0d33;
  color: var(--purple955)
}

.gradient-1-bg {
  background-image: linear-gradient(147.14deg, #8b55ff 6.95%, #662eff 93.05%);
  background-image: var(--gradient-1)
}

.gradient-1-text {
  color: linear-gradient(147.14deg, #8b55ff 6.95%, #662eff 93.05%);
  color: var(--gradient-1)
}

.light-theme,
:root {
  --annotation: var(--purple500);
  --caption: var(--gray600);
  --check: var(--purple100);
  --divider: var(--gray300);
  --header: var(--gray900);
  --label: var(--gray700);
  --link: var(--purple500);
  --shadow-2: 0 2px 4px rgba(31, 28, 40, 0.08);
  --shadow-3: 0 4px 8px rgba(31, 28, 40, 0.08);
  --shadow-4: 0 0 8px rgba(31, 28, 40, 0.04), 0 8px 16px rgba(31, 28, 40, 0.08);
  --shadow-5: 0 0 8px rgba(31, 28, 40, 0.04), 0 16px 24px rgba(31, 28, 40, 0.08);
  --shadow-6: 0 0 8px rgba(31, 28, 40, 0.04), 0 20px 32px rgba(31, 28, 40, 0.14);
  --card-bg: var(--white);
  --body-primary: var(--gray800)
}

.dark-theme {
  --annotation: var(--cyan4);
  --caption: var(--gray300);
  --check: var(--purple500);
  --divider: var(--gray800);
  --header: var(--white);
  --label: var(--white);
  --link: var(--cyan4);
  --shadow-2: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.32);
  --shadow-3: 0 0 2px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.32);
  --shadow-4: 0 2px 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.32);
  --shadow-5: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.32);
  --shadow-6: 0 2px 8px rgba(0, 0, 0, 0.08), 0 20px 32px rgba(0, 0, 0, 0.32);
  --card-bg: var(--purple900);
  --body-primary: var(--gray300)
}

.gradient-1-bg {
  --link: var(--white)
}

body {
  font-family: "Roboto", sans-serif;
  font-family: var(--fontRoboto);
  font-size: 14px;
  line-height: 1.2
}

body * {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

.empty-page h1,
.page h1 {
  font-weight: 700;
  word-break: break-word
}

.empty-page h1,
.empty-page h2,
.empty-page h3,
.empty-page h4,
.empty-page h5,
.empty-page h6,
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
  font-weight: 700
}

.empty-page h1,
.page h1 {
  font-size: 40px;
  line-height: 48px
}

@media (min-width:768px) {

  .empty-page h1,
  .page h1 {
    font-size: 56px;
    line-height: 64px
  }
}

.empty-page h2,
.page h2 {
  font-size: 32px;
  line-height: 40px
}

@media (min-width:768px) {

  .empty-page h2,
  .page h2 {
    font-size: 40px;
    line-height: 48px
  }
}

.empty-page h3,
.page h3 {
  font-size: 24px;
  line-height: 32px
}

.empty-page h4,
.page h4 {
  font-size: 18px;
  font-size: var(--fontH4);
  line-height: 24px
}

.empty-page p,
.page p {
  font-size: 16px;
  line-height: 24px;
  padding-top: 16px
}

@media (min-width:768px) {

  .empty-page p,
  .page p {
    padding-top: 24px
  }
}

.page,
.page h1 {
  color: #1f1c28;
  color: var(--gray900)
}

.page a {
  color: #662eff;
  color: var(--purple500);
  text-decoration: none
}

.page a:hover {
  color: #8b55ff;
  color: var(--purple400)
}

.page a:active {
  color: #4824a2;
  color: var(--purple700)
}

.page a:active,
.page a:focus {
  text-decoration: underline
}

.page ul li {
  font-size: 16px;
  font-size: var(--fontP);
  line-height: 24px
}

.page-enter-active,
.page-leave-active {
  transition: opacity .2s
}

.page-enter,
.page-leave-active {
  opacity: 0
}

.outlined * {
  outline: 1px solid #3c538d
}

.overflow-hidden {
  overflow: hidden
}

.backdrop-filter[data-v-3d93dd36] {
  background: rgba(27, 13, 51, .55);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1000
}

@media (min-width:500px) {
  .backdrop-filter[data-v-3d93dd36] {
    height: 100vh;
    overflow-y: scroll;
    padding: 80px 0
  }
}

.backdrop-filter.filterPopup .popup[data-v-3d93dd36] {
  background: var(--light-bg);
  padding: 0 var(--pad16) var(--pad16)
}

.backdrop-filter.filterPopup .popup .close-buttons[data-v-3d93dd36] {
  top: 24px
}

.backdrop-filter.filterPopup .popup .close-buttons.return-button[data-v-3d93dd36] {
  left: 16px;
  top: 30px
}

@media (min-width:500px) {
  .backdrop-filter.auth .popup[data-v-3d93dd36] {
    max-width: 448px;
    min-height: auto;
    padding: var(--pad40) var(--pad24)
  }
}

.backdrop-filter .popup[data-v-3d93dd36] {
  background: var(--white);
  box-shadow: 0 28px 64px rgba(39, 24, 64, .25);
  height: 100%;
  margin: auto;
  min-height: 100%;
  padding: var(--pad40) var(--pad16) var(--pad16);
  position: relative;
  width: 100%;
  z-index: 1010
}

@media (min-width:500px) {
  .backdrop-filter .popup[data-v-3d93dd36] {
    border-radius: 16px;
    height: auto;
    max-width: 480px;
    min-height: auto;
    padding: var(--pad40)
  }

  .backdrop-filter .popup.chili-popup[data-v-3d93dd36] {
    max-width: 560px
  }
}

@media (min-width:220px) and (max-width:400px) {
  .backdrop-filter .popup[data-v-3d93dd36] {
    overflow: auto
  }
}

.backdrop-filter .popup .close-buttons[data-v-3d93dd36] {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 10px;
  top: 10px
}

.backdrop-filter .popup .close-buttons .close[data-v-3d93dd36] {
  color: var(--gray600);
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 16px;
  margin-right: var(--pad8)
}

.backdrop-filter .popup .close-buttons .esc[data-v-3d93dd36] {
  background: var(--gray200);
  border-radius: 4px;
  color: var(--gray800);
  display: none;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 16px;
  padding: 1px 6px
}

@media (min-width:500px) {
  .backdrop-filter .popup .close-buttons .esc[data-v-3d93dd36] {
    display: block
  }
}

.backdrop-filter .popup .body[data-v-3d93dd36] {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center
}

.backdrop-filter .popup .body>a[data-v-3d93dd36] {
  display: block;
  max-width: 318px;
  width: 100%
}

.backdrop-filter .popup .body>a[data-v-3d93dd36]:focus {
  text-decoration: none
}

.backdrop-filter.left-cross-position .close-buttons[data-v-3d93dd36] {
  justify-content: flex-start;
  left: 10px;
  right: unset
}

.backdrop-filter.videoplayer[data-v-3d93dd36] {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  background: #000
}

.backdrop-filter.videoplayer .popup[data-v-3d93dd36] {
  background: transparent;
  box-shadow: none;
  height: 100%;
  margin: auto;
  max-width: 100%;
  padding: 0
}

.backdrop-filter.videoplayer .popup .close-buttons[data-v-3d93dd36] {
  right: 32px
}

.backdrop-filter.videoplayer .popup .body[data-v-3d93dd36] {
  position: relative
}

.popup-enter-active[data-v-3d93dd36],
.popup-leave-active[data-v-3d93dd36] {
  transition: transform .3s ease-in-out, opacity .3s ease-in-out
}

.popup-enter[data-v-3d93dd36],
.popup-leave-to[data-v-3d93dd36] {
  opacity: 0;
  transform: translateY(-20px)
}

.auth[data-v-0736b705] {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
  gap: 24px
}

@media (min-width:1200px) {
  .auth[data-v-0736b705] {
    grid-gap: 8px;
    gap: 8px
  }
}

.auth.popup[data-v-0736b705] {
  width: 100%
}

.auth.popup .auth-title[data-v-0736b705] {
  color: var(--gray900);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.auth.popup .auth-links[data-v-0736b705] {
  grid-gap: 0;
  gap: 0
}

.auth .auth-title[data-v-0736b705] {
  color: var(--gray900);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

@media (min-width:1200px) {
  .auth .auth-title[data-v-0736b705] {
    padding-left: 20px
  }
}

.auth .auth-links[data-v-0736b705] {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
  width: 100%
}

@media (min-width:1200px) {
  .auth .auth-links[data-v-0736b705] {
    grid-gap: 0;
    gap: 0
  }
}

.auth a[data-v-0736b705] {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  text-decoration: none
}

@media (min-width:1200px) {
  .auth a[data-v-0736b705] {
    grid-gap: 8px;
    gap: 8px;
    padding: 8px 12px
  }
}

.auth a img[data-v-0736b705] {
  height: 24px;
  width: 32px
}

@media (min-width:1200px) {
  .auth a img[data-v-0736b705] {
    width: 24px
  }
}

.auth a[data-v-0736b705]:hover {
  background-color: var(--light-blue);
  border-radius: 8px
}

.auth a:hover .description[data-v-0736b705] {
  color: var(--gray900)
}

.auth .title-flex[data-v-0736b705] {
  display: flex;
  flex-direction: column;
  grid-gap: 4px;
  gap: 4px
}

.auth .title-flex .title[data-v-0736b705] {
  color: var(--gray900);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.auth .title-flex .description[data-v-0736b705] {
  color: var(--gray600);
  font-size: 12px;
  line-height: 16px
}

.header-logo-line.customer-service-header[data-v-08eddc32] {
  position: relative
}

.hero-block.customer-service-hero[data-v-08eddc32] {
  padding-top: 56px
}

@media (min-width:768px) {
  .techDriven-row[data-v-08eddc32] {
    grid-gap: 96px;
    gap: 96px;
    display: flex
  }
}

.space40[data-v-08eddc32] {
  height: 40px
}

.space56[data-v-08eddc32] {
  height: 56px
}

.line-divider[data-v-08eddc32] {
  height: 8px;
  border-bottom: 1px solid #d8dce6;
  border-bottom: 1px solid var(--Gray-gray300, #d8dce6);
  margin-block-end: 24px
}

.scaleCommunication-masonry[data-v-08eddc32] {
  max-width: 832px;
  margin: auto
}

.header-logo-line[data-v-1fd53499] {
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 23
}

.header-logo-line.full[data-v-1fd53499] {
  height: 100%
}

.header-logo-line .wrap[data-v-1fd53499] {
  height: 100%;
  margin: 0 auto;
  max-width: 1184px;
  padding: 0 var(--pad16);
  width: 100%
}

@media (min-width:768px) {
  .header-logo-line .wrap[data-v-1fd53499] {
    padding: 0 var(--pad32)
  }
}

.header-logo-line .logo[data-v-1fd53499] {
  padding: 0 22px 0 0;
  text-align: center
}

.header-logo-line .logo-kit[data-v-1fd53499] {
  padding: 0 22px 0 0;
  z-index: 2
}

@media (min-width:992px) {
  .header-logo-line .logo-kit[data-v-1fd53499] {
    margin: var(--pad48) 0
  }
}

.header-logo-line.only-location .logo[data-v-1fd53499],
.header-logo-line.only-location .logo-kit[data-v-1fd53499] {
  padding: 0
}

.content[data-v-1fd53499] {
  align-items: center;
  display: flex;
  height: 100%
}

.center .content[data-v-1fd53499] {
  justify-content: center
}

.logo-container img[data-v-1fd53499] {
  max-width: 100%
}

.btn-container[data-v-1fd53499] {
  margin-left: auto
}

.btn-container button[data-v-1fd53499] {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.693 3.776c.306.172.669.217 1.008.126.34-.091.63-.312.805-.613.146-.253.373-.452.645-.564a1.35 1.35 0 011.576.416c.179.231.275.515.273.806 0 .35-.14.684-.39.93-.25.248-.59.386-.944.386-.353 0-.692.139-.942.386a1.307 1.307 0 000 1.86c.25.247.589.386.942.386.703 0 1.392-.183 2-.53a3.974 3.974 0 001.463-1.446 3.909 3.909 0 00-.002-3.946A3.974 3.974 0 0022.663.528a4.04 4.04 0 00-4 .001A3.974 3.974 0 0017.2 1.974a1.303 1.303 0 00.493 1.802zm5.733 9.382c-.35-.045-.703.049-.983.261-.28.212-.463.525-.51.87a9.173 9.173 0 01-3.083 5.772 9.405 9.405 0 01-6.184 2.307H5.213l.867-.855a1.307 1.307 0 000-1.855 9.173 9.173 0 01-2.543-4.71 9.098 9.098 0 01.531-5.311 9.238 9.238 0 013.427-4.13 9.422 9.422 0 015.171-1.56c.354 0 .693-.138.943-.385a1.307 1.307 0 000-1.86 1.342 1.342 0 00-.943-.386c-2.254.01-4.46.645-6.365 1.834a11.895 11.895 0 00-4.406 4.891 11.705 11.705 0 00-1.102 6.453 11.76 11.76 0 002.54 6.046l-2.28 2.21a1.31 1.31 0 00.208 2.025c.219.146.476.224.739.225h10.666c2.922 0 5.744-1.051 7.936-2.958a11.795 11.795 0 003.971-7.397 1.299 1.299 0 00-.26-.98 1.328 1.328 0 00-.886-.507zm-2.253-3.855a1.35 1.35 0 00-.773-.092l-.24.078-.24.119-.2.171c-.12.121-.215.264-.28.421a1.092 1.092 0 00-.107.526 1.3 1.3 0 00.094.514c.069.157.168.3.293.42a1.332 1.332 0 00.947.382c.353 0 .692-.139.942-.385.25-.247.39-.582.39-.93a1.094 1.094 0 00-.106-.5c-.143-.317-.4-.57-.72-.711v-.013z' fill='%23d8dce6'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border: none;
  border-radius: 4px;
  font-size: 0;
  padding: 22px
}

@media (min-width:380px) {
  .btn-container button[data-v-1fd53499] {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .4);
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    padding: 12px 14px;
    white-space: nowrap
  }
}

@media (min-width:460px) {
  .btn-container button[data-v-1fd53499] {
    font-size: 15px;
    padding: 14px 28px
  }
}

.hero-block.kit[data-v-33cec874] {
  padding-top: 40px
}

.hero-block.kit[data-v-33cec874] h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-align: left
}

@media (min-width:768px) {
  .hero-block.kit[data-v-33cec874] h1 {
    font-size: 40px;
    line-height: 48px;
    text-align: center
  }
}

.hero-block.kit[data-v-33cec874] .subtitle {
  margin-bottom: var(--pad8)
}

@media (min-width:768px) {
  .hero-block.kit[data-v-33cec874] .subtitle {
    margin-bottom: var(--pad16)
  }
}

.hero-block.kit .grid[data-v-33cec874] {
  display: grid;
  grid-gap: var(--pad40);
  gap: var(--pad40);
  grid-template-columns: 100%
}

.hero-block.kit .content[data-v-33cec874] {
  justify-self: center;
  margin-bottom: var(--pad40);
  max-width: 589px;
  padding-bottom: 0;
  padding-top: 0
}

@media (min-width:992px) {
  .hero-block.kit .content[data-v-33cec874] {
    margin-bottom: 0
  }
}

.hero-block.kit .content .item[data-v-33cec874] {
  display: flex;
  flex-direction: column;
  grid-gap: var(--pad16);
  gap: var(--pad16);
  height: 100%;
  justify-content: flex-start
}

.hero-block.kit .content .item[data-v-33cec874] .hero-block-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

@media (min-width:768px) {
  .hero-block.kit .content .item[data-v-33cec874] .hero-block-content {
    align-items: center
  }
}

.hero-block.kit .content .item[data-v-33cec874] .hero-block-content .hero-button-list {
  margin-top: var(--pad24);
  width: 100%
}

.hero-block.kit .content .item[data-v-33cec874] .hero-block-content .subtitle {
  font-size: 24px;
  line-height: 32px;
  max-width: 532px
}

@media (min-width:768px) {
  .hero-block.kit .content .item[data-v-33cec874] .hero-block-content .subtitle {
    text-align: center
  }
}

.hero-block.kit .content .item[data-v-33cec874] .hero-block-content .description {
  font-size: 16px;
  line-height: 24px;
  max-width: 100%
}

@media (min-width:768px) {
  .hero-block.kit .content .item[data-v-33cec874] .hero-block-content .description {
    text-align: center
  }
}

.hero-block.kit .frame[data-v-33cec874] {
  height: calc(379px - var(--corner64))
}

@media (min-width:768px) {
  .hero-block.kit .frame[data-v-33cec874] {
    height: calc(504px - var(--corner64))
  }
}

@media (min-width:992px) {
  .hero-block.kit .frame[data-v-33cec874] {
    height: calc(664px - var(--corner64))
  }
}

.hero-block.kit .frame .item[data-v-33cec874] {
  height: calc(100% + var(--corner64))
}

@media (min-width:768px) {
  .hero-block.kit .frame .item[data-v-33cec874] {
    height: calc(664px - var(--corner64));
    padding-top: 16px
  }
}

.hero-block.kit .frame .item .image-kit[data-v-33cec874] {
  display: none
}

@media (min-width:768px) {
  .hero-block.kit .frame .item .image-kit[data-v-33cec874] {
    display: flex
  }
}

.hero-block.kit .frame .item .call-cards[data-v-33cec874] {
  display: flex
}

@media (min-width:768px) {
  .hero-block.kit .frame .item .call-cards[data-v-33cec874] {
    display: none
  }
}

.hero-block.kit .image-head[data-v-33cec874] {
  display: flex
}

.hero-block.kit .play-button[data-v-33cec874] {
  background: rgba(22, 12, 38, .8);
  border: none;
  border-radius: 50%;
  height: 75px;
  left: 50%;
  position: absolute;
  top: 170px;
  transform: translate3d(-50%, -50%, 0);
  transition: .2s;
  width: 75px;
  z-index: 100
}

@media (min-width:768px) {
  .hero-block.kit .play-button[data-v-33cec874] {
    top: 310px
  }
}

.hero-block.kit .play-button>img[data-v-33cec874] {
  margin-left: 4px;
  width: 36%
}

.hero-block.kit .play-button[data-v-33cec874]:focus:after {
  border: none
}

.hero-block.kit .play-button[data-v-33cec874]:hover {
  transform: translate3d(-50%, -50%, 0) scale(1.1)
}

.hero-block.checkmate-content[data-v-33cec874] {
  padding-top: 0
}

@media (min-width:768px) {
  .hero-block.checkmate-content .checkmate[data-v-33cec874] {
    padding-bottom: 0;
    padding-top: 0
  }
}

@media (min-width:992px) {
  .hero-block.checkmate-content .checkmate[data-v-33cec874] {
    padding-bottom: 0;
    padding-top: 0
  }
}

.hero-block.checkmate-content .checkmate.content[data-v-33cec874] {
  padding-top: 0
}

.hero-block.centered[data-v-33cec874] {
  padding-top: 40px
}

@media (min-width:768px) {
  .hero-block.centered[data-v-33cec874] {
    padding-top: 56px
  }
}

.hero-block.centered[data-v-33cec874] h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-align: left
}

@media (min-width:768px) {
  .hero-block.centered[data-v-33cec874] h1 {
    font-size: 40px;
    line-height: 48px;
    text-align: center
  }
}

.hero-block.centered[data-v-33cec874] .subtitle {
  margin-bottom: var(--pad8)
}

@media (min-width:768px) {
  .hero-block.centered[data-v-33cec874] .subtitle {
    margin-bottom: var(--pad16)
  }
}

.hero-block.centered .grid[data-v-33cec874] {
  display: grid;
  grid-template-columns: 100%
}

@media (min-width:768px) {
  .hero-block.centered .grid[data-v-33cec874] {
    grid-gap: var(--pad40);
    gap: var(--pad40)
  }
}

@media (min-width:992px) {
  .hero-block.centered .frame[data-v-33cec874] {
    padding-top: 0
  }
}

.hero-block.centered .content[data-v-33cec874] {
  justify-self: center;
  max-width: 589px;
  padding-bottom: 0;
  padding-top: 0
}

@media (min-width:992px) {
  .hero-block.centered .content[data-v-33cec874] {
    margin-bottom: 0
  }
}

.hero-block.centered .content .item[data-v-33cec874] {
  display: flex;
  flex-direction: column;
  grid-gap: var(--pad16);
  gap: var(--pad16);
  height: 100%;
  justify-content: flex-start
}

.hero-block.centered .content .item[data-v-33cec874] .hero-block-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

@media (min-width:768px) {
  .hero-block.centered .content .item[data-v-33cec874] .hero-block-content {
    align-items: center
  }
}

.hero-block.centered .content .item[data-v-33cec874] .hero-block-content .hero-button-list {
  margin-top: var(--pad40);
  width: 100%
}

@media (min-width:768px) {
  .hero-block.centered .content .item[data-v-33cec874] .hero-block-content .hero-button-list {
    margin-top: var(--pad24)
  }
}

.hero-block.centered .content .item[data-v-33cec874] .hero-block-content .subtitle {
  font-size: 24px;
  line-height: 32px;
  max-width: 532px
}

@media (min-width:768px) {
  .hero-block.centered .content .item[data-v-33cec874] .hero-block-content .subtitle {
    text-align: center
  }
}

.hero-block.centered .content .item[data-v-33cec874] .hero-block-content .description {
  font-size: 16px;
  line-height: 24px;
  max-width: 100%
}

@media (min-width:768px) {
  .hero-block.centered .content .item[data-v-33cec874] .hero-block-content .description {
    text-align: center
  }
}

.hero-block.centered .frame[data-v-33cec874] {
  height: calc(519px - var(--corner64))
}

@media (min-width:768px) {
  .hero-block.centered .frame[data-v-33cec874] {
    display: flex;
    justify-content: center
  }
}

@media (min-width:1040px) {
  .hero-block.centered .frame[data-v-33cec874] {
    height: calc(664px - var(--corner64))
  }
}

.hero-block.centered .frame .item[data-v-33cec874] {
  height: calc(100% + var(--corner64))
}

@media (min-width:1200px) {
  .hero-block.centered .frame .item[data-v-33cec874] {
    height: calc(664px - var(--corner64))
  }
}

.hero-block.centered .frame .item .image-centered[data-v-33cec874] {
  filter: drop-shadow(0 0 8px rgba(31, 28, 40, .08));
  height: 100%;
  width: 768px
}

@media (min-width:1200px) {
  .hero-block.centered .frame .item .image-centered[data-v-33cec874] {
    width: 1120px
  }
}

.hero-block.centered .frame .item .image-centered img[data-v-33cec874] {
  border-radius: 16px;
  width: 100%
}

@media (min-width:1040px) {
  .hero-block.centered .frame .item .image-centered img[data-v-33cec874] {
    width: 1120px
  }
}

.hero-block.centered .frame .item .image-centered svg[data-v-33cec874] {
  margin-top: -1px
}

@media (min-width:992px) {
  .hero-block.video-centered .grid[data-v-33cec874] {
    grid-gap: var(--pad56);
    gap: var(--pad56)
  }
}

.hero-block.video-centered .grid .frame[data-v-33cec874] {
  height: 100%;
  padding-bottom: 80px
}

@media (min-width:768px) {
  .hero-block.video-centered .grid .frame[data-v-33cec874] {
    padding-bottom: 0
  }
}

@media (min-width:1040px) {
  .hero-block.video-centered .grid .frame[data-v-33cec874] {
    height: calc(664px - var(--corner64))
  }
}

.hero-block.video-centered .item[data-v-33cec874] {
  width: 100%
}

@media (min-width:992px) {
  .hero-block.video-centered .item[data-v-33cec874] .hero-block-video {
    --video-width: 100%
  }
}

.hero-block.video-centered .item[data-v-33cec874] .hero-block-content .hero-button-list {
  margin: var(--pad24) 0
}

@media (min-width:992px) {
  .hero-block.video-centered .item[data-v-33cec874] .hero-block-content .hero-button-list {
    margin-bottom: 0
  }
}

.hero-block.toggle .content[data-v-33cec874] {
  justify-self: center;
  max-width: 589px;
  padding-bottom: 0;
  padding-top: 0
}

@media (min-width:992px) {
  .hero-block.toggle .content[data-v-33cec874] {
    margin-bottom: 0
  }
}

.hero-block.toggle .content[data-v-33cec874] .hero-block-content {
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width:768px) {
  .hero-block.toggle .content[data-v-33cec874] .hero-block-content {
    align-items: center
  }
}

.hero-block.toggle .content[data-v-33cec874] .hero-block-content .annotation {
  color: var(--purple300)
}

.hero-block.toggle .content[data-v-33cec874] .hero-block-content .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px
}

.hero-block.toggle .grid[data-v-33cec874] {
  display: grid;
  grid-gap: 56px;
  gap: 56px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 27px
}

@media (min-width:768px) {
  .hero-block.toggle .grid[data-v-33cec874] {
    grid-gap: 80px;
    gap: 80px;
    grid-template-rows: 1fr 76px
  }
}

@media (min-width:992px) {
  .hero-block.toggle .frame[data-v-33cec874] {
    height: calc(156px - var(--corner64))
  }
}

.hero-block.toggle .frame .item[data-v-33cec874] {
  height: calc(100% + var(--corner64))
}

.hero-block.gradient[data-v-33cec874] {
  background: radial-gradient(79.48% 99.65% at 89.2% 81.99%, rgba(98, 42, 250, .2) 0, rgba(94, 35, 255, 0) 100%), #1b0d33
}

.hero-block[data-v-33cec874] {
  color: var(--body-primary);
  padding-top: var(--pad56);
  position: relative
}

.hero-block .top-line[data-v-33cec874] {
  bottom: 100%;
  height: 72px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}

.hero-block .overflow[data-v-33cec874] {
  overflow: hidden
}

@media (min-width:768px) {
  .hero-block[data-v-33cec874] {
    padding-top: var(--pad80)
  }
}

@media (min-width:992px) {
  .hero-block[data-v-33cec874] {
    padding-top: var(--pad40)
  }
}

.header-logo-line+.hero-block[data-v-33cec874] {
  padding-top: 80px
}

.header-logo-line+.hero-block .top-line[data-v-33cec874] {
  display: none
}

@media (min-width:992px) {
  .hero-block .frame[data-v-33cec874] {
    padding-top: 40px
  }
}

.hero-block .container[data-v-33cec874] {
  margin: 0 auto;
  max-width: 1184px;
  padding: 0 var(--pad16);
  position: relative;
  width: 100%;
  z-index: 1
}

@media (min-width:768px) {
  .hero-block .container[data-v-33cec874] {
    padding: 0 var(--pad32)
  }
}

.hero-block .radius-line[data-v-33cec874] {
  height: var(--corner64);
  position: relative;
  z-index: 0
}

.grid[data-v-33cec874] {
  display: grid;
  grid-gap: var(--pad40);
  gap: var(--pad40);
  grid-template-columns: 100%
}

@media (min-width:992px) {
  .grid[data-v-33cec874] {
    grid-gap: var(--pad32);
    gap: var(--pad32);
    grid-template-columns: 544px auto
  }
}

@media (min-width:1200px) {
  .grid[data-v-33cec874] {
    grid-gap: var(--pad96);
    gap: var(--pad96)
  }
}

.content[data-v-33cec874] {
  padding-top: 56px
}

@media (min-width:768px) {
  .content[data-v-33cec874] {
    padding-top: 80px
  }
}

@media (min-width:992px) {
  .content[data-v-33cec874] {
    padding-bottom: 80px
  }
}

.content .item[data-v-33cec874] {
  display: flex;
  flex-direction: column;
  grid-gap: var(--pad24);
  gap: var(--pad24);
  height: 100%;
  justify-content: center
}

@media (min-width:768px) {
  .content .item[data-v-33cec874] {
    grid-gap: var(--pad40);
    gap: var(--pad40)
  }
}

.scroll-to[data-v-33cec874] {
  left: 50%;
  position: absolute;
  top: -30px;
  transform: translate3d(-50%, 0, 0)
}

.scroll-to img[data-v-33cec874] {
  width: 100px
}

.content-image[data-v-33cec874] {
  order: 1
}

.content-image img[data-v-33cec874] {
  height: 224px;
  max-width: 100%
}

@media (min-width:768px) {
  .content-image[data-v-33cec874] {
    order: 0
  }
}

.hero-block-content[data-v-eb7db570] :last-child {
  margin-bottom: 0
}

.annotation[data-v-eb7db570] {
  color: var(--annotation);
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: var(--pad16)
}

.asterisk[data-v-eb7db570] {
  align-self: center;
  color: var(--gray500);
  font-size: 12px;
  line-height: 16px;
  padding-top: 0;
  text-align: center
}

@media (min-width:992px) {
  .asterisk[data-v-eb7db570] {
    padding-top: 24px
  }
}

.title[data-v-eb7db570] {
  color: var(--header);
  margin-bottom: var(--pad16)
}

@media (min-width:768px) {
  .title[data-v-eb7db570] {
    margin-bottom: var(--pad24)
  }
}

.subtitle[data-v-eb7db570] {
  color: var(--header);
  margin-bottom: var(--pad16)
}

.description[data-v-eb7db570] {
  color: var(--caption);
  font-size: 20px;
  line-height: 28px
}

.hero-button-list[data-v-eb7db570] {
  margin: var(--pad40) 0
}

@media (min-width:992px) {
  .hero-button-list[data-v-eb7db570] {
    margin-bottom: 0
  }
}

.logotype-wrapper[data-v-eb7db570] {
  display: grid;
  grid-column-gap: var(--pad16);
  grid-row-gap: var(--pad16);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin: var(--pad40) 0
}

@media (min-width:992px) {
  .logotype-wrapper[data-v-eb7db570] {
    grid-template-columns: 1fr 1fr 1fr
  }
}

.logotype-wrapper .item[data-v-eb7db570] {
  align-items: center;
  display: flex;
  justify-content: center
}

.logotype-wrapper .item img[data-v-eb7db570] {
  flex: 0 1 auto;
  height: auto;
  max-width: 100%;
  opacity: .4
}

.video[data-v-eb7db570] {
  border-radius: var(--pad16);
  overflow: hidden;
  padding-bottom: 56%;
  position: relative
}

.video video[data-v-eb7db570] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video video[poster][data-v-eb7db570] {
  -o-object-fit: cover;
  object-fit: cover
}

.video-container[data-v-eb7db570] {
  margin-bottom: var(--pad16);
  margin-top: var(--pad16)
}

.button-list[data-v-54300929] {
  border-top: 1px solid transparent;
  width: 100%
}

.button-list.is-centered[data-v-54300929] {
  margin-left: auto;
  margin-right: auto
}

@media (min-width:768px) {
  .button-list.is-centered[data-v-54300929] {
    width: -moz-fit-content;
    width: fit-content
  }
}

.button-list.margin-top[data-v-54300929] {
  margin-top: var(--pad24)
}

@media (min-width:768px) {
  .button-list.margin-top[data-v-54300929] {
    margin-top: var(--pad40)
  }
}

.button-list .list[data-v-54300929] {
  margin: -16px -8px 0
}

@media (min-width:768px) {
  .button-list .list[data-v-54300929] {
    display: flex;
    flex-wrap: wrap
  }
}

.button-list .list .item[data-v-54300929] {
  margin-top: 16px;
  padding: 0 8px
}

.button-list .divider56[data-v-54300929] {
  height: 56px
}

@media (min-width:768px) {
  .button-list .divider56[data-v-54300929] {
    height: 80px
  }
}

.button-container[data-v-60c67f1b] {
  --padding: 6px 12px;
  --shadow: inset 0 0 0 1px var(--focus);
  --border-focus: var(--focus);
  --line-height: 20px;
  --border-radius: 8px;
  --font-size: 14px;
  --loader-width: 16px
}

.button-container.extra-small[data-v-60c67f1b] {
  --line-height: 16px;
  --border-radius: 4px;
  --font-size: 12px
}

.button-container.medium[data-v-60c67f1b] {
  --padding: 14px 24px
}

.button-container.primary[data-v-60c67f1b] {
  --bg: var(--purple500);
  --border: var(--purple500);
  --loader: var(--white);
  --text: var(--white);
  --bg-active: var(--purple700);
  --border-active: var(--purple700);
  --text-active: var(--white);
  --bg-focus: var(--purple500);
  --text-focus: var(--white);
  --bg-hover: var(--purple600);
  --border-hover: var(--purple600);
  --text-hover: var(--white);
  --loader-part: var(--purple700)
}

.button-container.primary.light-theme[data-v-60c67f1b] {
  --bg-disabled: var(--gray300);
  --border-disabled: var(--gray300);
  --text-disabled: var(--white)
}

.button-container.primary.dark-theme[data-v-60c67f1b] {
  --bg-disabled: var(--gray500);
  --border-disabled: var(--gray500);
  --text-disabled: var(--white)
}

.button-container.secondary[data-v-60c67f1b] {
  --bg: transparent;
  --bg-active: transparent;
  --bg-disabled: transparent;
  --bg-focus: transparent;
  --bg-hover: transparent
}

.button-container.secondary.light-theme[data-v-60c67f1b] {
  --border: var(--purple500);
  --loader: var(--purple500);
  --text: var(--purple500);
  --border-active: var(--purple700);
  --text-active: var(--purple700);
  --border-disabled: var(--gray400);
  --text-disabled: var(--gray500);
  --text-focus: var(--purple500);
  --border-hover: var(--purple600);
  --text-hover: var(--purple600);
  --loader-part: var(--gray200)
}

.button-container.secondary.dark-theme[data-v-60c67f1b] {
  --border: var(--gray700);
  --loader: var(--white);
  --text: var(--white);
  --border-active: var(--white);
  --text-active: var(--white);
  --border-disabled: var(--gray600);
  --text-disabled: var(--gray500);
  --text-focus: var(--white);
  --border-hover: var(--white);
  --text-hover: var(--white);
  --loader-part: var(--purple500)
}

.button-container.third.dark-theme[data-v-60c67f1b] {
  --bg: var(--white);
  --border: var(--white);
  --loader: var(--purple500);
  --text: var(--purple500);
  --bg-active: var(--white);
  --border-active: var(--white);
  --text-active: var(--purple700);
  --bg-disabled: var(--gray500);
  --border-disabled: var(--gray500);
  --text-disabled: var(--white);
  --bg-focus: var(--white);
  --text-focus: var(--purple500);
  --bg-hover: var(--white);
  --border-hover: var(--white);
  --text-hover: var(--purple600);
  --loader-part: var(--gray200)
}

.button-container.play-audio[data-v-60c67f1b] {
  --padding: 23px;
  --border-radius: 50%
}

.button-container.play[data-v-60c67f1b] {
  --bg: transparent;
  --border: transparent;
  --loader: transparent;
  --shadow: none;
  --bg-active: transparent;
  --border-active: transparent;
  --bg-disabled: transparent;
  --border-disabled: transparent;
  --bg-focus: transparent;
  --border-focus: transparent;
  --icon-height-text-align: calc(var(--play-icon-width)/2 - var(--line-height)/2);
  --bg-hover: transparent;
  --border-hover: transparent;
  --loader-part: transparent
}

.button-container.play.small[data-v-60c67f1b] {
  --padding: var(--icon-height-text-align) 12px;
  --play-icon-width: 48px
}

.button-container.play.medium[data-v-60c67f1b] {
  --padding: var(--icon-height-text-align) 20px;
  --play-icon-width: 68px
}

.button-container.play.light-theme[data-v-60c67f1b] {
  --text: var(--purple500);
  --text-active: var(--purple700);
  --fill-circle: transparent;
  --stroke-circle: currentColor;
  --text-disabled: var(--gray500);
  --text-focus: var(--purple500);
  --text-hover: var(--purple600);
  --fill-opacity-circle: 1;
  --fill-path: currentColor;
  --stroke-path: currentColor
}

.button-container.play.light-theme.active .common[data-v-60c67f1b],
.button-container.play.light-theme .common[data-v-60c67f1b]:active,
.button-container.play.light-theme .common[data-v-60c67f1b]:hover,
.button-container.play.light-theme.hover .common[data-v-60c67f1b] {
  --fill-circle: currentColor;
  --fill-path: var(--white);
  --stroke-path: var(--white)
}

.button-container.play.light-theme .common[data-v-60c67f1b]:focus,
.button-container.play.light-theme.focus .common[data-v-60c67f1b] {
  --fill-circle: transparent;
  --stroke-circle: var(--focus);
  --fill-path: var(--purple600);
  --stroke-path: var(--purple600)
}

.button-container.play.light-theme .common[data-v-60c67f1b]:disabled,
.button-container.play.light-theme.disabled .common[data-v-60c67f1b] {
  --fill-circle: transparent;
  --stroke-circle: currentColor;
  --fill-path: currentColor;
  --stroke-path: currentColor
}

.button-container.play.dark-theme[data-v-60c67f1b] {
  --text: var(--white);
  --text-active: var(--white);
  --fill-circle: currentColor;
  --stroke-circle: var(--white);
  --text-disabled: var(--gray500);
  --text-focus: var(--white);
  --text-hover: var(--white);
  --fill-opacity-circle: 0.2;
  --fill-path: var(--white);
  --stroke-path: var(--white)
}

.button-container.play.dark-theme .common[data-v-60c67f1b]:hover,
.button-container.play.dark-theme.hover .common[data-v-60c67f1b] {
  --fill-opacity-circle: 1;
  --fill-path: var(--purple600);
  --stroke-path: var(--purple600)
}

.button-container.play.dark-theme.active .common[data-v-60c67f1b],
.button-container.play.dark-theme .common[data-v-60c67f1b]:active {
  --fill-opacity-circle: 1;
  --fill-path: var(--purple500);
  --stroke-path: var(--purple500)
}

.button-container.play.dark-theme .common[data-v-60c67f1b]:focus,
.button-container.play.dark-theme.focus .common[data-v-60c67f1b] {
  --fill-circle: transparent;
  --stroke-circle: var(--focus);
  --fill-path: currentColor;
  --stroke-path: currentColor
}

.button-container.play.dark-theme .common[data-v-60c67f1b]:disabled,
.button-container.play.dark-theme.disabled .common[data-v-60c67f1b] {
  --fill-circle: transparent;
  --stroke-circle: currentColor;
  --fill-path: currentColor;
  --stroke-path: currentColor
}

.button-container.filters[data-v-60c67f1b] {
  --bg: var(--white);
  --border: var(--purple500);
  --loader: var(--purple500);
  --padding: 12px 24px;
  --shadow: var(--shadow-5);
  --text: var(--purple500);
  --bg-active: var(--bg);
  --border-active: var(--purple700);
  --text-active: var(--purple700);
  --bg-disabled: var(--bg);
  --border-disabled: var(--gray400);
  --text-disabled: var(--gray500);
  --bg-focus: var(--bg);
  --text-focus: var(--purple500);
  --line-height: 24px;
  --bg-hover: var(--bg);
  --border-hover: var(--purple600);
  --text-hover: var(--purple600);
  --filters-icon-width: 24px;
  --loader-part: var(--gray200);
  --font-size: 16px
}

.button-container.filters .common[data-v-60c67f1b] {
  align-items: center;
  border-radius: 100px;
  box-shadow: var(--shadow);
  display: flex;
  font-weight: 500;
  grid-gap: 8px;
  gap: 8px;
  justify-content: center
}

.button-container.filters .common[data-v-60c67f1b]:after {
  background: var(--purple500);
  border-radius: 50%;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 6px;
  margin-left: 3px;
  margin-top: -6px;
  width: 6px
}

.button-container.margin-top[data-v-60c67f1b] {
  margin-top: var(--pad24)
}

@media (min-width:768px) {
  .button-container.margin-top[data-v-60c67f1b] {
    margin-top: var(--pad40)
  }
}

.button-container.is-centered[data-v-60c67f1b] {
  margin-left: auto;
  margin-right: auto
}

.button-container.fit[data-v-60c67f1b] {
  width: -moz-fit-content;
  width: fit-content
}

.button-container.wide[data-v-60c67f1b] {
  width: 100%
}

.button-container.extra-small[data-v-60c67f1b] {
  min-width: auto;
  white-space: nowrap
}

.button-container.small[data-v-60c67f1b] {
  min-width: 100px
}

.button-container.medium[data-v-60c67f1b] {
  width: 100%
}

@media (min-width:768px) {
  .button-container.medium[data-v-60c67f1b] {
    min-width: 144px
  }

  .button-container.medium.fit[data-v-60c67f1b] {
    width: -moz-fit-content;
    width: fit-content
  }
}

.button-container.play-audio[data-v-60c67f1b] {
  min-width: auto;
  width: auto
}

.button-container.play[data-v-60c67f1b] {
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content
}

.voximplant-button[data-v-60c67f1b] {
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  cursor: pointer;
  display: block;
  font-size: var(--font-size);
  font-weight: 500;
  line-height: var(--line-height);
  position: relative;
  text-align: center;
  transition: .2s linear
}

.voximplant-button>*[data-v-60c67f1b] {
  pointer-events: none
}

.voximplant-button>span[data-v-60c67f1b] {
  font-size: var(--font-size);
  line-height: var(--line-height)
}

.voximplant-button .loader[data-v-60c67f1b] {
  animation: rotating-data-v-60c67f1b 2s linear infinite;
  height: var(--loader-width);
  left: calc(50% - var(--loader-width)/2);
  position: absolute;
  top: calc(50% - var(--loader-width)/2);
  transform-origin: center center;
  width: var(--loader-width)
}

.voximplant-button .play-icon[data-v-60c67f1b] {
  flex-shrink: 0;
  height: var(--play-icon-width);
  width: var(--play-icon-width)
}

.voximplant-button .play-icon>svg[data-v-60c67f1b] {
  height: 100%;
  width: 100%
}

.voximplant-button .play-icon>svg circle[data-v-60c67f1b],
.voximplant-button .play-icon>svg path[data-v-60c67f1b] {
  transition: .2s linear
}

.voximplant-button .filters-icon[data-v-60c67f1b] {
  flex-shrink: 0;
  height: var(--filters-icon-width);
  width: var(--filters-icon-width)
}

.voximplant-button .filters-icon>svg[data-v-60c67f1b] {
  height: 100%;
  width: 100%
}

.voximplant-button .filters-icon>svg circle[data-v-60c67f1b],
.voximplant-button .filters-icon>svg path[data-v-60c67f1b] {
  transition: .2s linear
}

.voximplant-button>img[data-v-60c67f1b] {
  margin-left: 4px
}

.voximplant-button:hover>img[data-v-60c67f1b] {
  transform: translateX(3px);
  transition: .2s ease-in-out
}

.voximplant-button:not(:hover)>img[data-v-60c67f1b] {
  transition: .2s ease-in-out
}

.is-loading .voximplant-button[data-v-60c67f1b] {
  color: transparent !important;
  pointer-events: none
}

.disabled .voximplant-button[data-v-60c67f1b],
.voximplant-button[data-v-60c67f1b]:disabled,
.voximplant-button[disabled][data-v-60c67f1b] {
  cursor: not-allowed
}

.voximplant-button.common[data-v-60c67f1b] {
  background-color: var(--bg);
  border-color: var(--border);
  color: var(--text);
  padding: var(--padding)
}

.extra-small .voximplant-button.common[data-v-60c67f1b] {
  white-space: nowrap
}

.medium .voximplant-button.common[data-v-60c67f1b] {
  width: 100%
}

@media (min-width:768px) {
  .medium .voximplant-button.common[data-v-60c67f1b] {
    min-width: 144px;
    width: auto
  }
}

.wide .voximplant-button.common[data-v-60c67f1b] {
  width: 100%
}

.play-audio .voximplant-button.common[data-v-60c67f1b] {
  min-width: auto;
  position: relative;
  width: auto
}

.play-audio .voximplant-button.common[data-v-60c67f1b]:before {
  background: var(--white);
  border-radius: 100px;
  box-shadow: 11px 0 0 0 var(--white);
  content: "";
  height: 20px;
  left: calc(50% - 5px);
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: opacity .2s ease-in-out;
  width: 5px
}

.play-audio .voximplant-button.common[data-v-60c67f1b]:after {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjQzMzggMTQuMzI1MUMyNi42NDMgMTUuMTE0MyAyNi42NDMgMTYuODg1NyAyNS40MzM4IDE3LjY3NDlMMTMuODQzMSAyNS4yMzk2QzEyLjUxMjggMjYuMTA3OCAxMC43NSAyNS4xNTMzIDEwLjc1IDIzLjU2NDdMMTAuNzUgOC40MzUyNkMxMC43NSA2Ljg0NjcgMTIuNTEyOCA1Ljg5MjE3IDEzLjg0MzEgNi43NjA0TDI1LjQzMzggMTQuMzI1MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: none;
  transition: opacity .2s ease-in-out;
  width: 100%
}

.play-audio.paused .voximplant-button.common[data-v-60c67f1b]:before {
  opacity: 0
}

.play-audio.paused .voximplant-button.common[data-v-60c67f1b]:after {
  opacity: 1
}

.play .voximplant-button.common[data-v-60c67f1b] {
  display: flex;
  padding: 0
}

.play .voximplant-button.common>span[data-v-60c67f1b] {
  flex-grow: 1;
  padding: var(--padding)
}

.hover .voximplant-button.common[data-v-60c67f1b],
.voximplant-button.common[data-v-60c67f1b]:hover {
  background-color: var(--bg-hover);
  border-color: var(--border-hover);
  color: var(--text-hover)
}

.focus .voximplant-button.common[data-v-60c67f1b],
.voximplant-button.common[data-v-60c67f1b]:focus {
  border-color: var(--border-focus);
  text-decoration: none
}

.active .voximplant-button.common[data-v-60c67f1b],
.voximplant-button.common[data-v-60c67f1b]:active {
  background-color: var(--bg-active);
  border-color: var(--border-focus);
  box-shadow: none
}

.disabled .voximplant-button.common[data-v-60c67f1b],
.voximplant-button.common[data-v-60c67f1b]:disabled,
.voximplant-button.common[disabled][data-v-60c67f1b] {
  background-color: var(--bg-disabled);
  border-color: var(--border-disabled);
  color: var(--text-disabled)
}

.outline .voximplant-button.common[data-v-60c67f1b] {
  border-color: var(--white)
}

.btn-text.hide[data-v-60c67f1b] {
  display: none
}

@media (min-width:768px) {
  .btn-text.hide[data-v-60c67f1b] {
    display: inline-block
  }
}

.arrow[data-v-60c67f1b] {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 16px
}

.arrow svg[data-v-60c67f1b] {
  position: absolute;
  right: 0;
  top: 4px
}

@keyframes rotating-data-v-60c67f1b {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.hero-block-video[data-v-49709e1b] {
  --bottom-aside: var(--corner64)/2;
  --video-container-height: calc(100% + var(--bottom-aside));
  --aspect-ratio: var(--default-video-height)/var(--default-video-width);
  --video-shadow: var(--shadow-3);
  --default-video-height: 609;
  --default-video-width: 1008;
  --video-width: 100%
}

@media (min-width:992px) {
  .hero-block-video[data-v-49709e1b] {
    --video-shadow: var(--shadow-6);
    --video-width: 1120px
  }
}

.hero-block-video .container[data-v-49709e1b] {
  padding-bottom: calc(var(--aspect-ratio)*100% - var(--bottom-aside));
  position: relative
}

@media (min-width:992px) {
  .hero-block-video .container[data-v-49709e1b] {
    padding-bottom: calc(var(--default-video-height)*1px - var(--bottom-aside))
  }
}

.video-container[data-v-49709e1b] {
  border: 11px solid;
  border-radius: var(--corner24);
  box-shadow: var(--shadow-6);
  height: var(--video-container-height);
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: var(--video-width)
}

.video-container[data-v-49709e1b]:after {
  background: linear-gradient(0deg, rgba(31, 28, 40, .6), rgba(31, 28, 40, .6));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video-container.animation-only[data-v-49709e1b]:after {
  display: none
}

.video-preview[data-v-49709e1b] {
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0
}

.video-btn[data-v-49709e1b],
.video-preview[data-v-49709e1b] {
  left: 0;
  position: absolute;
  width: 100%
}

.video-btn[data-v-49709e1b] {
  align-items: center;
  bottom: calc(var(--bottom-aside)*-1);
  display: flex;
  flex-direction: column;
  height: var(--video-container-height);
  justify-content: center
}

@media (min-width:768px) {
  .video-btn[data-v-49709e1b] {
    bottom: 0;
    display: block;
    height: auto;
    left: 64px;
    width: auto
  }
}

.rectangle {
  height: var(--corner64);
  position: absolute;
  width: var(--corner64)
}

.rectangle .circle {
  height: var(--corner64);
  width: inherit
}

@media (min-width:768px) {
  .rectangle .circle {
    height: 120px
  }
}

.rectangle.gradient {
  background-color: #231046
}

.rectangle.top {
  top: 0
}

.rectangle.left {
  left: 0
}

.rectangle.bottom {
  bottom: 0
}

.rectangle.right {
  right: 0
}

.rectangle.top.left .circle {
  border-top-left-radius: 100%
}

.rectangle.top.right .circle {
  border-top-right-radius: 100%
}

.rectangle.bottom.left .circle {
  border-bottom-left-radius: 100%
}

.rectangle.bottom.right .circle {
  border-bottom-right-radius: 100%
}

.spaces>.space-80,
.spaces>.space-120 {
  width: 100%
}

@media (min-width:768px) {

  .spaces>.space-80,
  .spaces>.space-120 {
    display: grid;
    grid-template-columns: 100%;
    place-items: center center
  }
}

.spaces>.space-80.next80,
.spaces>.space-120.next80 {
  padding-bottom: var(--pad56)
}

@media (min-width:768px) {

  .spaces>.space-80.next80,
  .spaces>.space-120.next80 {
    padding-bottom: var(--pad80)
  }
}

.spaces>.space-80.next120,
.spaces>.space-120.next120 {
  padding-bottom: var(--pad80)
}

@media (min-width:768px) {

  .spaces>.space-80.next120,
  .spaces>.space-120.next120 {
    padding-bottom: var(--pad120)
  }
}

.spaces>.space-80 .wrapper,
.spaces>.space-120 .wrapper {
  padding: 0 var(--pad16);
  width: 100%
}

@media (min-width:768px) {

  .spaces>.space-80 .wrapper,
  .spaces>.space-120 .wrapper {
    padding: 0 var(--pad32)
  }
}

.spaces>.space-80 {
  padding-top: var(--pad56)
}

@media (min-width:768px) {
  .spaces>.space-80 {
    padding-top: var(--pad80)
  }
}

.spaces>.space-80.next0 {
  padding-bottom: var(--pad56)
}

@media (min-width:768px) {
  .spaces>.space-80.next0 {
    padding-bottom: var(--pad80)
  }
}

.spaces>.space-80.last {
  padding-bottom: var(--pad56)
}

@media (min-width:768px) {
  .spaces>.space-80.last {
    padding-bottom: var(--pad80)
  }
}

.spaces>.space-120 {
  padding-top: var(--pad80)
}

@media (min-width:768px) {
  .spaces>.space-120 {
    padding-top: var(--pad120)
  }
}

.spaces>.space-120.next0 {
  padding-bottom: var(--pad56)
}

@media (min-width:768px) {
  .spaces>.space-120.next0 {
    padding-bottom: var(--pad80)
  }
}

.spaces>.space-120.last {
  padding-bottom: var(--pad80)
}

@media (min-width:768px) {
  .spaces>.space-120.last {
    padding-bottom: var(--pad120)
  }
}

.space-120,
.space-120>.wrapper {
  position: relative
}

.sub-title-desc[data-v-b4912d88] {
  white-space: pre-line
}

.sub-title-desc .subtitle[data-v-b4912d88] {
  color: var(--annotation);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 auto var(--pad16)
}

.sub-title-desc .title[data-v-b4912d88] {
  color: var(--header);
  max-width: 736px
}

@media (min-width:992px) {
  .sub-title-desc .title[data-v-b4912d88] {
    margin-bottom: 0
  }
}

.sub-title-desc .divider-text[data-v-b4912d88] {
  height: 24px
}

.sub-title-desc .text[data-v-b4912d88] {
  color: var(--body-primary);
  font-size: 20px;
  line-height: 28px;
  max-width: 736px;
  padding-top: 0
}

.sub-title-desc .divider56[data-v-b4912d88] {
  height: 56px
}

@media (min-width:768px) {
  .sub-title-desc .divider56[data-v-b4912d88] {
    height: 80px
  }
}

.sub-title-desc .divider40[data-v-b4912d88] {
  height: 40px
}

@media (min-width:992px) {
  .sub-title-desc.horizontal .divider-text[data-v-b4912d88] {
    display: none
  }
}

@media (min-width:992px) {
  .sub-title-desc.horizontal .grid[data-v-b4912d88] {
    display: grid;
    grid-column-gap: 64px;
    grid-template-columns: 1fr 1fr
  }
}

.sub-title-desc.withline[data-v-b4912d88] {
  border-bottom: 1px solid var(--divider);
  padding-bottom: var(--pad40)
}

.sub-title-desc.medium .title[data-v-b4912d88] {
  max-width: 928px
}

.sub-title-desc.center[data-v-b4912d88] {
  text-align: left
}

@media (min-width:768px) {
  .sub-title-desc.center[data-v-b4912d88] {
    text-align: center
  }
}

.sub-title-desc.center .text[data-v-b4912d88],
.sub-title-desc.center .title[data-v-b4912d88] {
  margin: 0 auto
}

.sub-title-desc.center.only-center[data-v-b4912d88] {
  text-align: center
}

.sub-title-desc.narrow .title[data-v-b4912d88] {
  max-width: 528px
}

.sub-title-desc.wide .title[data-v-b4912d88] {
  max-width: 832px
}

.logotypes[data-v-64b134d6] {
  margin: 0 auto;
  max-width: 928px
}

.logotypes .list[data-v-64b134d6] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -20px -10px 0
}

.logotypes .item[data-v-64b134d6] {
  flex-basis: 140px;
  margin-top: 20px;
  max-width: 140px;
  padding: 0 10px
}

@media (--viewport-xs-max) {
  .logotypes .item[data-v-64b134d6] {
    flex-basis: 50%;
    max-width: 50%
  }
}

@media (min-width:768px) {
  .logotypes .item[data-v-64b134d6] {
    flex-basis: 160px;
    max-width: 160px
  }
}

@media (min-width:768px) {
  .logotypes.three .item[data-v-64b134d6] {
    flex-basis: 33.333%;
    max-width: 33.333%
  }
}

@media (min-width:768px) {
  .logotypes.four .item[data-v-64b134d6] {
    flex-basis: 25%;
    max-width: 25%
  }
}

@media (min-width:768px) {
  .logotypes.five .item[data-v-64b134d6] {
    flex-basis: 20%;
    max-width: 20%
  }
}

.logotypes .image[data-v-64b134d6] {
  align-items: center;
  display: flex;
  height: 0;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 40%;
  position: relative;
  width: 100%
}

.logotypes.card-item .image[data-v-64b134d6] {
  background: var(--white);
  border-radius: 10px;
  padding-bottom: 50%
}

@media (min-width:768px) {
  .logotypes.five .image[data-v-64b134d6] {
    padding-bottom: 50%
  }
}

.logotypes .logo[data-v-64b134d6] {
  height: 100%;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

.logotypes.card-item .logo[data-v-64b134d6] {
  padding: 10px
}

.note[data-v-64b134d6] {
  text-align: center
}

fieldset[disabled] .multiselect[data-v-d43c7c72] {
  pointer-events: none
}

.multiselect__spinner[data-v-d43c7c72] {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block
}

.multiselect__spinner[data-v-d43c7c72]:after,
.multiselect__spinner[data-v-d43c7c72]:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color: #41b883;
  box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner[data-v-d43c7c72]:before {
  animation: spinning-data-v-d43c7c72 2.4s cubic-bezier(.41, .26, .2, .62);
  animation-iteration-count: infinite
}

.multiselect__spinner[data-v-d43c7c72]:after {
  animation: spinning-data-v-d43c7c72 2.4s cubic-bezier(.51, .09, .21, .8);
  animation-iteration-count: infinite
}

.multiselect__loading-enter-active[data-v-d43c7c72],
.multiselect__loading-leave-active[data-v-d43c7c72] {
  transition: opacity .4s ease-in-out;
  opacity: 1
}

.multiselect__loading-enter[data-v-d43c7c72],
.multiselect__loading-leave-active[data-v-d43c7c72] {
  opacity: 0
}

.multiselect[data-v-d43c7c72],
.multiselect__input[data-v-d43c7c72],
.multiselect__single[data-v-d43c7c72] {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation
}

.multiselect[data-v-d43c7c72] {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e
}

.multiselect *[data-v-d43c7c72] {
  box-sizing: border-box
}

.multiselect[data-v-d43c7c72]:focus {
  outline: none
}

.multiselect--disabled[data-v-d43c7c72] {
  background: #ededed;
  pointer-events: none;
  opacity: .6
}

.multiselect--active[data-v-d43c7c72] {
  z-index: 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current[data-v-d43c7c72],
.multiselect--active:not(.multiselect--above) .multiselect__input[data-v-d43c7c72],
.multiselect--active:not(.multiselect--above) .multiselect__tags[data-v-d43c7c72] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select[data-v-d43c7c72] {
  transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current[data-v-d43c7c72],
.multiselect--above.multiselect--active .multiselect__input[data-v-d43c7c72],
.multiselect--above.multiselect--active .multiselect__tags[data-v-d43c7c72] {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.multiselect__input[data-v-d43c7c72],
.multiselect__single[data-v-d43c7c72] {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border .1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top
}

.multiselect__input[data-v-d43c7c72]::placeholder {
  color: #35495e
}

.multiselect__tag~.multiselect__input[data-v-d43c7c72],
.multiselect__tag~.multiselect__single[data-v-d43c7c72] {
  width: auto
}

.multiselect__input[data-v-d43c7c72]:hover,
.multiselect__single[data-v-d43c7c72]:hover {
  border-color: #cfcfcf
}

.multiselect__input[data-v-d43c7c72]:focus,
.multiselect__single[data-v-d43c7c72]:focus {
  border-color: #a8a8a8;
  outline: none
}

.multiselect__single[data-v-d43c7c72] {
  padding-left: 5px;
  margin-bottom: 8px
}

.multiselect__tags-wrap[data-v-d43c7c72] {
  display: inline
}

.multiselect__tags[data-v-d43c7c72] {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px
}

.multiselect__tag[data-v-d43c7c72] {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis
}

.multiselect__tag-icon[data-v-d43c7c72] {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all .2s ease;
  border-radius: 5px
}

.multiselect__tag-icon[data-v-d43c7c72]:after {
  content: "\D7";
  color: #266d4d;
  font-size: 14px
}

.multiselect__tag-icon[data-v-d43c7c72]:focus,
.multiselect__tag-icon[data-v-d43c7c72]:hover {
  background: #369a6e
}

.multiselect__tag-icon[data-v-d43c7c72]:focus:after,
.multiselect__tag-icon[data-v-d43c7c72]:hover:after {
  color: #fff
}

.multiselect__current[data-v-d43c7c72] {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 30px 0 12px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8
}

.multiselect__current[data-v-d43c7c72],
.multiselect__select[data-v-d43c7c72] {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer
}

.multiselect__select[data-v-d43c7c72] {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform .2s ease
}

.multiselect__select[data-v-d43c7c72]:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ""
}

.multiselect__placeholder[data-v-d43c7c72] {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px
}

.multiselect--active .multiselect__placeholder[data-v-d43c7c72] {
  display: none
}

.multiselect__content-wrapper[data-v-d43c7c72] {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch
}

.multiselect__content[data-v-d43c7c72] {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top
}

.multiselect--above .multiselect__content-wrapper[data-v-d43c7c72] {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8
}

.multiselect__content[data-v-d43c7c72]::webkit-scrollbar {
  display: none
}

.multiselect__element[data-v-d43c7c72] {
  display: block
}

.multiselect__option[data-v-d43c7c72] {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap
}

.multiselect__option[data-v-d43c7c72]:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px
}

.multiselect__option--highlight[data-v-d43c7c72] {
  background: #41b883;
  outline: none;
  color: #fff
}

.multiselect__option--highlight[data-v-d43c7c72]:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff
}

.multiselect__option--selected[data-v-d43c7c72] {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700
}

.multiselect__option--selected[data-v-d43c7c72]:after {
  content: attr(data-selected);
  color: silver
}

.multiselect__option--selected.multiselect__option--highlight[data-v-d43c7c72] {
  background: #ff6a6a;
  color: #fff
}

.multiselect__option--selected.multiselect__option--highlight[data-v-d43c7c72]:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff
}

.multiselect--disabled .multiselect__current[data-v-d43c7c72],
.multiselect--disabled .multiselect__select[data-v-d43c7c72] {
  background: #ededed;
  color: #a6a6a6
}

.multiselect__option--disabled[data-v-d43c7c72] {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none
}

.multiselect__option--group[data-v-d43c7c72] {
  background: #ededed;
  color: #35495e
}

.multiselect__option--group.multiselect__option--highlight[data-v-d43c7c72] {
  background: #35495e;
  color: #fff
}

.multiselect__option--group.multiselect__option--highlight[data-v-d43c7c72]:after {
  background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight[data-v-d43c7c72] {
  background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight[data-v-d43c7c72] {
  background: #ff6a6a;
  color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight[data-v-d43c7c72]:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff
}

.multiselect-enter-active[data-v-d43c7c72],
.multiselect-leave-active[data-v-d43c7c72] {
  transition: all .15s ease
}

.multiselect-enter[data-v-d43c7c72],
.multiselect-leave-active[data-v-d43c7c72] {
  opacity: 0
}

.multiselect__strong[data-v-d43c7c72] {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top
}

[dir=rtl] .multiselect[data-v-d43c7c72] {
  text-align: right
}

[dir=rtl] .multiselect__select[data-v-d43c7c72] {
  right: auto;
  left: 1px
}

[dir=rtl] .multiselect__tags[data-v-d43c7c72] {
  padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content[data-v-d43c7c72] {
  text-align: right
}

[dir=rtl] .multiselect__option[data-v-d43c7c72]:after {
  right: auto;
  left: 0
}

[dir=rtl] .multiselect__clear[data-v-d43c7c72] {
  right: auto;
  left: 12px
}

[dir=rtl] .multiselect__spinner[data-v-d43c7c72] {
  right: auto;
  left: 1px
}

@keyframes spinning-data-v-d43c7c72 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(2turn)
  }
}

.industries-tablist .logotypes[data-v-d43c7c72] {
  display: flex;
  flex-direction: column
}

.industries-tablist .logotypes .logotypes-heading[data-v-d43c7c72] {
  color: var(--gray600);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 auto;
  text-align: center
}

.industries-tablist .logotypes .logotypes-list[data-v-d43c7c72] {
  margin-top: 8px
}

.tab-wrapper[data-v-d43c7c72] {
  border-bottom: 1px solid #eaedf3;
  display: flex;
  justify-content: center;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 28px;
  position: relative
}

.tab-wrapper.gradient-end[data-v-d43c7c72]:before,
.tab-wrapper.gradient-start[data-v-d43c7c72]:before {
  content: "";
  height: 32px;
  position: absolute;
  top: 28px;
  width: 114px;
  z-index: 100
}

.tab-wrapper.gradient-end[data-v-d43c7c72]:before {
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
  right: 0
}

.tab-wrapper.gradient-start[data-v-d43c7c72]:before {
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
  left: 0
}

.tab-wrapper .body[data-v-d43c7c72] {
  align-items: baseline;
  display: block;
  grid-area: body;
  margin: 0 auto;
  max-width: 100%;
  position: relative
}

.tab-list[data-v-d43c7c72] {
  background-color: #fff;
  border-top: 1px solid #ebedf2;
  box-shadow: inset 0 -1px 0 #ebedf2;
  left: -16px;
  margin-bottom: 40px;
  position: relative;
  width: calc(100% + 32px)
}

@media (min-width:768px) {
  .tab-list[data-v-d43c7c72] {
    border: 1px solid #eaedf3;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(31, 28, 40, .08);
    left: 0;
    margin-bottom: 56px;
    width: 100%
  }
}

.tab-list.with-logos[data-v-d43c7c72] {
  margin-bottom: 0
}

.tab-list .tabs-container[data-v-d43c7c72] {
  display: flex
}

.tab-list .content[data-v-d43c7c72] {
  overflow: hidden;
  padding: 40px
}

@media (min-width:992px) {
  .tab-list .content[data-v-d43c7c72] {
    overflow: hidden;
    padding: 56px
  }
}

.tab-list .content[data-v-d43c7c72] .checkmate-button-list {
  max-width: 100%
}

@media (min-width:768px) {
  .tab-list .content[data-v-d43c7c72] .checkmate-button-list {
    max-width: 100%
  }
}

.tab-list .tab-wrapper-select[data-v-d43c7c72] {
  background-color: #fff;
  box-shadow: inset 0 -1px 0 #ebedf2;
  padding: 16px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100
}

@media (min-width:768px) {
  .tab-list .tab-wrapper-select[data-v-d43c7c72] {
    background-color: transparent;
    padding: var(--pad16) var(--pad24)
  }
}

@media (min-width:992px) {
  .tab-list .tab-wrapper-select[data-v-d43c7c72] {
    height: 96px;
    padding: var(--pad24)
  }
}

.tab-list .tab-wrapper-select~.content[data-v-d43c7c72] {
  overflow: hidden
}

@media (min-width:992px) {
  .tab-list .tab-wrapper-select~.content[data-v-d43c7c72] {
    overflow: hidden;
    padding: 56px
  }
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] {
  width: 100%
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect {
  background: var(--white);
  border: 1px solid var(--gray300);
  border-radius: var(--pad8);
  height: 48px;
  position: relative;
  width: 100%
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect--active {
  border-color: var(--purple500)
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect--active .multiselect__select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.293.293a1 1 0 011.414 0L5 3.586 8.293.293a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' fill='%23662EFF'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  margin-left: auto;
  position: absolute;
  right: 12px;
  top: 12px;
  transform: rotate(180deg);
  transition: background .2s ease;
  width: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__content {
  background-color: #fff;
  border: 1px solid var(--gray300);
  border-radius: var(--pad8);
  box-shadow: 0 4px 8px rgba(31, 28, 40, .08);
  padding: 4px;
  position: absolute;
  top: 56px;
  width: 100%
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.293.293a1 1 0 011.414 0L5 3.586 8.293.293a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' fill='%237F8B99'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  margin-left: auto;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: background .2s ease;
  width: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__placeholder {
  color: var(--gray800);
  font-size: 16px;
  line-height: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:active,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:focus,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:hover {
  background-color: var(--light-blue)
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:active .option__title,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:focus .option__title,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:hover .option__title {
  color: var(--purple500)
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:active .option__image,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:focus .option__image,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:hover .option__image {
  display: none
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:active .option__image-hover,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:focus .option__image-hover,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element:hover .option__image-hover {
  display: inline-block;
  height: 24px;
  margin-right: var(--pad8);
  position: relative;
  top: 0;
  width: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element .option__image {
  height: 24px;
  margin-right: var(--pad8);
  position: relative;
  top: 0;
  width: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element .option__image-hover {
  display: none
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__element .option__title {
  color: var(--gray800)
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__option {
  padding: 12px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__option--highlight,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__option--selected .tab-list .tab-wrapper-select .industries-multiselect>>>.multiselect__option--highlight {
  background-color: transparent
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__option--highlight .option__title {
  color: var(--purple500)
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__option--highlight .option__image {
  display: none
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__option--highlight .option__image-hover {
  display: inline-block;
  height: 24px;
  margin-right: var(--pad8);
  position: relative;
  top: 0;
  width: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__tags {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 12px 40px 12px 12px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__tags .option__image {
  height: 24px;
  margin-right: var(--pad8);
  position: relative;
  top: 0;
  width: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__single {
  color: var(--gray800);
  display: flex;
  line-height: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input>div,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__single>div {
  flex: 0 1 auto
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input .option__title,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__single .option__title {
  color: var(--gray800);
  display: inline;
  font-size: 16px;
  line-height: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input .option__desc,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__single .option__desc {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input .option__image,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__single .option__image {
  display: none
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input .option__image-hover,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__single .option__image-hover {
  display: inline-block;
  height: 24px;
  margin-right: var(--pad8);
  position: relative;
  top: 0;
  width: 24px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__option {
  display: flex;
  transition: all .2s ease-in-out;
  white-space: inherit
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect .option__title {
  font-size: 16px
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__select:before {
  border-color: transparent
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input::-webkit-input-placeholder {
  color: var(--gray600)
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input:-moz-placeholder,
.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input::-moz-placeholder {
  color: var(--gray600)
}

.tab-list .tab-wrapper-select .industries-multiselect[data-v-d43c7c72] .multiselect__input:-ms-input-placeholder {
  color: var(--gray600)
}

.tab[data-v-d43c7c72] {
  background-color: transparent
}

.tab-list .tab[data-v-d43c7c72] {
  align-items: center;
  border: none;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  outline: none;
  padding: 0 0 var(--pad24) 0;
  position: relative
}

.tab-list .tab[data-v-d43c7c72]:before {
  background-color: #662eff;
  border-radius: 4px 4px 0 0;
  bottom: -1px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  transform: scale(0);
  transition: transform .2s ease;
  width: 100%
}

.tab-list .tab .icon[data-v-d43c7c72],
.tab-list .tab .icon-hover[data-v-d43c7c72] {
  height: 0;
  margin-right: 8px;
  padding-bottom: 24px;
  position: relative;
  width: 24px
}

.tab-list .tab .icon-hover img[data-v-d43c7c72],
.tab-list .tab .icon img[data-v-d43c7c72] {
  height: 100%;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

.tab-list .tab .icon-hover[data-v-d43c7c72] {
  display: none
}

.tab-list .tab span[data-v-d43c7c72] {
  color: var(--gray900);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative
}

.tab-list .tab.is-active span[data-v-d43c7c72] {
  color: var(--purple500)
}

.tab-list .tab.is-active[data-v-d43c7c72]:before {
  transform: scale(1)
}

.tab-list .tab.is-active .icon[data-v-d43c7c72] {
  display: none
}

.tab-list .tab.is-active .icon-hover[data-v-d43c7c72] {
  display: inline-block
}

.list[data-v-d43c7c72] {
  display: flex;
  grid-gap: var(--pad40);
  gap: var(--pad40)
}

.tab-list .list[data-v-d43c7c72] {
  display: flex;
  flex-flow: row nowrap;
  -ms-overflow-style: none;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none
}

.tab-list .list[data-v-d43c7c72]::-webkit-scrollbar {
  display: none
}

.tab-list .list .item[data-v-d43c7c72] {
  white-space: nowrap
}

.tab-list .list .item:first-of-type.gradient-end[data-v-d43c7c72]:after,
.tab-list .list .item:first-of-type.gradient-start[data-v-d43c7c72]:after {
  content: "";
  height: 32px;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 100;
  pointer-events: none
}

.tab-list .list .item:first-of-type.gradient-end[data-v-d43c7c72]:after {
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
  right: 0
}

.tab-list .list .item:first-of-type.gradient-start[data-v-d43c7c72]:after {
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
  left: 0
}

.light .tab-content[data-v-5b667021] {
  --tab-content-text: var(--gray800)
}

.dark .tab-content[data-v-5b667021] {
  --tab-content-text: var(--white)
}

.tab-content[data-v-5b667021] {
  color: var(--tab-content-text)
}

.tab-content img[data-v-5b667021] {
  max-width: 100%
}

.tab-content img.img-large[data-v-5b667021] {
  display: none
}

@media (min-width:768px) {
  .tab-content img.img-large[data-v-5b667021] {
    display: block
  }
}

.tab-content img.img-small[data-v-5b667021] {
  display: block;
  margin: 0 auto;
  max-width: 256px
}

@media (min-width:768px) {
  .tab-content img.img-small[data-v-5b667021] {
    display: none
  }
}

@media (min-width:992px) {
  .checkmate[data-v-59eab59a] {
    display: grid;
    grid-column-gap: var(--pad128);
    grid-template-areas: "left right";
    grid-template-columns: 1fr 448px;
    margin: 0 auto;
    max-width: 928px
  }

  .checkmate.reverse[data-v-59eab59a] {
    grid-template-areas: "right left";
    grid-template-columns: 448px 1fr
  }
}

@media (min-width:1200px) {
  .checkmate[data-v-59eab59a] {
    max-width: 1120px
  }
}

@media (min-width:992px) {
  .checkmate .right[data-v-59eab59a] {
    align-self: center;
    grid-area: right
  }
}

@media (min-width:992px) {
  .checkmate .left[data-v-59eab59a] {
    grid-area: left
  }
}

.checkmate .divider[data-v-59eab59a] {
  height: var(--pad16)
}

.checkmate .left .img[data-v-59eab59a] {
  height: 352px;
  margin: var(--pad40) auto 0;
  position: relative;
  width: 288px
}

@media (min-width:768px) {
  .checkmate .left .img[data-v-59eab59a] {
    height: 664px;
    width: 544px
  }
}

@media (min-width:992px) {
  .checkmate .left .img[data-v-59eab59a] {
    height: 664px;
    margin: 0;
    position: relative;
    width: 352px
  }
}

@media (min-width:1200px) {
  .checkmate .left .img[data-v-59eab59a] {
    height: 664px;
    width: 544px
  }
}

.checkmate .left .img img[data-v-59eab59a] {
  height: 352px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 288px
}

@media (min-width:768px) {
  .checkmate .left .img img[data-v-59eab59a] {
    height: 664px;
    width: 544px
  }
}

@media (min-width:992px) {
  .checkmate .left .img img[data-v-59eab59a] {
    position: absolute;
    right: 0
  }
}

@media (min-width:1200px) {
  .checkmate .left .img img[data-v-59eab59a] {
    height: 664px;
    width: 544px
  }
}

.checkmate .left .img video[data-v-59eab59a] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0
}

.checkmate .left .video-wrap[data-v-59eab59a] {
  display: block;
  margin-top: var(--pad40);
  position: relative;
  width: 100%
}

@media (min-width:768px) {
  .checkmate .left .video-wrap[data-v-59eab59a] {
    margin: var(--pad40) auto 0
  }
}

@media (min-width:992px) {
  .checkmate .left .video-wrap[data-v-59eab59a] {
    height: 610px;
    margin: 0;
    width: 1061px
  }
}

.checkmate .left .video-wrap .preview[data-v-59eab59a] {
  border-radius: 26px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.checkmate .left .video-wrap .play[data-v-59eab59a] {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIyNCIgY3k9IjI0IiByPSIyMy4yOTQxIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS40MTE3NiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0yOC41NjMyIDIzLjMxMDZMMjEuNTQyMSAxOS4xNTU4QzIxLjA1OTMgMTguODcwMiAyMC40NzA2IDE5LjI0OTcgMjAuNDcwNiAxOS44NDU3VjI4LjE1NDJDMjAuNDcwNiAyOC43NTEyIDIxLjA1OTMgMjkuMTI5NyAyMS41NDIxIDI4Ljg0NDFMMjguNTYzMiAyNC42ODkzQzI5LjA2NzIgMjQuMzkyOCAyOS4wNjcyIDIzLjYwODEgMjguNTYzMiAyMy4zMTA2WiIKICAgICAgICBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjQxMTc2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 68px;
  left: 50%;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: background .2s linear;
  width: 68px;
  z-index: 9
}

.checkmate .left .video-wrap .play span[data-v-59eab59a] {
  align-items: center;
  color: var(--white);
  display: none;
  font-size: 20px;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  line-height: 28px;
  padding-left: 78px;
  transition: color .2s linear
}

@media (min-width:768px) {
  .checkmate .left .video-wrap .play[data-v-59eab59a] {
    bottom: 76px;
    height: 68px;
    left: 80px;
    top: auto;
    transform: translateZ(0);
    width: auto
  }

  .checkmate .left .video-wrap .play span[data-v-59eab59a] {
    display: flex
  }

  .checkmate .left .video-wrap .play[data-v-59eab59a]:active,
  .checkmate .left .video-wrap .play[data-v-59eab59a]:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2OCA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIzNCIgY3k9IjM0IiByPSIzMyIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik00MC40NjQ1IDMzLjAyMzRMMzAuNTE4IDI3LjEzNzRDMjkuODM0IDI2LjczMjggMjkgMjcuMjcwNCAyOSAyOC4xMTQ3VjM5Ljg4NTJDMjkgNDAuNzMwOCAyOS44MzQgNDEuMjY3IDMwLjUxOCA0MC44NjI0TDQwLjQ2NDUgMzQuOTc2NUM0MS4xNzg1IDM0LjU1NjQgNDEuMTc4NSAzMy40NDQ4IDQwLjQ2NDUgMzMuMDIzNFoiCiAgICAgICAgZmlsbD0iIzU3MjlEMCIgc3Ryb2tlPSIjNTcyOUQwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
  }

  .checkmate .left .video-wrap .play[data-v-59eab59a]:focus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2OCA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIzNCIgY3k9IjM0IiByPSIzMyIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4yIiBzdHJva2U9IiMwMENGREUiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik00MC40NjQ1IDMzLjAyMzRMMzAuNTE4IDI3LjEzNzRDMjkuODM0IDI2LjczMjggMjkgMjcuMjcwNCAyOSAyOC4xMTQ3VjM5Ljg4NTJDMjkgNDAuNzMwOCAyOS44MzQgNDEuMjY3IDMwLjUxOCA0MC44NjI0TDQwLjQ2NDUgMzQuOTc2NUM0MS4xNzg1IDM0LjU1NjQgNDEuMTc4NSAzMy40NDQ4IDQwLjQ2NDUgMzMuMDIzNFoiCiAgICAgICAgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
  }
}

.checkmate .left .video-wrap[data-v-59eab59a]:before {
  background: linear-gradient(0deg, rgba(31, 28, 40, .6), rgba(31, 28, 40, .6));
  border: 8px solid var(--white);
  border-radius: 24px;
  box-shadow: 0 0 8px rgba(31, 28, 40, .04), 0 20px 32px rgba(31, 28, 40, .14);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 9
}

@media (min-width:768px) {
  .checkmate .left .video-wrap[data-v-59eab59a]:before {
    border: 10px solid var(--white)
  }
}

@media (min-width:992px) {
  .checkmate .left .video-wrap[data-v-59eab59a]:before {
    border: 16px solid var(--white);
    width: calc(100% + 10px)
  }
}

.checkmate .left .video-wrap .vanimation[data-v-59eab59a] {
  border-radius: var(--pad24);
  box-shadow: 0 0 8px rgba(31, 28, 40, .04), 0 8px 16px rgba(31, 28, 40, .08);
  box-sizing: border-box;
  display: block;
  left: 0;
  margin: 0 auto;
  max-width: none;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%
}

@media (min-width:992px) {
  .checkmate .left .video-wrap .vanimation[data-v-59eab59a] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }
}

.checkmate.reverse .left .img img[data-v-59eab59a] {
  left: 0
}

.checkmate.bigImage .left .img[data-v-59eab59a] {
  height: 422px;
  margin-top: var(--pad40);
  width: 100%
}

@media (min-width:768px) {
  .checkmate.bigImage .left .img[data-v-59eab59a] {
    height: 422px;
    width: 704px
  }
}

@media (min-width:992px) {
  .checkmate.bigImage .left .img[data-v-59eab59a] {
    height: 664px;
    margin: 0;
    position: relative;
    width: 352px
  }
}

@media (min-width:1200px) {
  .checkmate.bigImage .left .img[data-v-59eab59a] {
    height: 664px;
    width: 544px
  }
}

.checkmate.bigImage .left .img img[data-v-59eab59a] {
  height: 422px;
  left: 0;
  position: absolute;
  width: 704px
}

@media (min-width:768px) {
  .checkmate.bigImage .left .img img[data-v-59eab59a] {
    left: 50%;
    transform: translate3d(-50%, 0, 0)
  }
}

@media (min-width:992px) {
  .checkmate.bigImage .left .img img[data-v-59eab59a] {
    height: 664px;
    left: auto;
    position: absolute;
    right: 0;
    transform: none;
    width: 1120px
  }
}

.checkmate.medium .left .img[data-v-59eab59a] {
  height: 254px;
  margin-top: var(--pad40);
  width: 288px
}

@media (min-width:768px) {
  .checkmate.medium .left .img[data-v-59eab59a] {
    height: 480px;
    margin: var(--pad40) auto 0;
    width: 544px
  }
}

@media (min-width:992px) {
  .checkmate.medium .left .img[data-v-59eab59a] {
    height: 664px;
    margin: 0;
    position: relative;
    width: 352px
  }
}

@media (min-width:1200px) {
  .checkmate.medium .left .img[data-v-59eab59a] {
    height: 664px;
    width: 544px
  }
}

.checkmate.medium .left .img img[data-v-59eab59a] {
  height: 254px;
  width: 288px
}

@media (min-width:768px) {
  .checkmate.medium .left .img img[data-v-59eab59a] {
    height: 480px;
    width: 544px
  }
}

@media (min-width:992px) {
  .checkmate.medium .left .img img[data-v-59eab59a] {
    height: 664px;
    position: absolute;
    right: 0
  }
}

.checkmate.small .left .img[data-v-59eab59a] {
  height: 254px;
  width: 288px
}

@media (min-width:768px) {
  .checkmate.small .left .img[data-v-59eab59a] {
    height: 480px;
    width: 544px
  }
}

@media (min-width:992px) {
  .checkmate.small .left .img[data-v-59eab59a] {
    width: 352px
  }
}

@media (min-width:1200px) {
  .checkmate.small .left .img[data-v-59eab59a] {
    height: 480px;
    width: 544px
  }
}

.checkmate.small .left .img img[data-v-59eab59a] {
  height: 254px;
  width: 288px
}

@media (min-width:768px) {
  .checkmate.small .left .img img[data-v-59eab59a] {
    height: 480px;
    width: 544px
  }
}

.checkmate.horizontal+.horizontal[data-v-59eab59a] {
  margin-top: 20px
}

.checkmate.horizontal .left .img[data-v-59eab59a] {
  height: 254px;
  width: 288px
}

@media (min-width:768px) {
  .checkmate.horizontal .left .img[data-v-59eab59a] {
    height: 370px;
    width: 544px
  }
}

@media (min-width:992px) {
  .checkmate.horizontal .left .img[data-v-59eab59a] {
    width: 352px
  }
}

@media (min-width:1200px) {
  .checkmate.horizontal .left .img[data-v-59eab59a] {
    height: 340px;
    width: 544px
  }
}

.checkmate.horizontal .left .img img[data-v-59eab59a] {
  height: 254px;
  width: 288px
}

@media (min-width:768px) {
  .checkmate.horizontal .left .img img[data-v-59eab59a] {
    height: 370px;
    width: 544px
  }
}

@media (min-width:1200px) {
  .checkmate.horizontal .left .img img[data-v-59eab59a] {
    height: 340px;
    width: 544px
  }
}

@media (min-width:992px) {
  .checkmate.reverse .left .img img[data-v-59eab59a] {
    left: 0;
    right: auto
  }
}

@media (min-width:992px) {
  .checkmate.form[data-v-59eab59a] {
    grid-column-gap: 96px;
    grid-template-columns: 1fr 448px
  }
}

@media (min-width:1200px) {
  .checkmate.form[data-v-59eab59a] {
    grid-template-columns: 1fr 544px
  }
}

.checkmate.form .form-container[data-v-59eab59a] {
  margin: 40px auto 0;
  max-width: 544px
}

@media (min-width:992px) {
  .checkmate.form .form-container[data-v-59eab59a] {
    margin-top: 0
  }
}

@media (min-width:992px) {
  .checkmate.industries[data-v-59eab59a] {
    grid-column-gap: var(--pad56);
    grid-template-columns: 1fr 1fr
  }
}

@media (min-width:992px) {
  .checkmate.industries.small .left .img[data-v-59eab59a] {
    padding-top: 56px
  }
}

@media (min-width:1200px) {
  .checkmate.industries.small .left .img[data-v-59eab59a] {
    padding-top: 0
  }
}

@media (min-width:768px) {
  .checkmate.industries[data-v-59eab59a] .checkmate-button-list .voximplant-button.common {
    min-width: 144px
  }
}

.checkmate.industries[data-v-59eab59a] .text-with-gradient-border .gradient-item .h3 {
  font-size: 20px;
  line-height: 28px
}

.checkmate.industries[data-v-59eab59a] .text-with-gradient-border .gradient-item .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

@media (min-width:992px) {
  .checkmate.numbers .left .img img[data-v-59eab59a] {
    height: 354px;
    width: 402px
  }
}

@media (min-width:1200px) {
  .checkmate.numbers .left .img img[data-v-59eab59a] {
    height: 480px;
    width: 544px
  }
}

.content.light[data-v-5968e145] {
  --note-bg: var(--light-bg);
  --annotation-color: var(--purple500);
  --description-color: var(--gray600);
  --h2-color: var(--gray900);
  --h3-color: var(--gray900);
  --text-color: var(--gray800)
}

.content.dark[data-v-5968e145] {
  --note-bg: var(--purple900);
  --annotation-color: var(--cyan4);
  --description-color: var(--gray300);
  --h2-color: var(--white);
  --h3-color: var(--white);
  --text-color: var(--gray300)
}

.content.speakers .h2[data-v-5968e145] {
  margin-bottom: var(--pad8)
}

.content.speakers .text.text-bold[data-v-5968e145] {
  margin-top: 0
}

.content.text-gradient-first[data-v-5968e145] {
  display: flex;
  flex-direction: column
}

.content.text-gradient-first .text-with-gradient-border[data-v-5968e145] {
  margin-bottom: var(--pad16);
  margin-top: 0;
  order: 0
}

.content.text-gradient-first .article-list[data-v-5968e145] {
  order: 1
}

.content.text-gradient-first .checkmate-button-list[data-v-5968e145] {
  order: 2
}

.content .annotation[data-v-5968e145] {
  color: var(--annotation-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: var(--pad16)
}

.main-page-checkmate .content .annotation[data-v-5968e145] {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px
}

.content .h2[data-v-5968e145] {
  color: var(--h2-color);
  margin-bottom: var(--pad24)
}

.main-page-checkmate .content .h2[data-v-5968e145] {
  font-weight: 500
}

.content .h3[data-v-5968e145] {
  color: var(--h3-color);
  margin-bottom: var(--pad16)
}

.main-page-checkmate .content .h3[data-v-5968e145] {
  font-weight: 500
}

.content .text[data-v-5968e145] {
  color: var(--text-color);
  padding-top: 0
}

.content .text.text-large[data-v-5968e145] {
  font-size: 20px;
  line-height: 28px
}

.content .text.text-bold[data-v-5968e145] {
  font-weight: 500;
  margin-top: var(--pad24)
}

.content .text.text-result[data-v-5968e145] {
  color: var(--body-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.content .text.note[data-v-5968e145] {
  background: var(--note-bg);
  border-radius: var(--pad8);
  padding: var(--pad16)
}

.content .text-chevron[data-v-5968e145] {
  margin-top: var(--pad24)
}

.content .icon-list-wrapper[data-v-5968e145] {
  display: grid;
  grid-row-gap: 16px;
  row-gap: 16px
}

.content .icon-list-wrapper .icon-list-container[data-v-5968e145] {
  grid-column-gap: 16px;
  column-gap: 16px;
  display: grid;
  grid-template-areas: "icon headerH3" "text text";
  grid-template-columns: 32px auto;
  grid-template-rows: auto auto;
  margin-bottom: 40px
}

.content .icon-list-wrapper .icon-list-container[data-v-5968e145]:last-child {
  margin-bottom: 0
}

.content .icon-list-wrapper .icon-list-container .icon[data-v-5968e145] {
  grid-area: icon
}

.content .icon-list-wrapper .icon-list-container .h3[data-v-5968e145] {
  grid-area: headerH3
}

.content .icon-list-wrapper .icon-list-container .text[data-v-5968e145] {
  grid-area: text
}

.content .article-list[data-v-5968e145] {
  color: var(--text-color)
}

.content .article-list a[data-v-5968e145] {
  font-size: inherit
}

.content .article-list .text+.text[data-v-5968e145] {
  margin-top: var(--pad16)
}

.content .article-list .text+.text-bold[data-v-5968e145] {
  margin-top: var(--pad24)
}

.content .article-list .text-bold+.text[data-v-5968e145] {
  margin-top: var(--pad8)
}

.content .marker-check-list[data-v-5968e145] {
  margin-bottom: var(--pad24);
  margin-top: var(--pad16)
}

.content .marker-check-list[data-v-5968e145]:last-child {
  margin-bottom: 0
}

.content .marker-check-list .checkmate-list[data-v-5968e145] {
  margin-bottom: var(--pad24)
}

.content .marker-check-list .checkmate-list[data-v-5968e145]:last-child {
  margin-bottom: 0
}

.content .text-with-gradient-border[data-v-5968e145] {
  margin-top: 40px;
  padding-left: 18px;
  position: relative
}

.content .text-with-gradient-border[data-v-5968e145]:before {
  background: var(--gradient-7);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px
}

.content .text-with-gradient-border h3[data-v-5968e145] {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 4px
}

.content .text-with-gradient-border .text[data-v-5968e145] {
  color: var(--gray600);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.content .checkmate-button-list[data-v-5968e145] {
  margin-top: var(--pad24)
}

.content .icon-list[data-v-5968e145] {
  color: var(--text-color);
  margin-top: var(--pad16);
  width: 100%
}

@media (min-width:768px) {
  .content .icon-list[data-v-5968e145] {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
}

.content .icon-list .icon[data-v-5968e145] {
  height: var(--pad24);
  margin-right: var(--pad8);
  width: var(--pad24)
}

.content .icon-list .item[data-v-5968e145] {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin-bottom: var(--pad16)
}

.content .icon-list .item[data-v-5968e145]:last-child {
  margin-bottom: 0
}

.content .icon-list .p[data-v-5968e145] {
  color: var(--text-color);
  font-size: var(--pad16);
  line-height: var(--pad24);
  padding: 0
}

.content .icon-list .p.annotation[data-v-5968e145] {
  color: var(--annotation-color)
}

.advantage-list[data-v-18f0be1c] {
  --column-gap: var(--pad40);
  --row-gap: var(--pad40);
  --title-height: 28px;
  --title-size: 20px;
  --grid-sm: repeat(2, 1fr)
}

@media (min-width:768px) {
  .advantage-list[data-v-18f0be1c] {
    --column-gap: var(--pad64);
    --row-gap: var(--pad56)
  }
}

.advantage-list.light[data-v-18f0be1c] {
  --text-color: var(--gray800);
  --title-color: var(--gray900)
}

.advantage-list.dark[data-v-18f0be1c] {
  --text-color: var(--gray300);
  --title-color: var(--white)
}

.advantage-list.fit[data-v-18f0be1c] {
  --max-width: 1120px
}

.advantage-list.wide[data-v-18f0be1c] {
  --max-width: 100%
}

.advantage-list.one[data-v-18f0be1c] {
  --grid-lg: 1fr;
  --grid-md: 1fr
}

.advantage-list.two[data-v-18f0be1c] {
  --grid-lg: repeat(2, 1fr);
  --grid-md: repeat(2, 1fr);
  --max-width: 832px
}

.advantage-list.two.wide[data-v-18f0be1c] {
  --max-width: 100%
}

.advantage-list.three[data-v-18f0be1c] {
  --grid-lg: repeat(3, 1fr);
  --grid-md: repeat(3, 1fr)
}

.advantage-list.four[data-v-18f0be1c] {
  --grid-lg: repeat(4, 1fr);
  --grid-md: repeat(3, 1fr)
}

.advantage-list.divider-top[data-v-18f0be1c] {
  margin-top: var(--pad40)
}

@media (min-width:768px) {
  .advantage-list.grid-row-40[data-v-18f0be1c] {
    grid-row-gap: var(--pad40)
  }
}

.advantage-list[data-v-18f0be1c] {
  display: grid;
  grid-column-gap: var(--column-gap);
  grid-row-gap: var(--row-gap);
  grid-template-columns: 100%;
  margin: 0 auto;
  max-width: var(--max-width)
}

@media (min-width:768px) {
  .advantage-list[data-v-18f0be1c] {
    display: grid;
    grid-template-columns: var(--grid-sm)
  }
}

@media (min-width:992px) {
  .advantage-list[data-v-18f0be1c] {
    grid-template-columns: var(--grid-md)
  }
}

@media (min-width:1200px) {
  .advantage-list[data-v-18f0be1c] {
    grid-template-columns: var(--grid-lg)
  }
}

.advantage-list.wide[data-v-18f0be1c] {
  width: 100%
}

.advantage-content.light[data-v-523fe076] {
  --text-color: var(--gray800);
  --title-color: var(--gray900)
}

.advantage-content.dark[data-v-523fe076] {
  --text-color: var(--gray300);
  --title-color: var(--white)
}

.advantage-content.icon[data-v-523fe076] {
  --image-gutter: var(--pad16)
}

.advantage-content.icon .img[data-v-523fe076] {
  height: 40px
}

.advantage-content.logo[data-v-523fe076] {
  --image-gutter: var(--pad24)
}

.advantage-content.logo .img[data-v-523fe076] {
  height: 56px
}

.advantage-content.icon-left[data-v-523fe076] {
  --column-gap: var(--pad32);
  --row-gap: var(--pad24)
}

@media (min-width:768px) {
  .advantage-content.icon-left[data-v-523fe076] {
    --column-gap: var(--pad32)
  }
}

@media (min-width:992px) {
  .advantage-content.icon-left[data-v-523fe076] {
    --column-gap: var(--pad32);
    --row-gap: var(--pad40)
  }
}

.advantage-content.medium[data-v-523fe076] {
  --text-height: 24px;
  --text-size: 16px
}

.advantage-content.large[data-v-523fe076] {
  --text-height: 28px;
  --text-size: 20px
}

.advantage-content.benefit[data-v-523fe076] {
  --text-height: 24px;
  --title-height: 32px;
  --text-size: 16px;
  --title-size: 24px
}

.advantage-content.number[data-v-523fe076] {
  --title-height: 48px;
  --title-size: 36px
}

@media (min-width:768px) {
  .advantage-content.number[data-v-523fe076] {
    --title-height: 64px;
    --title-size: 48px
  }
}

.advantage-content.icon-left[data-v-523fe076] {
  align-items: flex-start;
  display: flex
}

.advantage-content .h3[data-v-523fe076] {
  color: var(--title-color);
  font-size: var(--title-size);
  font-weight: 500;
  line-height: var(--title-height);
  margin-bottom: 16px
}

.advantage-content .p[data-v-523fe076] {
  color: var(--text-color);
  font-size: var(--text-size);
  line-height: var(--text-height);
  margin-bottom: var(--pad24);
  padding-top: 0;
  white-space: pre-line
}

.advantage-content .p[data-v-523fe076]:last-child {
  margin-bottom: 0
}

.advantage-content .unit[data-v-523fe076] {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
  padding: 0
}

.advantage-content .content[data-v-523fe076],
.advantage-content .text-chevron[data-v-523fe076] {
  margin-top: var(--pad24)
}

.icon-left .img-container[data-v-523fe076] {
  flex-shrink: 0
}

.img[data-v-523fe076] {
  margin-bottom: var(--image-gutter);
  max-width: 100%
}

.icon-left .img[data-v-523fe076] {
  margin-bottom: 0;
  margin-right: var(--image-gutter)
}

.icon-left .body[data-v-523fe076] {
  margin-top: 6px
}

.space-80,
.space-80>.wrapper {
  position: relative
}

.simple-banner.image-centered[data-v-ebad2d0c] {
  --image-right-height: 100%
}

.simple-banner[data-v-ebad2d0c] {
  --banner-box-shadow-medium: var(--shadow-6);
  --banner-box-shadow-small: var(--shadow-4);
  --sm-content-padding: 80px;
  --icon-description-font-size: 16px;
  --icon-description-line-height: 24px;
  --md-icon-description-font-size: 20px;
  --md-icon-description-line-height: 28px;
  --content-padding: var(--pad24);
  --image-right-height: 376px
}

.simple-banner.banner-light[data-v-ebad2d0c] {
  --banner-bg: var(--light-bg);
  --annotation-color: var(--purple500);
  --header-color: var(--gray900);
  --text-color: var(--gray900)
}

.simple-banner.banner-dark[data-v-ebad2d0c] {
  --banner-bg: var(--purple900);
  --annotation-color: var(--cyan4);
  --header-color: var(--white);
  --text-color: var(--gray300)
}

.simple-banner.banner-small[data-v-ebad2d0c] {
  --md-header-font-size: 17px;
  --md-header-line-height: 20px
}

.simple-banner.banner-medium[data-v-ebad2d0c],
.simple-banner.banner-small[data-v-ebad2d0c] {
  --description-font-size: 16px;
  --header-font-size: 20px;
  --description-line-height: 24px;
  --header-line-height: 28px
}

.simple-banner.banner-medium[data-v-ebad2d0c] {
  --md-header-font-size: 24px;
  --md-header-line-height: 32px
}

.simple-banner.banner-large[data-v-ebad2d0c] {
  --sm-content-padding: 80px;
  --description-font-size: 20px;
  --header-font-size: 32px;
  --md-header-font-size: 40px;
  --md-header-line-height: 48px;
  --description-line-height: 28px;
  --header-line-height: 40px
}

.simple-banner[data-v-ebad2d0c] {
  position: relative
}

.simple-banner.text-left[data-v-ebad2d0c] {
  text-align: left
}

.simple-banner.text-center[data-v-ebad2d0c] {
  text-align: center
}

.simple-banner .content[data-v-ebad2d0c] {
  padding: var(--content-padding)
}

@media (min-width:768px) {
  .simple-banner .content[data-v-ebad2d0c] {
    padding: var(--sm-content-padding)
  }
}

.simple-banner .annotation[data-v-ebad2d0c] {
  color: var(--annotation-color);
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: var(--pad8)
}

.simple-banner .header[data-v-ebad2d0c] {
  color: var(--header-color);
  font-size: var(--header-font-size);
  line-height: var(--header-line-height)
}

@media (min-width:992px) {
  .simple-banner .header[data-v-ebad2d0c] {
    font-size: var(--md-header-font-size);
    line-height: var(--md-header-line-height)
  }
}

.simple-banner .description[data-v-ebad2d0c] {
  color: var(--text-color);
  font-size: var(--description-font-size);
  line-height: var(--description-line-height);
  padding-top: var(--pad24)
}

.simple-banner .banner-icons[data-v-ebad2d0c] {
  margin-top: var(--pad24)
}

.simple-banner .icons-description[data-v-ebad2d0c] {
  color: var(--text-color);
  font-size: var(--icon-description-font-size);
  line-height: var(--icon-description-line-height);
  margin-bottom: var(--pad16);
  padding-top: 0
}

@media (min-width:992px) {
  .simple-banner .icons-description[data-v-ebad2d0c] {
    font-size: var(--md-icon-description-font-size);
    line-height: var(--md-icon-description-line-height);
    margin-bottom: var(--pad24)
  }
}

.middle-bg[data-v-ebad2d0c] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.middle-bg[data-v-ebad2d0c]:after,
.middle-bg[data-v-ebad2d0c]:before {
  background-color: currentColor;
  content: "";
  height: 50%;
  position: absolute;
  top: 50%;
  width: 100vw
}

.next80 .middle-bg[data-v-ebad2d0c]:after,
.next80 .middle-bg[data-v-ebad2d0c]:before,
.space-80 .middle-bg[data-v-ebad2d0c]:after,
.space-80 .middle-bg[data-v-ebad2d0c]:before {
  height: calc(50% + 80px)
}

.next120 .middle-bg[data-v-ebad2d0c]:after,
.next120 .middle-bg[data-v-ebad2d0c]:before,
.space-120 .middle-bg[data-v-ebad2d0c]:after,
.space-120 .middle-bg[data-v-ebad2d0c]:before {
  height: calc(50% + 120px)
}

.middle-bg[data-v-ebad2d0c]:before {
  left: 50%
}

.middle-bg[data-v-ebad2d0c]:after {
  right: 50%
}

.container[data-v-ebad2d0c] {
  background-color: var(--banner-bg);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.banner-medium .container[data-v-ebad2d0c],
.banner-small .container[data-v-ebad2d0c] {
  box-shadow: var(--banner-box-shadow-small)
}

.banner-large .container[data-v-ebad2d0c] {
  box-shadow: var(--banner-box-shadow-medium)
}

.banner-large.banner-light .container[data-v-ebad2d0c] {
  box-shadow: none
}

@media (min-width:992px) {

  .image-left .container[data-v-ebad2d0c],
  .image-right .container[data-v-ebad2d0c] {
    display: grid;
    grid-template-areas: "image content";
    grid-template-columns: 200px auto
  }

  .image-left .container .image[data-v-ebad2d0c],
  .image-right .container .image[data-v-ebad2d0c] {
    grid-area: image
  }

  .image-left .container .content[data-v-ebad2d0c],
  .image-right .container .content[data-v-ebad2d0c] {
    grid-area: content
  }
}

@media (min-width:992px) {
  .image-right .container[data-v-ebad2d0c] {
    display: grid;
    grid-template-areas: "content image";
    grid-template-columns: 544px 576px
  }

  .image-right .container .image[data-v-ebad2d0c] {
    grid-area: image
  }

  .image-right .container .content[data-v-ebad2d0c] {
    grid-area: content
  }
}

@media (min-width:1200px) {
  .image-right .container[data-v-ebad2d0c] {
    grid-template-columns: 544px 576px
  }
}

.image[data-v-ebad2d0c] {
  display: none
}

@media (min-width:992px) {
  .image-left .image[data-v-ebad2d0c] {
    align-items: flex-end;
    display: flex
  }

  .image-left .image .img[data-v-ebad2d0c] {
    max-width: 100%;
    min-width: 80%
  }
}

@media (min-width:992px) {
  .image-right .image[data-v-ebad2d0c] {
    bottom: 0;
    display: block;
    height: var(--image-right-height);
    position: absolute;
    width: 576px
  }

  .image-right .image .img[data-v-ebad2d0c] {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: absolute;
    width: 100%
  }
}

.content[data-v-ebad2d0c] {
  position: relative
}

@media (min-width:992px) {
  .content[data-v-ebad2d0c] {
    display: flex
  }
}

.content .banner-buttons[data-v-ebad2d0c] {
  margin-top: 24px
}

@media (min-width:768px) {
  .content .banner-buttons[data-v-ebad2d0c] {
    margin-top: 40px
  }
}

@media (min-width:992px) {
  .content-row .content[data-v-ebad2d0c] {
    align-items: center;
    flex-direction: row
  }

  .content-row .content .body[data-v-ebad2d0c] {
    flex-grow: 1
  }

  .content-row .content .banner-buttons[data-v-ebad2d0c] {
    flex-shrink: 0
  }
}

@media (min-width:992px) {
  .content-column .content[data-v-ebad2d0c] {
    flex-direction: column
  }
}

.content-column.text-center .content .banner-button-list[data-v-ebad2d0c] {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content
}

.banner-large .body[data-v-ebad2d0c],
.image-right .body[data-v-ebad2d0c] {
  max-width: 100%
}

@media (min-width:992px) {

  .banner-large .body[data-v-ebad2d0c],
  .image-right .body[data-v-ebad2d0c] {
    max-width: 464px
  }
}

.text-center .body[data-v-ebad2d0c] {
  margin-left: auto;
  margin-right: auto;
  max-width: 850px
}

.masonry-row[data-v-4134bb38] {
  display: grid
}

.masonry-row.primary[data-v-4134bb38] {
  grid-template-columns: 1fr;
  grid-gap: 24px;
  gap: 24px;
  margin-block-end: 24px
}

.masonry-row.secondary[data-v-4134bb38] {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px
}

.masonry-row .masonry-tile[data-v-4134bb38] {
  display: flex
}

@media (min-width:768px) {
  .masonry-row[data-v-4134bb38] {
    grid-auto-flow: column;
    grid-auto-columns: 1fr
  }
}

.primary-tile[data-v-69da9af6] {
  border-radius: 16px;
  background-color: #a180ff;
  background-image: url(/vox/common/tiles/BG.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  grid-column-gap: 16px;
  column-gap: 16px;
  width: 100%
}

.primary-tile .title[data-v-69da9af6] {
  color: #fff;
  color: var(--white, #fff);
  font-size: 40px;
  font-weight: 700;
  line-height: 48px
}

.primary-tile .description[data-v-69da9af6] {
  color: #fff;
  color: var(--white, #fff);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.secondary-tile[data-v-69da9af6] {
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: #f5f7fc;
  background: var(--light-blue, #f5f7fc);
  width: 100%
}

.secondary-tile img[data-v-69da9af6] {
  max-width: 100%
}

.logotypes[data-v-d11c9ebe] {
  position: relative;
  margin: 0 auto;
  max-width: 1022px;
  overflow: hidden
}

.logotypes .list[data-v-d11c9ebe] {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.logotypes .list[data-v-d11c9ebe]::-webkit-scrollbar {
  display: none
}

.logotypes .list[data-v-d11c9ebe]:not(.animated) {
  overflow-x: scroll
}

.logotypes .list.animated[data-v-d11c9ebe] {
  width: max-content
}

.logotypes .item[data-v-d11c9ebe] {
  flex-basis: 140px;
  max-width: 140px;
  cursor: pointer
}

@media (--viewport-xs-max) {
  .logotypes .item[data-v-d11c9ebe] {
    flex-basis: 50%
  }
}

@media (min-width:768px) {
  .logotypes .item[data-v-d11c9ebe] {
    flex-basis: 208px;
    max-width: 208px
  }
}

.logotypes .item[data-v-d11c9ebe] {
  flex: 0 0 auto
}

.logotypes .item .image[data-v-d11c9ebe] {
  width: 100%
}

.logotypes .item .image img[data-v-d11c9ebe] {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%
}

.logotypes .gradient-left[data-v-d11c9ebe],
.logotypes .gradient-right[data-v-d11c9ebe] {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 5%;
  height: 100%;
  pointer-events: none
}

.logotypes .gradient-left[data-v-d11c9ebe] {
  left: 0;
  background: linear-gradient(90deg, var(--light-bg), transparent)
}

.logotypes .gradient-right[data-v-d11c9ebe] {
  right: 0;
  background: linear-gradient(270deg, var(--light-bg), transparent)
}

.customer-stories[data-v-10a67521] {
  white-space: pre-line
}

.customer-stories .slider-container[data-v-10a67521] {
  display: grid;
  grid-gap: var(--pad24);
  gap: var(--pad24);
  grid-template-columns: 100%
}

@media (min-width:992px) {
  .customer-stories .slider-container[data-v-10a67521] {
    grid-gap: var(--pad64);
    gap: var(--pad64);
    grid-template-columns: 352px 1fr
  }
}

@media (min-width:1200px) {
  .customer-stories .slider-container[data-v-10a67521] {
    margin: 0 auto;
    width: 1120px
  }
}

.customer-stories .panel .purple[data-v-10a67521] {
  color: var(--purple500);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: var(--pad16)
}

.customer-stories .panel .header[data-v-10a67521] {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 24px
}

@media (min-width:768px) {
  .customer-stories .panel .header[data-v-10a67521] {
    font-size: 40px;
    line-height: 48px
  }
}

.customer-stories .panel .description[data-v-10a67521] {
  font-size: 20px;
  line-height: 28px;
  padding-top: 0
}

.customer-stories .panel .description+.description[data-v-10a67521] {
  margin-top: var(--pad32)
}

@media (min-width:768px) {
  .customer-stories .panel .description+.description[data-v-10a67521] {
    margin-top: var(--pad40)
  }
}

@media (min-width:992px) {
  .customer-stories .panel .description+.description[data-v-10a67521] {
    margin-top: 24px
  }
}

@media (min-width:992px) {
  .customer-stories .panel .article-list[data-v-10a67521] {
    margin-bottom: 24px
  }
}

.customer-stories .panel .article-list.alone[data-v-10a67521] {
  margin-bottom: 0
}

.customer-stories .panel .navigator[data-v-10a67521] {
  display: none;
  justify-content: space-between;
  width: 112px
}

@media (min-width:992px) {
  .customer-stories .panel .navigator[data-v-10a67521] {
    display: flex
  }
}

.customer-stories .panel .navigator .next[data-v-10a67521],
.customer-stories .panel .navigator .prev[data-v-10a67521] {
  align-items: center;
  background: var(--white);
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(31, 28, 40, .04), 0 8px 16px rgba(31, 28, 40, .08);
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px
}

.customer-stories .slider-wrapper.top-shadow[data-v-10a67521] {
  position: relative
}

.customer-stories .slider-wrapper.top-shadow[data-v-10a67521]:before {
  background: linear-gradient(180deg, rgba(248, 250, 255, 0), #f8faff);
  content: "";
  height: 56px;
  position: absolute;
  top: 0;
  transform: matrix(1, 0, 0, -1, 0, 0);
  width: 100%;
  z-index: 10
}

.customer-stories .slider-wrapper.bottom-shadow[data-v-10a67521] {
  position: relative
}

.customer-stories .slider-wrapper.bottom-shadow[data-v-10a67521]:before {
  background: linear-gradient(180deg, rgba(248, 250, 255, 0), #f8faff);
  bottom: 40px;
  content: "";
  height: 56px;
  position: absolute;
  width: 100%;
  z-index: 10
}

@media (min-width:768px) {
  .customer-stories .slider-wrapper[data-v-10a67521] {
    border-left: 1px solid var(--gray300);
    padding-left: var(--pad32);
    position: relative
  }

  .customer-stories .slider-wrapper[data-v-10a67521]:before {
    background: var(--purple500);
    border-radius: 0 5px 5px 0;
    content: "";
    height: 56px;
    left: -1px;
    position: absolute;
    width: 2px
  }
}

.customer-stories .slider[data-v-10a67521] {
  display: block;
  min-height: 352px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%
}

@media (min-width:768px) {
  .customer-stories .slider[data-v-10a67521] {
    height: auto;
    overflow: visible
  }
}

.customer-stories .slider[data-v-10a67521]::-webkit-scrollbar {
  background: transparent;
  width: 4px
}

.customer-stories .slider[data-v-10a67521]::-webkit-scrollbar-thumb {
  background-color: var(--gray300);
  border-radius: 10px;
  box-shadow: inset 1px 1px 10px #f3faf7
}

.customer-stories .slider .slide[data-v-10a67521] {
  height: 360px;
  left: 0;
  margin-bottom: var(--pad32);
  top: 0;
  width: 100%
}

.customer-stories .slider .slide+.slide[data-v-10a67521] {
  position: absolute
}

@media (min-width:768px) {
  .customer-stories .slider .slide[data-v-10a67521] {
    height: auto;
    margin-bottom: 0
  }
}

.customer-stories .slider.alone[data-v-10a67521] {
  height: auto;
  min-height: 430px
}

@media (min-width:768px) {
  .customer-stories .slider.alone[data-v-10a67521] {
    min-height: 0
  }
}

.customer-stories .slider.alone .slide[data-v-10a67521] {
  height: auto;
  margin-bottom: 0;
  position: relative
}

.customer-stories .divider[data-v-10a67521] {
  height: 25px
}

@media (min-width:992px) {
  .customer-stories .divider[data-v-10a67521] {
    height: 40px
  }
}

.customer-stories .navigation[data-v-10a67521] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: min-content
}

@media (min-width:992px) {
  .customer-stories .navigation[data-v-10a67521] {
    justify-content: flex-start;
    margin: 0
  }
}

.customer-stories .navigation .arrow-left[data-v-10a67521] {
  margin-right: 35px
}

.customer-stories .navigation .arrow-right[data-v-10a67521] {
  margin-left: 35px
}

.customer-stories .navigation .arrow-left[data-v-10a67521],
.customer-stories .navigation .arrow-right[data-v-10a67521] {
  align-items: center;
  background: transparent;
  border: none;
  display: flex
}

@media (min-width:992px) {

  .customer-stories .navigation .arrow-left[data-v-10a67521],
  .customer-stories .navigation .arrow-right[data-v-10a67521] {
    display: none
  }
}

.customer-stories .navigation .dote[data-v-10a67521] {
  background: var(--gray300);
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  margin-right: var(--pad16);
  width: 12px
}

.customer-stories .navigation .dote[data-v-10a67521]:last-of-type {
  margin-right: 0
}

.customer-stories .slide-enter[data-v-10a67521] {
  opacity: 0;
  transform: translateX(32px)
}

.customer-stories .slide-enter-to[data-v-10a67521] {
  opacity: 1;
  transform: translateX(0)
}

.customer-stories .slide-leave-active[data-v-10a67521],
.customer-stories .slide-leave-to[data-v-10a67521] {
  opacity: 0;
  transform: translateX(-32px)
}

.customer-stories .slide-leave-active[data-v-10a67521] {
  transition: transform .3s cubic-bezier(.53, .23, .43, .99), opacity .3s cubic-bezier(.53, .23, .43, .99)
}

.customer-stories .slide-enter-active[data-v-10a67521] {
  transition: transform .3s cubic-bezier(.53, .23, .43, .99) .2s, opacity .3s cubic-bezier(.53, .23, .43, .99) .2s
}

.customer-stories .items[data-v-10a67521] {
  margin-bottom: var(--pad24)
}

.customer-stories.h0 .slider-wrapper .slider[data-v-10a67521] {
  min-height: 0
}

.slide-content .logo[data-v-8553fa14] {
  height: 56px;
  max-width: 100%;
  margin-bottom: var(--pad16);
  max-height: 56px
}

@media (min-width:768px) {
  .slide-content .logo[data-v-8553fa14] {
    margin-bottom: var(--pad40)
  }
}

.slide-content .slide-header[data-v-8553fa14] {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: var(--pad16)
}

.slide-content .slide-header+.cite[data-v-8553fa14] {
  margin-top: var(--pad24)
}

.slide-content .slide-description[data-v-8553fa14] {
  padding-top: 0
}

.slide-content .cite-text[data-v-8553fa14],
.slide-content .slide-description[data-v-8553fa14] {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: var(--pad24);
  position: relative
}

.slide-content .cite-text[data-v-8553fa14] {
  font-weight: 500;
  padding-top: var(--pad32)
}

.slide-content .cite-text[data-v-8553fa14]:before {
  background: url(/_nuxt/img/fdccc7d.svg);
  content: "";
  height: 20px;
  position: absolute;
  top: 0;
  width: 27px
}

@media (min-width:768px) {
  .slide-content .cite-text[data-v-8553fa14] {
    padding-left: var(--pad64);
    padding-top: 0
  }

  .slide-content .cite-text[data-v-8553fa14]:before {
    left: 0
  }
}

.slide-content .cite-text.with-chevron[data-v-8553fa14] {
  margin-bottom: var(--pad8)
}

.slide-content .marker-list[data-v-8553fa14],
.slide-content .text-chevron[data-v-8553fa14] {
  margin-top: var(--pad24)
}

.slide-content .text-chevron.quote-chevron[data-v-8553fa14] {
  margin-bottom: var(--pad24);
  margin-top: var(--pad8)
}

@media (min-width:768px) {
  .slide-content .text-chevron.quote-chevron[data-v-8553fa14] {
    padding-left: var(--pad64)
  }
}

.slide-content .author[data-v-8553fa14] {
  display: flex;
  grid-gap: 14px;
  gap: 14px
}

.slide-content .author .avatar[data-v-8553fa14] {
  width: 46px
}

.slide-content .author .avatar img[data-v-8553fa14] {
  border-radius: 100%;
  height: 46px;
  width: 46px
}

.slide-content .author .name[data-v-8553fa14] {
  color: var(--gray800);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.slide-content .author .job[data-v-8553fa14] {
  color: var(--gray700);
  font-size: 14px;
  line-height: 20px
}

.list-container[data-v-710420d4] {
  --li-font-weight: 400;
  --li-padding-left: var(--pad32)
}

.list-container.number[data-v-710420d4] {
  --li-font-weight: 500;
  --li-padding-left: var(--pad24)
}

.list-container.light[data-v-710420d4] {
  --circle-before-bg: var(--purple500);
  --check-before-bg-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIxQzE2Ljk3MDYgMjEgMjEgMTYuOTcwNiAyMSAxMkMyMSA3LjAyOTQ0IDE2Ljk3MDYgMyAxMiAzQzcuMDI5NDQgMyAzIDcuMDI5NDQgMyAxMkMzIDE2Ljk3MDYgNy4wMjk0NCAyMSAxMiAyMVoiIGZpbGw9IiNFQ0RERkYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40MDk4IDguOTI5OTlMMTAuNjM5OCAxMy41NEw5LjM3OTg0IDEyLjE4QzkuMjYwNjcgMTIuMDc2IDkuMTA5OCAxMi4wMTU1IDguOTUxODIgMTIuMDA4MkM4Ljc5Mzg0IDEyLjAwMSA4LjYzODA1IDEyLjA0NzQgOC41MDk4NCAxMi4xNEM4LjM4NTggMTIuMjI3MSA4LjI5ODY0IDEyLjM1NzMgOC4yNjUzNyAxMi41MDUyQzguMjMyMDkgMTIuNjUzMSA4LjI1NTA4IDEyLjgwODEgOC4zMjk4NCAxMi45NEw5LjgyOTg0IDE1LjM5QzkuOTc5ODQgMTUuNjEgMTAuMjM5OCAxNS43NSAxMC41MTk4IDE1Ljc1QzEwLjc5OTggMTUuNzUgMTEuMDQ5OCAxNS42MSAxMS4xOTk4IDE1LjM5QzExLjQzOTggMTUuMDggMTYuMDE5OCA5LjYwOTk5IDE2LjAxOTggOS42MDk5OUMxNi42MTk4IDkuMDA5OTkgMTUuODg5OCA4LjQ1OTk5IDE1LjQxOTggOC45Mjk5OUgxNS40MDk4WiIgZmlsbD0iIzY2MkVGRiIvPgo8L3N2Zz4K);
  --flash-before-bg-image: url(/vox/common/icons/subproduct-logo.svg);
  --description-color: var(--gray600);
  --text-color: var(--gray800)
}

.list-container.light.number[data-v-710420d4] {
  --text-color: var(--gray900)
}

.list-container.dark[data-v-710420d4] {
  --circle-before-bg: var(--cyan4);
  --check-before-bg-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aAogICAgZD0iTTEyIDIxQzE2Ljk3MDYgMjEgMjEgMTYuOTcwNiAyMSAxMkMyMSA3LjAyOTQ0IDE2Ljk3MDYgMyAxMiAzQzcuMDI5NDQgMyAzIDcuMDI5NDQgMyAxMkMzIDE2Ljk3MDYgNy4wMjk0NCAyMSAxMiAyMVoiCiAgICBmaWxsPSIjNDgyNEEyIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgZD0iTTE1LjQxIDguOTI5OTlMMTAuNjQgMTMuNTRMOS4zNzk5OSAxMi4xOEM5LjI2MDgyIDEyLjA3NiA5LjEwOTk1IDEyLjAxNTUgOC45NTE5NyAxMi4wMDgyQzguNzkzOTkgMTIuMDAxIDguNjM4MjEgMTIuMDQ3NCA4LjUxIDEyLjE0QzguMzg1OTUgMTIuMjI3MSA4LjI5ODggMTIuMzU3MyA4LjI2NTUyIDEyLjUwNTJDOC4yMzIyNCAxMi42NTMxIDguMjU1MjMgMTIuODA4MSA4LjMyOTk5IDEyLjk0TDkuODI5OTkgMTUuMzlDOS45Nzk5OSAxNS42MSAxMC4yNCAxNS43NSAxMC41MiAxNS43NUMxMC44IDE1Ljc1IDExLjA1IDE1LjYxIDExLjIgMTUuMzlDMTEuNDQgMTUuMDggMTYuMDIgOS42MDk5OSAxNi4wMiA5LjYwOTk5QzE2LjYyIDkuMDA5OTkgMTUuODkgOC40NTk5OSAxNS40MiA4LjkyOTk5SDE1LjQxWiIKICAgICAgICBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  --flash-before-bg-image: url(/vox/common/icons/subproduct-logo.svg);
  --description-color: var(--gray300);
  --text-color: var(--gray300)
}

.list-container.medium-size[data-v-710420d4] {
  --li-font-size: 16px;
  --li-line-height: 24px
}

.list-container.small-size[data-v-710420d4] {
  --li-font-size: 14px;
  --li-line-height: 20px
}

.description[data-v-710420d4] {
  font-weight: 500;
  margin-bottom: var(--pad16);
  margin-top: var(--pad24);
  padding-top: 0
}

.description.gray-description[data-v-710420d4] {
  color: var(--description-color)
}

.description.theme-description[data-v-710420d4] {
  color: var(--body-primary)
}

.grid-two .list[data-v-710420d4] {
  column-count: 2;
  grid-column-gap: 40px;
  column-gap: 40px
}

.list li[data-v-710420d4] {
  color: var(--text-color);
  font-size: var(--li-font-size);
  font-weight: var(--li-font-weight);
  line-height: var(--li-line-height);
  margin-bottom: var(--pad16);
  padding-left: var(--li-padding-left);
  position: relative
}

.list li[data-v-710420d4]:before {
  content: "";
  left: 0;
  position: absolute
}

.list li[data-v-710420d4]:last-child {
  margin-bottom: 0
}

.list li span[data-v-710420d4],
.list li strong[data-v-710420d4] {
  font-size: inherit
}

.list li strong[data-v-710420d4] {
  padding-right: 4px
}

.number .list[data-v-710420d4] {
  counter-reset: a
}

.flash .list li[data-v-710420d4]:before {
  background-image: var(--flash-before-bg-image);
  height: 24px;
  width: 24px
}

.check .list li[data-v-710420d4]:before {
  background-image: var(--check-before-bg-image);
  height: 24px;
  width: 24px
}

.circles .list li[data-v-710420d4]:before {
  background: var(--circle-before-bg);
  border-radius: 50%;
  height: 6px;
  left: 10px;
  top: 9px;
  width: 6px
}

.number .list li[data-v-710420d4]:before {
  background: transparent;
  content: counter(a) ".";
  counter-increment: a;
  display: block;
  text-align: left;
  top: 0
}

.rating-stars-title[data-v-149a153c] {
  color: #25104f;
  color: var(--purple900, #25104f);
  font-weight: 500;
  line-height: 20px
}

.rating-stars-image[data-v-149a153c] {
  mask-image: linear-gradient(90deg, red calc(var(--rating)*20%), rgba(255, 0, 0, .30196078431372547) calc(var(--rating)*20%));
  -webkit-mask-image: linear-gradient(90deg, red calc(var(--rating)*20%), rgba(255, 0, 0, .30196078431372547) calc(var(--rating)*20%))
}

.rating-stars[data-v-149a153c] {
  display: flex;
  align-items: center;
  grid-gap: 16px;
  gap: 16px
}

.form-wrapper[data-v-2ccbe546] {
  border-radius: 16px;
  box-shadow: var(--shadow-5);
  color: var(--body-primary);
  margin: 0 auto;
  max-width: 600px;
  padding: var(--pad24);
  width: 100%
}

@media (min-width:768px) {
  .form-wrapper[data-v-2ccbe546] {
    padding: var(--pad40)
  }
}

.form-wrapper .sended h3[data-v-2ccbe546],
.form-wrapper .sended p[data-v-2ccbe546] {
  display: none
}

@media (min-width:768px) {
  .form-wrapper .sended .wrap[data-v-2ccbe546] {
    padding-bottom: 140px;
    padding-top: 80px
  }
}

@media (min-width:992px) {
  .form-wrapper .sended .wrap[data-v-2ccbe546] {
    padding: 120px 0
  }
}

.form-component[data-v-afc805bc] {
  width: 100%
}

.form-component.form-small[data-v-afc805bc] {
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0 16px 24px rgba(51, 55, 60, .04), 0 2px 6px rgba(51, 55, 60, .06), 0 0 1px rgba(51, 55, 60, .12);
  margin: var(--pad120) auto;
  max-width: 544px;
  padding: var(--pad32)
}

.form-component .voximplant-button[data-v-afc805bc] {
  margin: auto;
  width: 100%
}

.form-component .form-input[data-v-afc805bc]:not(:last-child) {
  margin-bottom: 24px
}

@media (min-width:768px) {
  .form-component .form-input[data-v-afc805bc]:last-child {
    margin-top: 50px
  }
}

.form-component .step[data-v-afc805bc] .privacy-policy {
  padding-top: var(--pad32)
}

.form-header[data-v-28bb2112] {
  color: var(--purple900);
  margin-bottom: var(--pad16)
}

@media (min-width:768px) {
  .form-header[data-v-28bb2112] {
    margin-bottom: var(--pad24)
  }
}

.form-header h3[data-v-28bb2112] {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: var(--pad8)
}

.form-header .description[data-v-28bb2112],
.form-header .support[data-v-28bb2112] {
  padding: 0
}

.form-header .marker-list[data-v-28bb2112] {
  margin-top: 16px
}

.form-header.support[data-v-28bb2112] {
  margin-top: var(--pad8)
}

.form-header.dark h3[data-v-28bb2112],
.form-header.dark p[data-v-28bb2112] {
  color: var(--white)
}

.form-header .error[data-v-28bb2112] {
  color: var(--red4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .4px;
  line-height: 16px;
  padding-top: var(--pad8);
  position: unset
}

.form-header.main-page h3[data-v-28bb2112] {
  margin-left: auto;
  margin-right: auto;
  max-width: 360px
}

.form-header.main-page .description[data-v-28bb2112] {
  margin-bottom: 6px;
  padding-left: 19px;
  position: relative
}

.form-header.main-page .description[data-v-28bb2112]:before {
  background: #662eff;
  content: "";
  height: 76px;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px
}

.form-header.main-page .support[data-v-28bb2112] {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 19px
}

.input .input-wrap[data-v-8f470f74] {
  position: relative;
  width: 100%
}

.input .input-label[data-v-8f470f74] {
  font-weight: 500;
  height: 20px
}

.input .input-label span[data-v-8f470f74] {
  color: var(--gray700);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.input .input-label .required-label[data-v-8f470f74],
.input .input-label span[data-v-8f470f74] {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.input .input-label .required-label[data-v-8f470f74] {
  padding: 0 4px
}

.input .validator[data-v-8f470f74] {
  display: block
}

.input .input-label+.input-inner[data-v-8f470f74],
.input .input-label+.validator[data-v-8f470f74] {
  margin-top: 4px
}

.input.has-focus .input-inner[data-v-8f470f74] {
  border-color: var(--purple500)
}

.input.has-focus .has-error[data-v-8f470f74] {
  border-color: var(--red4)
}

.input.has-disabled .input-inner[data-v-8f470f74] {
  border-color: var(--gray300)
}

.input-inner[data-v-8f470f74] {
  background-color: var(--white);
  background-image: none;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--gray800);
  cursor: text;
  display: inline-block;
  height: 48px;
  line-height: 22px;
  outline: none;
  padding: 12px;
  transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
  width: 100%
}

.input-inner[data-v-8f470f74]:focus,
.input-inner[data-v-8f470f74]:hover {
  border-color: var(--gray600)
}

.input-inner.has-error[data-v-8f470f74] {
  border-color: var(--red4)
}

.input-inner.is-list-input[data-v-8f470f74] {
  border: none;
  border-bottom: 1px solid var(--gray300);
  border-radius: 0;
  height: 40px;
  padding: 4px 4px 0
}

.input-inner[data-v-8f470f74]::placeholder {
  color: var(--gray600);
  font-size: 16px;
  line-height: 24px
}

.error[data-v-8f470f74] {
  color: var(--red4);
  font-size: 12px;
  font-weight: 500;
  left: 4px;
  letter-spacing: .4px;
  line-height: 16px;
  position: absolute;
  top: 73px
}

input.input-inner[data-v-8f470f74]::-webkit-inner-spin-button,
input.input-inner[data-v-8f470f74]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input.input-inner[type=number][data-v-8f470f74] {
  -moz-appearance: textfield
}

.phone .phone-wrap {
  position: relative;
  width: 100%
}

.phone .phone-label {
  font-weight: 500;
  height: 20px
}

.phone .phone-label span {
  color: var(--gray700);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.phone .phone-label .required-label,
.phone .phone-label span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.phone .phone-label .required-label {
  padding: 0 4px
}

.phone .validator {
  display: block
}

.phone .phone-label+.input-inner,
.phone .phone-label+.validator {
  margin-top: 4px
}

.vue-tel-input.tel-input {
  border: none;
  box-shadow: none
}

.vue-tel-input.tel-input .vti__dropdown {
  background: var(--white);
  border: 1px solid var(--gray300);
  border-radius: var(--pad8);
  color: var(--gray800);
  height: 48px;
  padding: 11px 4px 11px 12px;
  transition: background-color .2s ease-in-out, border .2s ease-in-out
}

.vue-tel-input.tel-input .vti__dropdown .vti__selection {
  height: 24px
}

.vue-tel-input.tel-input .vti__dropdown .vti__selection .vti__dropdown-arrow {
  transform: scaleY(1)
}

.vue-tel-input.tel-input .vti__dropdown.open .vti__selection .vti__dropdown-arrow {
  transform: scaleY(-1)
}

.vue-tel-input.tel-input .vti__dropdown-list.below {
  border-radius: var(--pad8);
  top: 49px;
  width: 360px;
  z-index: 15
}

.vue-tel-input.tel-input .vti__dropdown-list.below .vti__dropdown-item {
  padding: 8px 12px
}

.vue-tel-input.tel-input .vti__input {
  background-color: var(--white);
  background-image: none;
  border: 1px solid var(--gray300);
  border-radius: var(--pad8);
  box-sizing: border-box;
  color: var(--gray800);
  cursor: text;
  display: inline-block;
  font-size: 14px;
  height: 48px;
  line-height: 20px;
  margin-left: 4px;
  outline: none;
  padding: 12px 16px;
  transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
  width: 100%
}

.vue-tel-input.tel-input .vti__input::placeholder {
  color: var(--gray600);
  font-size: 16px;
  line-height: 24px
}

.vue-tel-input.tel-input .vti__input:hover {
  border-color: var(--gray600)
}

.vue-tel-input.tel-input .vti__input:focus {
  border-color: var(--purple500)
}

.tel-input.vue-tel-input.has-error .vti__input {
  border-color: var(--red4) !important
}

.tel-input.vue-tel-input:focus-within {
  box-shadow: none
}

.error {
  color: var(--red4)
}

.error,
.success {
  font-size: 12px;
  font-weight: 500;
  left: 4px;
  letter-spacing: .4px;
  line-height: 16px;
  position: absolute;
  top: 73px
}

.success {
  color: var(--green4)
}

.textarea[data-v-1db000b1] {
  min-height: 76px;
  position: relative;
  width: 100%
}

.textarea .textarea-label[data-v-1db000b1] {
  font-weight: 500;
  height: 20px
}

.textarea .textarea-label span[data-v-1db000b1] {
  color: var(--gray700);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.textarea .textarea-label .required-label[data-v-1db000b1] {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 4px
}

.textarea .validator[data-v-1db000b1] {
  display: block
}

.textarea .textarea-label+.textarea-inner[data-v-1db000b1],
.textarea .textarea-label+.validator[data-v-1db000b1] {
  margin-top: 4px
}

.textarea .textarea-inner[data-v-1db000b1] {
  background: var(--white);
  border: 1px solid var(--gray300);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--gray800);
  cursor: text;
  display: inline-block;
  line-height: 22px;
  min-height: 144px;
  outline: none;
  overflow: auto;
  padding: 12px 16px;
  resize: none;
  transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
  width: 100%
}

.textarea .textarea-inner[data-v-1db000b1]::-webkit-scrollbar {
  height: 6px;
  width: 6px
}

.textarea .textarea-inner[data-v-1db000b1]::-webkit-scrollbar-thumb {
  background: var(--gray300);
  border-radius: 4px
}

.textarea .textarea-inner[data-v-1db000b1]::-webkit-scrollbar-corner {
  background: transparent
}

.form-input .textarea .textarea-inner[data-v-1db000b1] {
  min-height: 104px
}

.textarea .textarea-inner[data-v-1db000b1]::placeholder {
  color: var(--gray600);
  font-size: 16px;
  line-height: 24px
}

.textarea .textarea-inner.has-error[data-v-1db000b1] {
  border-color: var(--red4)
}

.textarea .textarea-inner[data-v-1db000b1]:hover {
  border-color: var(--gray600)
}

.textarea .textarea-inner[data-v-1db000b1]:focus {
  border-color: var(--purple500)
}

.error[data-v-1db000b1] {
  color: var(--red4);
  font-size: 12px;
  font-weight: 500;
  left: 4px;
  letter-spacing: .4px;
  line-height: 16px;
  position: absolute;
  top: 169px
}

.form-input .error[data-v-1db000b1] {
  top: 129px
}

.checkbox-policy[data-v-5044fe2e] {
  position: relative
}

.error[data-v-5044fe2e] {
  position: static;
  color: var(--red4);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .4px;
  line-height: 16px
}

.mobile-options-select .checkbox[data-v-797dc6d3] {
  flex-direction: row-reverse;
  justify-content: space-between
}

.checkbox-container[data-v-797dc6d3] {
  --checkbox-bg-checked: var(--purple500);
  --checkbox-bg-checked-hover: var(--purple600);
  --checkbox-bg-disabled: var(--gray200);
  --checkbox-bg-disabled-checked: var(--gray300);
  --checkbox-border-disabled: var(--gray400);
  --checkbox-border-error: var(--alert-text);
  --checkbox-border-focus: var(--focus);
  --checkbox-border-hover: var(--gray500)
}

.checkbox-container.small[data-v-797dc6d3] {
  --line-height: 20px;
  --checkbox-icon-height: 8px;
  --checkbox-icon-width: 8px;
  --font-size: 14px;
  --checkbox-width: 15px
}

.checkbox-container.medium[data-v-797dc6d3] {
  --line-height: 24px;
  --checkbox-icon-height: 10px;
  --checkbox-icon-width: 12px;
  --font-size: 16px;
  --checkbox-width: 19px
}

.light-theme .checkbox-container[data-v-797dc6d3] {
  --checkbox-border: var(--gray400)
}

.dark-theme .checkbox-container[data-v-797dc6d3] {
  --checkbox-border: var(--gray600)
}

.checkbox[data-v-797dc6d3] {
  display: flex
}

.label[data-v-797dc6d3] {
  display: inline-block;
  margin-right: 8px
}

.text[data-v-797dc6d3] {
  color: var(--body-primary);
  font-size: var(--font-size);
  line-height: var(--line-height)
}

.input[data-v-797dc6d3] {
  border: 1px solid var(--gray400);
  border-radius: var(--corner4);
  color: var(--white);
  display: block;
  height: 100%;
  margin-top: calc(var(--line-height)/8);
  position: relative;
  transition: .2s linear;
  width: 100%
}

.checkbox:hover .input[data-v-797dc6d3],
.hover .input[data-v-797dc6d3] {
  border-color: var(--checkbox-border-hover)
}

.error .input[data-v-797dc6d3] {
  border-color: var(--checkbox-border-error) !important;
  box-shadow: 0 0 1px var(--checkbox-border-error)
}

.focus .input[data-v-797dc6d3],
.input[data-v-797dc6d3]:focus {
  border-color: var(--checkbox-border-focus) !important;
  box-shadow: 0 0 1px var(--checkbox-border-focus)
}

.checked .input[data-v-797dc6d3],
.input[data-v-797dc6d3]:checked {
  background-color: var(--checkbox-bg-checked)
}

.checkbox:hover .input[data-v-797dc6d3]:checked,
.checked .checkbox:hover .input[data-v-797dc6d3],
.checked.hover .input[data-v-797dc6d3],
.hover .input[data-v-797dc6d3]:checked {
  background-color: var(--checkbox-bg-checked-hover)
}

.disabled .input[data-v-797dc6d3],
.input[data-v-797dc6d3]:disabled {
  cursor: not-allowed
}

.checkbox:hover .input[data-v-797dc6d3]:disabled,
.disabled .checkbox:hover .input[data-v-797dc6d3],
.disabled .input[data-v-797dc6d3],
.input[data-v-797dc6d3]:disabled {
  background-color: var(--checkbox-bg-disabled);
  border-color: var(--checkbox-border-disabled)
}

.checkbox:hover .input[data-v-797dc6d3]:disabled:checked,
.disabled.checked .checkbox:hover .input[data-v-797dc6d3],
.disabled.checked .input[data-v-797dc6d3],
.input[data-v-797dc6d3]:disabled:checked {
  background-color: var(--checkbox-bg-disabled-checked);
  border-color: var(--checkbox-bg-disabled-checked)
}

.mark[data-v-797dc6d3] {
  color: var(--white);
  height: var(--checkbox-width);
  position: relative;
  width: var(--checkbox-width)
}

.icon[data-v-797dc6d3] {
  cursor: pointer;
  display: none;
  height: var(--checkbox-icon-height);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: var(--checkbox-icon-width)
}

.checked .icon[data-v-797dc6d3],
.input:checked+.icon[data-v-797dc6d3] {
  display: block
}

.disabled .icon[data-v-797dc6d3],
.input:disabled+.icon[data-v-797dc6d3] {
  cursor: not-allowed
}

.privacy-policy[data-v-7e7e8cde] {
  font-size: 12px;
  line-height: 1.33;
  margin: 0 auto;
  max-width: 360px;
  padding-top: var(--pad16);
  text-align: center;
  width: 100%
}

.privacy-policy a[data-v-7e7e8cde] {
  color: var(--purple500);
  text-decoration: none
}

.privacy-policy.dark[data-v-7e7e8cde] {
  color: var(--white)
}

.vox-copy[data-v-06c300d6] {
  --text-color: var(--gray500)
}

.vox-copy .wrapper[data-v-06c300d6] {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 auto;
  padding: var(--pad120) 0;
  width: 306px
}

.vox-copy .wrapper>a[data-v-06c300d6],
.vox-copy .wrapper>div[data-v-06c300d6] {
  align-self: auto;
  flex: 0 1 auto
}

.vox-copy .wrapper .copy_text[data-v-06c300d6] {
  color: var(--text-color);
  font-size: 14px;
  line-height: 21px;
  max-width: 200px;
  opacity: .8;
  margin-top: var(--pad16);
  text-align: center
}

@media (min-width:768px) {
  .vox-copy .wrapper .copy_text[data-v-06c300d6] {
    max-width: none
  }
}

.vox-copy .wrapper .vox-copy-social-icon-list[data-v-06c300d6] {
  margin-top: var(--pad24)
}

@media (min-width:768px) {
  .vox-copy .wrapper .vox-copy-social-icon-list[data-v-06c300d6] {
    max-width: none;
    margin-top: var(--pad56)
  }
}

.vox-copy.dark[data-v-06c300d6] {
  --text-color: var(--gray500);
  background: var(--purple955)
}

.vox-copy.light[data-v-06c300d6] {
  --text-color: var(--gray700);
  background-color: var(--light-bg)
}

.popup-form[data-v-a54b8f52] {
  width: 100%
}

.phone-group[data-v-a14fa292] {
  padding-bottom: 16px
}

.phone-group a[data-v-a14fa292] {
  color: var(--purple900);
  display: flex;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 0;
  padding-top: 4px;
  text-decoration: none
}

@media (min-width:768px) {
  .phone-group a[data-v-a14fa292] {
    padding-top: 0
  }
}

@media (min-width:992px) {
  .phone-group a[data-v-a14fa292] {
    align-items: center;
    padding-bottom: 0;
    padding-top: 8px
  }
}

@media (min-width:768px) {
  .phone-group a[data-v-a14fa292]:not(:first-child) {
    padding-top: 8px
  }
}

.phone-group a span[data-v-a14fa292] {
  display: inline-block
}

.phone-group .icon[data-v-a14fa292] {
  border-radius: 50%;
  height: 0;
  margin-right: 5px;
  overflow: hidden;
  padding-bottom: var(--pad20);
  position: relative;
  width: 20px
}

.phone-group .icon img[data-v-a14fa292] {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

li .phone-group[data-v-a14fa292] {
  padding-bottom: 0
}

li .phone-group a[data-v-a14fa292] {
  align-items: center;
  color: var(--gray900);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  grid-gap: 8px;
  gap: 8px;
  line-height: 20px;
  padding-bottom: 0;
  padding-top: 0
}

li .phone-group a[data-v-a14fa292]:hover {
  color: var(--purple500);
  text-decoration: none
}

li .phone-group a[data-v-a14fa292]:first-child {
  padding-bottom: var(--pad16)
}

@media (min-width:1200px) {

  li .phone-group[data-v-a14fa292],
  li .phone-group a[data-v-a14fa292]:first-child {
    padding-bottom: 0
  }

  li .phone-group[data-v-a14fa292] {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px
  }

  li .phone-group a[data-v-a14fa292]:first-child {
    margin-right: var(--pad32)
  }
}

.lang-tools[data-v-357ac1c2] {
  --button-color: var(--white);
  --bg-button-color: var(--white)
}

.lang-tools[data-v-357ac1c2],
.lang-tools.light[data-v-357ac1c2] {
  --active-button-color: var(--gray900);
  --dimming-button-color: var(--gray600)
}

.lang-tools.light[data-v-357ac1c2] {
  --button-color: var(--gray900);
  --bg-button-color: var(--light-blue)
}

.lang-tools[data-v-357ac1c2] {
  align-items: center;
  display: flex;
  padding: var(--pad8) 15px;
  position: relative
}

.lang-tools[data-v-357ac1c2]:before {
  background: var(--gray300);
  content: "";
  height: 32px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

@media (min-width:1200px) {
  .lang-tools[data-v-357ac1c2]:before {
    background: var(--gray300)
  }
}

.lang-tools.landing[data-v-357ac1c2] {
  margin-right: 0
}

.lang-tools.landing[data-v-357ac1c2]:before {
  left: 0;
  right: auto
}

.lang-tools .btn[data-v-357ac1c2] {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  border-radius: 8px;
  padding: 4px 8px;
  color: var(--button-color);
  text-transform: uppercase;
  box-shadow: none;
  border: none;
  background: none
}

.lang-tools .btn .svg-img[data-v-357ac1c2] {
  width: 24px;
  height: 24px;
  stroke: var(--button-color)
}

.lang-tools .btn.dimming[data-v-357ac1c2] {
  color: var(--dimming-button-color)
}

.lang-tools .btn.dimming .svg-img[data-v-357ac1c2] {
  stroke: var(--dimming-button-color)
}

.lang-tools .btn.active[data-v-357ac1c2] {
  background: var(--bg-button-color);
  color: var(--active-button-color)
}

.lang-tools .btn.active .svg-img[data-v-357ac1c2] {
  stroke: var(--active-button-color)
}

.lang-tools .dropdown[data-v-357ac1c2] {
  right: 0;
  position: absolute;
  top: 100%;
  z-index: 1
}

.lang-tools .dropdown .list[data-v-357ac1c2] {
  background: var(--white);
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(31, 28, 40, .04), 0 8px 16px rgba(31, 28, 40, .08);
  box-sizing: border-box;
  padding: 4px
}

.lang-tools .dropdown .list .item.is-active a[data-v-357ac1c2] {
  color: var(--purple500)
}

.lang-tools .dropdown .link[data-v-357ac1c2] {
  align-items: center;
  color: var(--gray900);
  display: flex;
  padding: 12px 8px;
  border-radius: 8px;
 
}

.lang-tools .dropdown .link[data-v-357ac1c2]:focus,
.lang-tools .dropdown .link[data-v-357ac1c2]:hover {
  text-decoration: none;
  background-color: var(--light-blue)
}

.simple-link[data-v-3a505533] {
  --link-color: var(--link)
}

.simple-link.light-theme[data-v-3a505533] {
  --link-active: var(--purple700);
  --link-hover: var(--purple600)
}

.simple-link.dark-theme[data-v-3a505533] {
  --link-active: var(--white);
  --link-hover: var(--white)
}

.simple-link[data-v-3a505533] {
  color: var(--link-color);
  text-decoration: none
}

.simple-link[data-v-3a505533]:hover {
  border: none;
  color: var(--link-hover)
}

.simple-link[data-v-3a505533]:focus {
  border-bottom: 2px solid var(--focus);
  text-decoration: none
}

.simple-link[data-v-3a505533]:active {
  border: none;
  color: var(--link-active);
  text-decoration: none
}

.simple-link.white-text-color[data-v-3a505533] {
  color: var(--white)
}



.social-icon-list li[data-v-f05ec4e0]:not(:last-child) {
  margin-right: var(--pad16)
}

.social-icon-list.big-icons li[data-v-f05ec4e0]:not(:last-child) {
  margin-right: var(--pad24)
}

@media (min-width:768px) {
  .social-icon-list.big-icons .img[data-v-f05ec4e0] {
    height: 40px;
    width: 40px
  }
}

.social-icon-list .link[data-v-f05ec4e0] {
  width: 100%
}

.social-icon-list .img[data-v-f05ec4e0] {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  width: 24px
}

.social-icon-list .img.youtube[data-v-f05ec4e0] {
  background-image: var(--icon-youtube)
}

.social-icon-list .img.youtube[data-v-f05ec4e0]:hover {
  background-image: var(--icon-youtube-hover)
}

.social-icon-list .img.git[data-v-f05ec4e0] {
  background-image: var(--icon-git)
}

.social-icon-list .img.git[data-v-f05ec4e0]:hover {
  background-image: var(--icon-git-hover)
}

.social-icon-list .img.linkedin[data-v-f05ec4e0] {
  background-image: var(--icon-linkedin)
}

.social-icon-list .img.linkedin[data-v-f05ec4e0]:hover {
  background-image: var(--icon-linkedin-hover)
}

.social-icon-list .img.instagram[data-v-f05ec4e0] {
  background-image: var(--icon-instagram)
}

.social-icon-list .img.instagram[data-v-f05ec4e0]:hover {
  background-image: var(--icon-instagram-hover)
}

.social-icon-list .img.twitter[data-v-f05ec4e0] {
  background-image: var(--icon-twitter)
}

.social-icon-list .img.twitter[data-v-f05ec4e0]:hover {
  background-image: var(--icon-twitter-hover)
}

.social-icon-list .img.facebook[data-v-f05ec4e0] {
  background-image: var(--icon-facebook)
}

.social-icon-list .img.facebook[data-v-f05ec4e0]:hover {
  background-image: var(--icon-facebook-hover)
}

.chevron[data-v-6c8bc809] {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding-right: 24px;
  position: relative
}

.chevron .icon[data-v-6c8bc809] {
  bottom: 3px;
  height: 10px;
  position: absolute;
  right: 10px;
  width: 6px
}

.chevron[data-v-6c8bc809]:hover {
  padding-right: 28px
}

.info-panel[data-v-c89ca958] {
  align-items: center;
  background-color: var(--purple950);
  display: flex;
  flex-wrap: nowrap;
  height: 32px;
  justify-content: center;
  padding: 7px 16px;
  width: 100%
}

.info-panel .info-panel-button[data-v-c89ca958] {
  background-color: var(--purple400);
  border-radius: 4px;
  color: #fff;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin-right: 8px;
  padding: 2px 4px
}

.info-panel .info-panel-button.windows-chrome[data-v-c89ca958] {
  padding: 3px 4px 2px
}

.info-panel .info-panel-title[data-v-c89ca958] {
  color: var(--gray300);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.info-panel .info-panel-title.windows-chrome[data-v-c89ca958] {
  padding-top: 1px
}

.tag-chips[data-v-54ead2a4] {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  gap: 10px
}

.chip[data-v-54ead2a4] {
  background-color: var(--bg-color);
  color: var(--text-color);
  display: inline-flex;
  grid-gap: 2px;
  gap: 2px;
  align-items: center;
  padding-inline: 8px;
  border-radius: 15px;
  font-size: 10px;
  line-height: 12px;
  font-family: "Roboto", sans-serif;
  transition: .1s ease
}

.chip[data-v-54ead2a4]:not(:has(.icons)) {
  padding-block: 4px
}

.chip.primary[data-v-54ead2a4] {
  --bg-color: var(--purple300);
  --text-color: var(--white)
}

.chip.primary[data-v-54ead2a4]:hover {
  --bg-color: var(--purple400)
}

.chip.secondary[data-v-54ead2a4] {
  --bg-color: var(--gray800);
  --text-color: var(--white)
}

.chip.secondary[data-v-54ead2a4]:hover {
  --bg-color: var(--gray900)
}

.chip.tertiary[data-v-54ead2a4] {
  --bg-color: var(--gray300);
  --text-color: var(--gray900)
}

.chip.tertiary[data-v-54ead2a4]:hover {
  --bg-color: var(--gray400)
}

.chip .icons[data-v-54ead2a4] {
  display: flex
}

.chip .tag-name[data-v-54ead2a4] {
  text-decoration: none;
  color: inherit
}

.chip .icon[data-v-54ead2a4] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: -8px;
  background-color: var(--white);
  border: 2px solid var(--bg-color);
  transition: inherit
}

.cross[data-v-49ca20c5] {
  line-height: 1px;
  padding: 4px
}

.cross svg[data-v-49ca20c5] {
  fill: var(--gray900)
}

.cross[data-v-49ca20c5]:active,
.cross[data-v-49ca20c5]:focus,
.cross[data-v-49ca20c5]:hover {
  border-radius: 8px;
  background: var(--light-blue)
}

.lvl-1[data-v-49ca20c5]:has(.flex-top-2.mobile) {
  padding: 8px
}

.flex-top-2.mobile[data-v-49ca20c5]:active,
.flex-top-2.mobile[data-v-49ca20c5]:focus,
.flex-top-2.mobile[data-v-49ca20c5]:hover {
  background: var(--light-blue);
  border-radius: 8px
}

.mobile-menu-header[data-v-49ca20c5] {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 14px var(--pad16);
  width: 100%;
  z-index: 311
}

@media (min-width:1200px) {
  .mobile-menu-header[data-v-49ca20c5] {
    border-bottom: none;
    padding: 18px var(--pad32)
  }
}

@media (min-width:1200px) {
  .mobile-menu-header+.menu-wrapper .main-menu .lvl-1.inactive .title[data-v-49ca20c5] {
    color: var(--white);
    transition: color .1s ease
  }
}

@media (min-width:1200px) {

  .mobile-menu-header+.menu-wrapper .main-menu .lvl-1.inactive .flex-top-2:active .title[data-v-49ca20c5],
  .mobile-menu-header+.menu-wrapper .main-menu .lvl-1.inactive .flex-top-2:hover .title[data-v-49ca20c5],
  .mobile-menu-header+.menu-wrapper .main-menu.white-header .lvl-1.inactive .flex-top-2:active .title[data-v-49ca20c5],
  .mobile-menu-header+.menu-wrapper .main-menu.white-header .lvl-1.inactive .flex-top-2:hover .title[data-v-49ca20c5],
  .mobile-menu-header+.menu-wrapper .main-menu.white-header .lvl-1.inactive .title[data-v-49ca20c5] {
    color: var(--gray900);
    transition: color .1s ease
  }
}

.mobile-menu-header.active[data-v-49ca20c5] {
  box-shadow: inset 0 -1px 0 #ebedf2;
  height: 65px
}

@media (min-width:1200px) {
  .mobile-menu-header.active[data-v-49ca20c5] {
    box-shadow: none;
    height: auto
  }
}

@media (min-width:1200px) {

  .mobile-menu-header.active+.menu-wrapper .main-menu .lvl-1.inactive .title[data-v-49ca20c5],
  .mobile-menu-header.active+.menu-wrapper .main-menu.white-header .lvl-1.inactive .title[data-v-49ca20c5] {
    color: var(--gray600)
  }
}

.mobile-menu-header .header-back[data-v-49ca20c5] {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 6px 8px;
  border-radius: 8px
}

.mobile-menu-header .header-back[data-v-49ca20c5]:hover {
  background: var(--light-blue)
}

.mobile-menu-header .header-back .back-button[data-v-49ca20c5] {
  color: var(--gray900);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 9px
}

.mobile-menu-header .header-back .icon[data-v-49ca20c5] {
  transform: rotate(-180deg);
  fill: var(--gray900)
}

.mobile-menu .mobile-menu-header[data-v-49ca20c5] {
  background-color: var(--white);
  position: sticky;
  top: 0
}

@media (min-width:1200px) {
  .mobile-menu-header[data-v-49ca20c5] {
    display: none
  }
}

.mobile-menu-header .header-brand>a[data-v-49ca20c5] {
  align-items: center;
  display: flex;
  height: 37px;
  width: 140px
}

.mobile-menu-header .header-brand>a img[data-v-49ca20c5] {
  height: 37px;
  width: 140px
}

@media (min-width:1200px) {
  .mobile-menu-header .header-brand>a img[data-v-49ca20c5] {
    height: 44px;
    width: 169px
  }
}

.mobile-menu[data-v-49ca20c5] {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 280px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 310;
  overscroll-behavior: contain
}

@media (min-width:768px) {
  .mobile-menu[data-v-49ca20c5] {
    border-radius: 8px;
    height: auto;
    margin: 8px;
    max-height: calc(100vh - 16px);
    width: 375px
  }
}

@media (max-width:380px) {
  .mobile-menu[data-v-49ca20c5] {
    border-radius: 0;
    margin: 0;
    min-width: 100%
  }
}

@media (min-width:1200px) {
  .mobile-menu[data-v-49ca20c5] {
    background-color: transparent;
    display: flex;
    height: 100%;
    margin: 0;
    overflow: visible;
    position: static;
    width: 100%
  }
}

.mobile-menu a[data-v-49ca20c5]:active,
.mobile-menu a[data-v-49ca20c5]:focus,
.mobile-menu a[data-v-49ca20c5]:hover {
  text-decoration: none
}

.mobile-menu .header-right[data-v-49ca20c5] {
  align-items: center;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  justify-content: flex-end;
  padding-right: 8px
}

@media (min-width:1200px) {
  .mobile-menu .header-right[data-v-49ca20c5] {
    padding-right: 7px;
    padding-top: 5px
  }
}

.mobile-menu .header-right>.sign-in[data-v-49ca20c5] {
  margin-right: var(--pad8)
}

.mobile-menu .header-right>.sign-up[data-v-49ca20c5] {
  margin-right: var(--pad24)
}

.mobile-menu .menu-wrapper[data-v-49ca20c5] {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  width: 100%
}

@media (min-width:1200px) {
  .mobile-menu .menu-wrapper[data-v-49ca20c5] {
    height: 100%;
    overflow: visible
  }
}

.mobile-menu .menu-wrapper .sign-in[data-v-49ca20c5],
.mobile-menu .menu-wrapper .sign-up[data-v-49ca20c5] {
  padding: 24px 16px;
  width: 100%
}

@media (min-width:1200px) {

  .mobile-menu .menu-wrapper .sign-in[data-v-49ca20c5],
  .mobile-menu .menu-wrapper .sign-up[data-v-49ca20c5] {
    display: none
  }
}

.mobile-menu .mobile-buttons[data-v-49ca20c5] {
  background-color: var(--light-bg);
  bottom: 0;
  display: flex;
  flex-shrink: 0;
  grid-gap: 8px;
  gap: 8px;
  height: 80px;
  margin-top: auto;
  padding: var(--pad16);
  position: sticky;
  width: 100%;
  z-index: 311
}

@media (min-width:1200px) {
  .mobile-menu .mobile-buttons[data-v-49ca20c5] {
    display: none
  }
}

.mobile-menu .hidden-on-mobile[data-v-49ca20c5] {
  display: none
}

@media (min-width:768px) {
  .mobile-menu .hidden-on-mobile[data-v-49ca20c5] {
    display: flex
  }
}

.flex-top-2[data-v-49ca20c5] {
  padding: var(--pad16)
}

@media (min-width:1200px) {
  .flex-top-2[data-v-49ca20c5] {
    display: flex;
    justify-content: space-between;
    padding: 6px 12px
  }

  .flex-top-2[data-v-49ca20c5]:active,
  .flex-top-2[data-v-49ca20c5]:hover {
    background-color: var(--white);
    border-radius: 8px
  }

  .main-menu .lvl-1 .flex-top-2:active .title[data-v-49ca20c5],
  .main-menu .lvl-1 .flex-top-2:hover .title[data-v-49ca20c5] {
    color: var(--gray900)
  }

  .main-menu.white-header .lvl-1 .flex-top-2[data-v-49ca20c5]:active,
  .main-menu.white-header .lvl-1 .flex-top-2[data-v-49ca20c5]:hover {
    background-color: var(--light-blue);
    border-radius: 8px
  }

  .main-menu.white-header .lvl-1 .flex-top-2:active .title[data-v-49ca20c5],
  .main-menu.white-header .lvl-1 .flex-top-2:hover .title[data-v-49ca20c5] {
    color: var(--gray900)
  }
}

.main-menu .lvl-1.contact-us .flex-top-2[data-v-49ca20c5] {
  border-bottom: none
}

.flex-top-2 .title[data-v-49ca20c5] {
  align-self: center;
  display: block;
  font-family: var(--fontRoboto);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: color .1s ease
}

.main-menu .lvl-1 .flex-top-2 .title[data-v-49ca20c5] {
  color: var(--gray900);
  position: relative
}

@media (min-width:1200px) {
  .main-menu .lvl-1 .flex-top-2 .title[data-v-49ca20c5] {
    color: var(--white)
  }
}

.main-menu .lvl-1 .flex-top-2 .title.gray[data-v-49ca20c5] {
  color: var(--purple900)
}

.main-menu .lvl-1.contact-us .flex-top-2 .title[data-v-49ca20c5],
.main-menu .lvl-1.docs .flex-top-2 .title[data-v-49ca20c5],
.main-menu .lvl-1.products .flex-top-2 .title[data-v-49ca20c5] {
  position: relative
}

.main-menu .lvl-1.contact-us .flex-top-2 .title[data-v-49ca20c5]:before,
.main-menu .lvl-1.docs .flex-top-2 .title[data-v-49ca20c5]:before,
.main-menu .lvl-1.products .flex-top-2 .title[data-v-49ca20c5]:before {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjI5Mjg5IDcuMjkyODlDOS42ODM0MiA2LjkwMjM3IDEwLjMxNjYgNi45MDIzNyAxMC43MDcxIDcuMjkyODlMMTQuNzA3MSAxMS4yOTI5QzE1LjA5NzYgMTEuNjgzNCAxNS4wOTc2IDEyLjMxNjYgMTQuNzA3MSAxMi43MDcxTDEwLjcwNzEgMTYuNzA3MUMxMC4zMTY2IDE3LjA5NzYgOS42ODM0MiAxNy4wOTc2IDkuMjkyODkgMTYuNzA3MUM4LjkwMjM3IDE2LjMxNjYgOC45MDIzNyAxNS42ODM0IDkuMjkyODkgMTUuMjkyOUwxMi41ODU4IDEyTDkuMjkyODkgOC43MDcxMUM4LjkwMjM3IDguMzE2NTggOC45MDIzNyA3LjY4MzQyIDkuMjkyODkgNy4yOTI4OVoiIGZpbGw9IiM2NTZENzgiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  content: "";
  height: 24px;
  position: absolute;
  right: 0;
  width: 24px
}

@media (min-width:1200px) {

  .main-menu .lvl-1.contact-us .flex-top-2 .title[data-v-49ca20c5]:before,
  .main-menu .lvl-1.docs .flex-top-2 .title[data-v-49ca20c5]:before,
  .main-menu .lvl-1.products .flex-top-2 .title[data-v-49ca20c5]:before {
    content: none
  }
}

@media (min-width:1200px) {
  .flex-top-2 .title[data-v-49ca20c5] {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap
  }
}

.main-menu[data-v-49ca20c5] {
  width: 100%
}

@media (min-width:1200px) {
  .main-menu[data-v-49ca20c5] {
    align-items: center;
    display: flex;
    grid-gap: 4px;
    gap: 4px;
    height: 100%;
    justify-content: center
  }
}

@media (min-width:1200px) {
  .main-menu.white-header .lvl-1.active .flex-top-2[data-v-49ca20c5] {
    background-color: var(--light-blue);
    border-radius: 8px
  }
}

@media (min-width:1200px) {
  .main-menu .lvl-1[data-v-49ca20c5]:not(:last-of-type) {
    padding: 6px
  }
}

.main-menu .lvl-1.docs[data-v-49ca20c5] {
  margin-right: 0
}

.main-menu .lvl-1.lang[data-v-49ca20c5] {
  display: none;
  position: relative;
  z-index: 310
}

@media (min-width:1200px) {
  .main-menu .lvl-1.lang[data-v-49ca20c5] {
    display: flex;
    margin-left: auto;
    order: 1
  }
}

.main-menu .lvl-1.contact-us[data-v-49ca20c5] {
  order: 2
}

@media (min-width:1200px) {
  .main-menu .lvl-1.contact-us[data-v-49ca20c5] {
    max-width: 375px
  }
}

@media (min-width:1200px) {
  .main-menu .lvl-1.active .flex-top-2[data-v-49ca20c5] {
    background-color: var(--white);
    border-radius: 8px
  }

  .main-menu .lvl-1.active .flex-top-2 .title[data-v-49ca20c5] {
    color: var(--gray900)
  }
}

.sub-menu[data-v-49ca20c5] {
  padding: var(--pad16);
  position: relative;
  overscroll-behavior: contain;

  @-moz-document url-prefix() {
    scrollbar-width: thin;
    scrollbar-color: #d8dce6 #f5f7fc;
    scrollbar-color: var(--gray300, #d8dce6) var(--light-blue, #f5f7fc)
  }
}

.sub-menu[data-v-49ca20c5]::-webkit-scrollbar {
  border-radius: 4px;
  width: 4px
}

.sub-menu[data-v-49ca20c5]::-webkit-scrollbar-track {
  background: #f5f7fc;
  background: var(--light-blue, #f5f7fc);
  margin-top: 10px;
  margin-bottom: 10px
}

.sub-menu[data-v-49ca20c5]::-webkit-scrollbar-thumb {
  background-color: #d8dce6;
  background-color: var(--gray300, #d8dce6)
}

@media (min-width:1200px) {
  .sub-menu[data-v-49ca20c5] {
    --sub-menu-padding-bottom: 24px;
    --header-height: 104px;
    background-color: var(--white);
    border: 1px solid var(--gray200);
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(31, 28, 40, .08);
    left: -2%;
    padding: var(--pad40);
    position: absolute;
    top: 100%;
    width: -moz-fit-content;
    width: fit-content;
    max-height: calc(100vh - var(--sub-menu-padding-bottom) - var(--header-height));
    overflow: auto
  }
}

.main-menu .lvl-1.active .sub-menu[data-v-49ca20c5] {
  padding-bottom: var(--pad40);
  padding-top: 24px
}

@media (min-width:1200px) {
  .main-menu .lvl-1.active .sub-menu[data-v-49ca20c5] {
    padding: var(--pad24);
    padding-right: 12px;
    padding-right: var(--pad12, 12px);
    border-right: 8px solid #fff
  }
}

@media (min-width:1200px) {

  .main-menu .lvl-1.contact-us .sub-menu[data-v-49ca20c5],
  .main-menu .lvl-1.docs .sub-menu[data-v-49ca20c5] {
    padding: var(--pad24);
    left: 10%
  }
}

@media (min-width:1200px) {
  .sub-menu.gray[data-v-49ca20c5] {
    background-color: var(--light-bg);
    box-shadow: inset 0 -1px 0 var(--gray200);
    color: var(--purple900)
  }
}

.sub-menu .sub-menu-wrap[data-v-49ca20c5] {
  width: 100%
}

@media (min-width:1200px) {
  .sub-menu .sub-menu-wrap[data-v-49ca20c5] {
    display: flex;
    height: 100%;
    justify-content: center;
    padding-left: 0;
    z-index: 310
  }
}

.sub-menu-list[data-v-49ca20c5] {
  transition: all .3s ease-in-out;
  width: 100%
}

@media (min-width:768px) {
  .sub-menu-list[data-v-49ca20c5] {
    grid-template-rows: auto
  }
}

@media (min-width:1200px) {
  .sub-menu-list[data-v-49ca20c5] {
    display: grid;
    grid-gap: 40px;
    gap: 40px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "col1 col2 col3 col4" "col1 col2 col3 col5";
    grid-template-columns: repeat(4, 266px);
    grid-template-rows: 93px;
    position: relative
  }
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5] {
  margin-bottom: var(--pad24)
}

@media (min-width:1200px) {
  .sub-menu-list>.sub-menu-item[data-v-49ca20c5] {
    margin-bottom: 0
  }
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:last-child {
  margin-bottom: 0
}

@media (min-width:1200px) {
  .main-menu .lvl-1.products .sub-menu-list>.sub-menu-item[data-v-49ca20c5] {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    height: min-content
  }
}

@media (min-width:1200px) {
  .main-menu .lvl-1.products .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:last-of-type {
    grid-gap: 8px;
    gap: 8px
  }
}

@media (min-width:1200px) {

  .main-menu .lvl-1.contact-us .sub-menu-list[data-v-49ca20c5],
  .main-menu .lvl-1.docs .sub-menu-list[data-v-49ca20c5] {
    grid-column-gap: 16px;
    column-gap: 16px;
    grid-template-areas: "col1 col2 col3" "col4 col4 col4";
    grid-template-columns: 266px 266px 316px;
    grid-template-rows: auto;
    position: relative;
    grid-row-gap: 16px;
    row-gap: 16px
  }
}

.main-menu .lvl-1.contact-us .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:not(:last-child),
.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:not(:last-child) {
  margin-bottom: 16px
}

@media (min-width:1200px) {

  .main-menu .lvl-1.contact-us .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:not(:last-child),
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:not(:last-child) {
    margin-bottom: 0
  }
}

.main-menu .lvl-1.contact-us .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-of-type(3),
.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-of-type(3) {
  margin-bottom: 24px
}

@media (min-width:1200px) {

  .main-menu .lvl-1.contact-us .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-of-type(3),
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-of-type(3) {
    margin-bottom: 0
  }
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:first-child {
  grid-area: col1
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(2) {
  grid-area: col2
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(3) {
  grid-area: col3
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(4) {
  grid-area: col4
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(5) {
  grid-area: col5
}

.sub-menu-list>.sub-menu-item:nth-child(5) .item-heading[data-v-49ca20c5] {
  color: var(--gray700);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: var(--pad16);
  padding: var(--pad8)
}

@media (min-width:1200px) {
  .sub-menu-list>.sub-menu-item:nth-child(5) .item-heading[data-v-49ca20c5] {
    color: var(--gray700);
    height: min-content;
    margin-bottom: 0;
    padding-left: 16px
  }
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(6) {
  grid-area: col6;
  margin-top: 40px
}

.sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(6) .social-icon-list {
  justify-content: flex-start;
  padding: 0 0 0 56px
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(4) {
  border-top: 1px solid var(--gray200);
  grid-area: col4;
  padding-top: 24px
}

@media (min-width:1200px) {
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(4) {
    margin-bottom: 0;
    padding-top: 24px
  }
}

@media (min-width:1200px) {
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list[data-v-49ca20c5] {
    display: grid;
    grid-gap: 8px 50px;
    gap: 8px 50px;
    grid-template-areas: "one two three" "four five six";
    grid-template-columns: repeat(3, 232px);
    grid-template-rows: 1fr 1fr;
    padding-left: 0
  }
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5] {
  background-color: var(--white);
  margin-bottom: 0
}

@media (min-width:1200px) {
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5] {
    margin-bottom: 0;
    padding: 0 0 0 46px
  }
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:first-child {
  grid-area: one
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(2) {
  grid-area: three
}

@media (min-width:1200px) {
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(2) {
    grid-area: four
  }
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(3) {
  grid-area: five
}

@media (min-width:1200px) {
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(3) {
    grid-area: two
  }
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(4) {
  grid-area: four
}

@media (min-width:1200px) {
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(4) {
    grid-area: five
  }
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(5) {
  grid-area: two
}

@media (min-width:1200px) {
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(5) {
    grid-area: three
  }
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item:nth-child(4) .links-list>a[data-v-49ca20c5]:nth-child(6) {
  grid-area: six
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(5) {
  grid-area: col5;
  padding-left: 40px
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(6) {
  grid-area: col6;
  padding-left: 40px
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(7) {
  grid-area: col7;
  padding-left: 40px
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(8) {
  grid-area: col8;
  padding-left: 40px
}

.main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(9) {
  grid-area: col9;
  padding-left: 40px
}

.main-menu .lvl-1.contact-us .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(3) {
  max-width: 303px
}

@media (min-width:1200px) {
  .main-menu .lvl-1.contact-us .sub-menu-list>.sub-menu-item[data-v-49ca20c5]:nth-child(3) {
    max-width: 266px
  }
}

.sub-menu-list>.sub-menu-item p[data-v-49ca20c5] {
  padding: 0
}

.sub-menu-list>.sub-menu-item .icon[data-v-49ca20c5] {
  height: 24px;
  padding-left: 4px;
  padding-right: 4px;
  width: 32px
}

.sub-menu-list>.sub-menu-item .icon img[data-v-49ca20c5] {
  height: 24px;
  width: 24px
}

.sub-menu-list>.sub-menu-item .item-heading[data-v-49ca20c5] {
  color: var(--gray900);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: var(--pad8);
  padding: var(--pad8)
}

@media (min-width:1200px) {
  .sub-menu-list>.sub-menu-item .item-heading[data-v-49ca20c5] {
    color: var(--gray700);
    margin-bottom: 0;
    padding: 0 0 0 16px
  }
}

@media (min-width:768px) {

  .main-menu .lvl-1.contact-us .sub-menu-list>.sub-menu-item .description[data-v-49ca20c5],
  .main-menu .lvl-1.docs .sub-menu-list>.sub-menu-item .description[data-v-49ca20c5] {
    font-size: 12px;
    line-height: 16px
  }
}

.sub-menu-list>.sub-menu-item>a[data-v-49ca20c5] {
  display: block;
  position: relative
}

.sub-menu-list>.sub-menu-item>a .description[data-v-49ca20c5] {
  color: var(--gray500);
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  margin-top: 14px;
  transition: color .2s ease
}

.sub-menu-list>.sub-menu-item>a[data-v-49ca20c5]:active,
.sub-menu-list>.sub-menu-item>a[data-v-49ca20c5]:focus,
.sub-menu-list>.sub-menu-item>a[data-v-49ca20c5]:hover {
  outline: none;
  text-decoration: none
}

.sub-menu-list>.sub-menu-item>a:active>p[data-v-49ca20c5],
.sub-menu-list>.sub-menu-item>a:focus>p[data-v-49ca20c5],
.sub-menu-list>.sub-menu-item>a:hover>p[data-v-49ca20c5] {
  color: var(--purple500)
}

.links-list[data-v-49ca20c5] {
  display: flex;
  flex-direction: column
}

.links-list.gray>a[data-v-49ca20c5] {
  color: var(--purple900)
}

.links-list>a[data-v-49ca20c5] {
  color: var(--gray600);
  font-size: 14px;
  line-height: 21px;
  padding: 8px
}

.links-list>a[data-v-49ca20c5]:hover {
  color: var(--purple400);
  background-color: var(--light-blue);
  border-radius: 8px
}

.links-list>a[data-v-49ca20c5]:last-child {
  margin-bottom: 0
}

.links-list>a .flex[data-v-49ca20c5] {
  display: flex;
  grid-gap: 8px;
  gap: 8px
}

.links-list>a .flex .link-title[data-v-49ca20c5] {
  display: flex;
  flex-direction: column;
  grid-gap: 4px;
  gap: 4px
}

.links-list>a .flex .link-title>p[data-v-49ca20c5] {
  color: var(--gray900);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: color .2s ease
}

.links-list>a .flex .link-title>p.gray[data-v-49ca20c5] {
  color: var(--purple900)
}

@media (min-width:1200px) {
  .links-list>a .flex .link-title>p.gray[data-v-49ca20c5] {
    color: var(--gray600)
  }
}

@media (min-width:1200px) {
  .links-list>a .flex .link-title>p[data-v-49ca20c5] {
    color: var(--gray900)
  }
}

.links-list>a .flex .link-title .description[data-v-49ca20c5] {
  color: var(--gray600);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.section-link[data-v-49ca20c5] {
  align-items: center;
  display: flex;
  margin: var(--pad32) var(--pad16)
}

.section-link.gray>a[data-v-49ca20c5] {
  color: var(--purple900)
}

.section-link.gray>a[data-v-49ca20c5]:hover {
  color: var(--purple500)
}

.section-link>a[data-v-49ca20c5] {
  color: var(--white);
  font-size: 12px;
  line-height: 16px;
  margin-right: 9px
}

.section-link>a[data-v-49ca20c5]:hover {
  color: var(--purple400);
  margin-right: 15px
}

.main-menu .lvl-1.contact-us .contact-us-footer[data-v-49ca20c5] {
  border-top: 1px solid var(--gray200);
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
  justify-content: center;
  margin-top: 24px;
  padding-top: 24px
}

@media (min-width:1200px) {
  .main-menu .lvl-1.contact-us .contact-us-footer[data-v-49ca20c5] {
    display: grid;
    grid-area: 2/1/2/4;
    grid-template-columns: 1fr 1fr;
    margin-top: 0
  }
}

.main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] {
  grid-column-gap: 16px;
  column-gap: 16px;
  grid-template-areas: "phone phone email" "phone phone social";
  grid-template-columns: 1fr 1fr 288px;
  grid-row-gap: 16px;
  row-gap: 16px
}

.main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] .contact-us-footer-phone {
  padding-left: 0
}

.main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] .contact-us-footer-phone .phone-group {
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px
}

@media (min-width:1200px) {
  .main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] .contact-us-footer-phone .phone-group {
    grid-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: repeat(2, 266px)
  }
}

.main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] .contact-us-footer-phone .phone-group a {
  padding-bottom: 0
}

@media (min-width:1200px) {
  .main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] .contact-us-footer-phone .phone-group a {
    padding-left: 48px
  }

  .main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] .contact-us-footer-phone .phone-group a:first-child {
    margin-right: 0
  }
}

.main-menu .lvl-1.contact-us .contact-us-footer.es .contact-us-footer-phone[data-v-49ca20c5] {
  grid-area: phone
}

.main-menu .lvl-1.contact-us .contact-us-footer.es .contact-us-footer-email[data-v-49ca20c5] {
  align-self: center;
  grid-area: email
}

@media (min-width:1200px) {
  .main-menu .lvl-1.contact-us .contact-us-footer.es .contact-us-footer-email[data-v-49ca20c5] {
    padding-left: 12px
  }
}

.main-menu .lvl-1.contact-us .contact-us-footer.es .social-wrapper[data-v-49ca20c5] {
  grid-area: social
}

@media (min-width:1200px) {
  .main-menu .lvl-1.contact-us .contact-us-footer.es[data-v-49ca20c5] .social-icon-list {
    justify-content: flex-start;
    padding-left: 12px
  }
}

.contact-us-footer .contact-us-footer-credentials[data-v-49ca20c5] {
  align-items: center;
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px
}

@media (min-width:1200px) {
  .contact-us-footer .contact-us-footer-credentials[data-v-49ca20c5] {
    display: grid;
    grid-gap: 16px;
    gap: 16px;
    grid-template-columns: repeat(2, 266px)
  }
}

.contact-us-footer .contact-us-footer-phone[data-v-49ca20c5] {
  align-self: center;
  display: flex;
  flex-direction: column
}

@media (min-width:1200px) {

  .contact-us-footer .contact-us-footer-email[data-v-49ca20c5],
  .contact-us-footer .contact-us-footer-phone[data-v-49ca20c5] {
    padding-left: 48px
  }
}

.main-menu .lvl-1.contact-us .contact-us-footer a[data-v-49ca20c5] {
  color: var(--gray900);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: color .2s ease;
  width: -moz-fit-content;
  width: fit-content
}

.main-menu .lvl-1.contact-us .contact-us-footer a[data-v-49ca20c5]:hover {
  color: var(--purple500)
}

@media (min-width:1200px) {
  .contact-us-footer[data-v-49ca20c5] .social-icon-list {
    justify-content: flex-start;
    padding-left: 45px
  }
}

.container[data-v-05bef876] {
  padding: var(--pad32) var(--pad16);
  width: 100%
}

@media (min-width:768px) {
  .container[data-v-05bef876] {
    margin: 0 auto;
    padding: var(--pad32);
    width: 767px
  }
}

@media (min-width:992px) {
  .container[data-v-05bef876] {
    width: 992px
  }
}

@media (min-width:1200px) {
  .container[data-v-05bef876] {
    width: 1184px
  }
}

.header-wrapper[data-v-72b7536a] {
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 888
}

.header-wrapper .dynamic-bg[data-v-72b7536a] {
  height: 100%;
  position: absolute;
  width: 100%
}

.header[data-v-72b7536a] {
  position: absolute;
  width: 100%;
  z-index: 100
}

.header-wrapper .header[data-v-72b7536a] {
  background: #fff;
  box-shadow: inset 0 -1px 0 #ebedf2;
  transition: all .1s linear
}

@media (min-width:1200px) {
  .header-wrapper .header[data-v-72b7536a] {
    height: 100%
  }
}

.header-wrapper.header-purple .header[data-v-72b7536a] {
  background: var(--purple955);
  box-shadow: none
}

.header .header-grid[data-v-72b7536a] {
  align-items: center;
  display: flex;
  grid-gap: 5px;
  gap: 5px;
  height: 100%;
  max-width: 1120px;
  padding: 14px 16px;
  position: relative;
  width: 100%
}

@media (min-width:768px) {
  .header .header-grid[data-v-72b7536a] {
    padding: 18px var(--pad24)
  }
}

@media (min-width:1200px) {
  .header .header-grid[data-v-72b7536a] {
    align-items: center;
    grid-gap: 0;
    gap: 0;
    height: 100%;
    padding: 0
  }
}

@media (min-width:1200px) {
  .header .header-grid .header-brand[data-v-72b7536a] {
    flex-grow: 1;
    max-width: 20%
  }
}

.header .header-grid .header-brand>a[data-v-72b7536a] {
  align-items: center;
  display: flex;
  height: 37px;
  width: 140px
}

@media (min-width:992px) {
  .header .header-grid .header-brand>a[data-v-72b7536a] {
    height: 44px;
    width: 169px
  }
}

.header .header-grid .header-brand img[data-v-72b7536a] {
  height: 100%;
  width: 100%
}

.header .header-grid .header-menu[data-v-72b7536a] {
  display: none
}

@media (min-width:1200px) {
  .header .header-grid .header-menu[data-v-72b7536a] {
    display: flex;
    flex-grow: 1;
    height: 100%
  }
}

.header .header-grid .header-menu.is-open[data-v-72b7536a] {
  background-color: rgba(27, 13, 51, .55);
  display: flex;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1000
}

@media (min-width:1200px) {
  .header .header-grid .header-menu.is-open[data-v-72b7536a] {
    display: none
  }
}

.header .header-grid .header-right[data-v-72b7536a] {
  margin-left: auto
}

.header .header-grid .hidden-on-desktop[data-v-72b7536a] {
  display: block
}

.header .header-grid .hidden-on-desktop[data-v-72b7536a] :before {
  background: #656d78
}

@media (min-width:1200px) {
  .header .header-grid .hidden-on-desktop[data-v-72b7536a] {
    display: none
  }
}

.header .header-grid .header-buttons.hidden-on-mobile[data-v-72b7536a] {
  display: none
}

@media (min-width:1200px) {
  .header .header-grid .header-buttons.hidden-on-mobile[data-v-72b7536a] {
    display: flex;
    grid-gap: 8px;
    gap: 8px
  }
}

.header .header-grid .header-buttons .lvl-1[data-v-72b7536a] {
  position: relative
}

.header .header-grid .header-buttons .lvl-1 .sub-menu[data-v-72b7536a] {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 0 8px rgba(31, 28, 40, .04), 0 8px 16px rgba(31, 28, 40, .08);
  padding: var(--pad24);
  position: absolute;
  top: 100px;
  width: 280px
}

.header .header-grid .header-buttons .lvl-1 .sub-menu .overlay[data-v-72b7536a] {
  bottom: 0;
  cursor: auto;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: -1
}

.header .header-grid .header-buttons .lvl-1 .sub-menu .sub-menu-wrap[data-v-72b7536a] {
  z-index: 310
}

.header .header-grid .header-buttons .lvl-1 .sub-menu.sign-in[data-v-72b7536a],
.header .header-grid .header-buttons .lvl-1 .sub-menu.sign-up[data-v-72b7536a] {
  transform: translateX(-50%);
  left: 50%;
  top: calc(100% + 8px)
}

.header .header-grid .header-buttons .lvl-1 .flex-buttons[data-v-72b7536a] {
  display: flex;
  justify-content: space-between
}

.header .header-grid .header-buttons .lvl-1 .sub-menu[data-v-72b7536a] {
  padding: 24px 8px 8px
}

.header .header-right[data-v-72b7536a] {
  align-items: center;
  display: flex;
  flex-direction: row
}

.header .header-right>.sign-in[data-v-72b7536a] {
  margin-right: var(--pad8)
}

.header .header-right>.sign-up[data-v-72b7536a] {
  margin-right: var(--pad24)
}

@media (min-width:1200px) {
  .header .header-right>.sign-up[data-v-72b7536a] {
    margin-right: 0
  }
}

.hamburger[data-v-72b7536a] {
  margin-left: 8px;
  padding: 4px;
  border-radius: 8px;
  line-height: 1px
}

.hamburger svg[data-v-72b7536a] {
  fill: var(--white)
}

.hamburger[data-v-72b7536a]:hover {
  background-color: var(--white)
}

.hamburger.hamburger-dark svg[data-v-72b7536a],
.hamburger:hover svg[data-v-72b7536a] {
  fill: var(--gray900)
}

.hamburger.hamburger-dark[data-v-72b7536a]:hover {
  background-color: var(--light-bg)
}


.page {
  overflow: hidden
}

.header-holder {
  height: 65px;
  position: relative
}

@media (min-width:768px) {
  .header-holder {
    height: 72px
  }
}

.header-holder__with-banner {
  height: 104px
}

.page,
body.blockScroll {
  overflow: hidden
}

.header-holder {
  height: 65px;
  position: relative
}

@media (min-width:768px) {
  .header-holder {
    height: 72px
  }
}

.header-holder__with-banner {
  height: 104px
}

:root {
  --kitCollorSecondaryDefault: #78909c;
  --kitColorDark: #160c26;
  --kitColorGray10Prc: #f7f9fa;
  --kitColorGray40Prc: #c6cacc;
  --kitColorGray90Prc: #3e4345;
  --kitColorGrey20Prc: #f1f3f4;
  --kitColorPrimaryDark: #3f3d56;
  --kitColorPrimaryDefault: #7c4dff;
  --kitColorPrimaryHover: #571aff;
  --kitColorSacondaryText: #9ba9bb;
  --kitColorSub2: #3f3d56
}

.kit-page h2 {
  color: #3f3d56;
  color: var(--kitColorSub2);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px
}

@media (min-width:768px) {
  .kit-page h2 {
    font-size: 40px;
    line-height: 52px
  }
}

.kit-page h3 {
  color: #3e4345;
  color: var(--kitColorGray90Prc);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px
}

@media (min-width:768px) {
  .kit-page h3 {
    font-size: 24px;
    line-height: 32px
  }
}

.kit-page p {
  font-size: 16px;
  line-height: 24px
}

.kit-page[data-v-ad315b6c] {
  overflow: hidden
}

.kit-page .header-holder[data-v-ad315b6c] {
  height: 72px;
  position: relative
}

.kit-page .header-holder__with-banner[data-v-ad315b6c] {
  height: 104px
}

.kit-page .link[data-v-ad315b6c] {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  text-decoration: none
}

.kit-page .link.kit-color[data-v-ad315b6c] {
  border: 1px solid var(--white);
  border-radius: 222px;
  padding: 6px 36px;
  white-space: nowrap
}

.kit-page .link.kit-color[data-v-ad315b6c]:hover {
  border-color: var(--kitColorPrimaryDefault)
}

.kit-page .link[data-v-ad315b6c]:hover {
  color: var(--kitColorPrimaryDefault);
  text-decoration: none
}

.kit-page .link[data-v-ad315b6c]:focus {
  color: var(--kitColorPrimaryHover);
  text-decoration: none
}

.kit-page .link[data-v-ad315b6c]:active,
.kit-page .link[data-v-ad315b6c]:active:focus {
  color: var(--purple700);
  text-decoration: none
}

.footer .footer-grid[data-v-54b3ee80] {
  display: grid;
  grid-gap: var(--pad40);
  grid-template-areas: "platform" "documentation" "help" "solutions" "about" "security" "industries" "sub-footer";
  grid-template-columns: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: var(--pad80) var(--pad16);
  width: 100%
}

@media (min-width:768px) {
  .footer .footer-grid[data-v-54b3ee80] {
    grid-gap: var(--pad56) var(--pad32);
    grid-template-areas: "platform documentation industries" "help solutions industries" "about security industries" "sub-footer sub-footer sub-footer";
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 768px;
    padding: var(--pad120) var(--pad32) var(--pad80)
  }
}

@media (min-width:992px) {
  .footer .footer-grid[data-v-54b3ee80] {
    grid-template-areas: "platform documentation help industries" "solutions about security industries" "sub-footer sub-footer sub-footer sub-footer";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 992px
  }
}

@media (min-width:1200px) {
  .footer .footer-grid[data-v-54b3ee80] {
    max-width: 1120px;
    padding: var(--pad120) 0 var(--pad80)
  }
}

.footer .platform-area[data-v-54b3ee80] {
  grid-area: platform
}

.footer .solutions-area[data-v-54b3ee80] {
  grid-area: solutions
}

.footer .industries-area[data-v-54b3ee80] {
  align-self: start;
  grid-area: industries
}

.footer .documentation-area[data-v-54b3ee80] {
  grid-area: documentation
}

.footer .help-area[data-v-54b3ee80] {
  grid-area: help
}

.footer .about-area[data-v-54b3ee80] {
  grid-area: about
}

.footer .sub-footer[data-v-54b3ee80] {
  grid-area: sub-footer
}

.footer .footer-menu[data-v-54b3ee80] {
  font-family: var(--fontRoboto)
}

.footer .footer-menu .industries-area .sub-list li[data-v-54b3ee80],
.footer .footer-menu .nav-area[data-v-54b3ee80] {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px
}

.footer .footer-menu .industries-area .sub-list li>a[data-v-54b3ee80],
.footer .footer-menu .nav-area>a[data-v-54b3ee80] {
  color: var(--purple950);
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  transition: color .4s ease;
  width: 100%
}

@media (min-width:768px) {

  .footer .footer-menu .industries-area .sub-list li>a[data-v-54b3ee80],
  .footer .footer-menu .nav-area>a[data-v-54b3ee80] {
    display: inline;
    height: auto;
    line-height: 16px;
    width: auto
  }
}

.footer .footer-menu .industries-area .sub-list li>a[data-v-54b3ee80]:active,
.footer .footer-menu .industries-area .sub-list li>a[data-v-54b3ee80]:focus,
.footer .footer-menu .industries-area .sub-list li>a[data-v-54b3ee80]:hover,
.footer .footer-menu .nav-area>a[data-v-54b3ee80]:active,
.footer .footer-menu .nav-area>a[data-v-54b3ee80]:focus,
.footer .footer-menu .nav-area>a[data-v-54b3ee80]:hover {
  color: var(--purple400);
  outline: none
}

.footer .footer-menu .sub-list li[data-v-54b3ee80] {
  font-size: 14px;
  line-height: 20px;
  margin-top: var(--pad8)
}

.footer .footer-menu .sub-list li a[data-v-54b3ee80] {
  color: var(--gray500);
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .2s ease;
  width: auto
}

@media (min-width:768px) {
  .footer .footer-menu .sub-list li a[data-v-54b3ee80] {
    display: inline;
    height: auto;
    line-height: 16px;
    width: auto
  }
}

.footer .footer-menu .sub-list li a[data-v-54b3ee80]:active,
.footer .footer-menu .sub-list li a[data-v-54b3ee80]:focus,
.footer .footer-menu .sub-list li a[data-v-54b3ee80]:hover {
  color: var(--purple400);
  outline: none
}

.footer .footer-menu .industries-area .nuxt-link-exact-active[data-v-54b3ee80] {
  display: none
}

.footer .footer-menu .industries-area .sub-list li[data-v-54b3ee80] {
  line-height: 20px;
  margin-top: var(--pad16)
}

.footer .footer-menu .industries-area .sub-list li[data-v-54b3ee80]:first-child {
  margin-top: 0
}

.footer .footer-menu .industries-area .sub-list li a[data-v-54b3ee80] {
  line-height: 20px
}

@media (min-width:768px) {
  .footer .footer-menu .industries-area .sub-list li a[data-v-54b3ee80] {
    line-height: 24px
  }
}

.footer.kit[data-v-54b3ee80] {
  background: var(--purple955)
}

.footer.kit .footer-menu .nav-area[data-v-54b3ee80],
.footer.kit h2[data-v-54b3ee80],
.footer.kit p[data-v-54b3ee80] {
  color: var(--white)
}

.footer.kit .footer-menu .nav-area>a[data-v-54b3ee80] {
  color: var(--white);
  font-size: var(--fontP);
  font-weight: 500;
  transition: color .4s ease
}

.footer.kit .footer-menu .nav-area>a[data-v-54b3ee80]:active,
.footer.kit .footer-menu .nav-area>a[data-v-54b3ee80]:focus,
.footer.kit .footer-menu .nav-area>a[data-v-54b3ee80]:hover {
  color: var(--purple400);
  outline: none
}

.footer.purple955[data-v-54b3ee80],
.footer.vox[data-v-54b3ee80] {
  background-color: var(--purple955)
}

.footer.kit .industries-area .sub-list li a[data-v-54b3ee80],
.footer.kit .nav-area>a[data-v-54b3ee80],
.footer.vox .industries-area .sub-list li a[data-v-54b3ee80],
.footer.vox .nav-area>a[data-v-54b3ee80] {
  color: var(--white)
}

.footer.white .nav-area>a[data-v-54b3ee80] {
  color: var(--purple950)
}

.footer.white .nav-area>a[data-v-54b3ee80]:active,
.footer.white .nav-area>a[data-v-54b3ee80]:focus,
.footer.white .nav-area>a[data-v-54b3ee80]:hover {
  color: var(--purple500)
}

.footer.white .nav-area .sub-list a[data-v-54b3ee80] {
  color: var(--gray500)
}

.footer.white .nav-area .sub-list a[data-v-54b3ee80]:active,
.footer.white .nav-area .sub-list a[data-v-54b3ee80]:focus,
.footer.white .nav-area .sub-list a[data-v-54b3ee80]:hover {
  color: var(--purple500)
}

.footer.white .sub-footer .copyright[data-v-54b3ee80] {
  color: var(--gray500)
}

.footer.white .iso[data-v-54b3ee80] {
  border-right: 1px solid var(--gray300)
}

.sub-footer[data-v-54b3ee80] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: var(--pad40) 0 0 0;
  padding: 0
}

@media (min-width:768px) {
  .sub-footer[data-v-54b3ee80] {
    margin: var(--pad24) 0 0 0;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between
  }
}

.sub-footer .sub-footer-brand[data-v-54b3ee80] {
  justify-self: center;
  margin-bottom: var(--pad24);
  text-align: center
}

@media (min-width:768px) {
  .sub-footer .sub-footer-brand[data-v-54b3ee80] {
    justify-self: start;
    margin-bottom: 0;
    text-align: left
  }
}

.sub-footer .sub-footer-brand .copyright[data-v-54b3ee80] {
  color: var(--gray500);
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin-top: var(--pad16);
  white-space: pre-line;
  width: 254px
}

@media (min-width:768px) {
  .sub-footer .sub-footer-brand .copyright[data-v-54b3ee80] {
    width: 100%
  }
}

.sub-footer .column[data-v-54b3ee80] {
  display: flex;
  flex-direction: column
}

@media (min-width:768px) {
  .sub-footer .column[data-v-54b3ee80] {
    align-items: flex-end
  }
}

.sub-footer .iso27001[data-v-54b3ee80] {
  flex: 0 1 auto
}

.sub-footer .logo-wrap[data-v-54b3ee80] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: var(--pad24)
}

@media (min-width:768px) {
  .sub-footer .logo-wrap[data-v-54b3ee80] {
    flex-direction: row;
    margin-left: 55px
  }
}

.sub-footer .iso[data-v-54b3ee80] {
  margin-bottom: var(--pad8)
}

@media (min-width:768px) {
  .sub-footer .iso[data-v-54b3ee80] {
    margin-bottom: 0;
    width: 163px
  }
}

@media (min-width:768px) {
  .sub-footer .hippaa[data-v-54b3ee80] {
    width: 141px
  }
}

@media (min-width:768px) {

  .sub-footer .astana-hub[data-v-54b3ee80],
  .sub-footer .hippaa[data-v-54b3ee80] {
    border-left: 1px solid var(--gray700);
    margin-left: var(--pad16);
    padding-left: var(--pad16)
  }

  .sub-footer .astana-hub[data-v-54b3ee80] {
    width: 101px
  }
}

@media (min-width:768px) {
  .sub-footer .ros-reestr[data-v-54b3ee80] {
    border-left: 1px solid var(--gray700);
    margin-left: var(--pad16);
    padding-left: var(--pad16);
    width: 180px
  }
}

.button_primary--light {
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: var(--purple500);
  border: .063rem solid var(--purple500);
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_primary--light.hover,
.button_primary--light:hover {
  color: #976eff;
  background-color: #33147d;
  border: .063rem solid #33147d
}

.button_primary--light.active,
.button_primary--light:active {
  background-color: #1c0b43;
  border: .063rem solid #1c0b43;
  color: var(--white)
}

.button_primary--light.disabled,
.button_primary--light:disabled {
  background-color: #e6e6e6;
  border: .063rem solid #e6e6e6;
  color: #9b9b9b;
  cursor: not-allowed
}

.button--light {
  vertical-align: middle;
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: transparent;
  border: .063rem solid var(--purple500);
  color: var(--purple500);
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button--light.hover,
.button--light:hover {
  color: #976eff;
  border: .063rem solid #1c0b43;
  background-color: #33147d
}

.button--light.active,
.button--light:active {
  border: .063rem solid #250e59;
  background-color: #1c0b43;
  color: var(--white)
}

.button--light:disabled {
  background-color: #e6e6e6;
  border: .063rem solid #e6e6e6;
  color: #9b9b9b;
  cursor: not-allowed
}

.button--dark {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: transparent;
  border: .063rem solid var(--purple500);
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition), color .2s ease
}

.button--dark.hover,
.button--dark:hover {
  border: .063rem solid #d2c2ff;
  background-color: #d2c2ff;
  color: #150633
}

.button--dark.active,
.button--dark:active,
.button--dark:focus {
  border: .063rem solid var(--white);
  background-color: var(--white);
  color: #150633
}

.button--dark:disabled {
  background-color: #342459;
  border: .063rem solid #342459;
  color: hsla(0, 0%, 100%, .3);
  cursor: not-allowed
}

.button--dark.fullWidth {
  width: 100%;
  margin: 0
}

.button--dark_ru {
  max-width: 180px;
  height: 45px;
  padding: 4px 1.3333rem;
  line-height: 14px
}

@media screen and (max-width:1024px) {
  .button--dark_ru {
    white-space: normal !important;
    vertical-align: top
  }
}

.button--white {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: transparent;
  border: .063rem solid #fff;
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button--white.hover,
.button--white:hover {
  color: #5100ff;
  background-color: #d2c2ff;
  border: .063rem solid #d2c2ff
}

.button--white.active,
.button--white:active {
  background-color: var(--white);
  border: .063rem solid var(--white);
  color: #5100ff
}

.button--white:disabled {
  background-color: rgba(122, 74, 255, .5);
  border: .063rem solid rgba(122, 74, 255, .5);
  color: hsla(0, 0%, 100%, .5);
  cursor: not-allowed
}

.button_cancel--light {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: transparent;
  border: .063rem solid #d0021b;
  color: #d0021b;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_cancel--light.hover,
.button_cancel--light:hover {
  background-color: rgba(245, 75, 94, .4);
  color: #f54b5e;
  border: .063rem solid rgba(245, 75, 94, .4)
}

.button_cancel--light.active,
.button_cancel--light:active {
  background-color: #d0021b;
  border: .063rem solid #d0021b;
  color: #fff
}

.button_cancel--light:disabled {
  color: #9b9b9b;
  background-color: #e6e6e6;
  border: .063rem solid #e6e6e6
}

.button_cancel--dark {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: transparent;
  border: .063rem solid #f54b5e;
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_cancel--dark.hover,
.button_cancel--dark:hover {
  background-color: transparent;
  color: #f54b5e;
  border: .063rem solid #f54b5e
}

.button_cancel--dark.active,
.button_cancel--dark:active {
  border: .063rem solid #f54b5e;
  background-color: #f54b5e;
  color: #fff
}

.button_cancel--dark:disabled {
  color: hsla(0, 0%, 100%, .3);
  background-color: #342459;
  border: .063rem solid #342459
}

.button_cancel--white {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: transparent;
  border: .063rem solid #fc7988;
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_cancel--white.hover,
.button_cancel--white:hover {
  background-color: transparent;
  color: #fc7988;
  border: .063rem solid #fc7988
}

.button_cancel--white.active,
.button_cancel--white:active {
  border: .063rem solid #fc7988;
  background-color: #fc7988;
  color: #fff
}

.button_cancel--white:disabled {
  color: hsla(0, 0%, 100%, .4);
  background-color: #7a4aff;
  border: .063rem solid #7a4aff
}

.button_cancel_primary--light {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: #d0021b;
  border: .063rem solid #d0021b;
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_cancel_primary--light.hover,
.button_cancel_primary--light:hover {
  background-color: transparent;
  color: #f54b5e;
  border: .063rem solid #f54b5e
}

.button_cancel_primary--light.active,
.button_cancel_primary--light:active {
  background-color: transparent;
  border: .063rem solid #d0021b;
  color: #d0021b
}

.button_cancel_primary--light:disabled {
  color: #9b9b9b;
  background-color: #e6e6e6;
  border: .063rem solid #e6e6e6
}

.button_cancel_primary--dark {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  border: .063rem solid #f54b5e;
  background-color: #f54b5e;
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_cancel_primary--dark.hover,
.button_cancel_primary--dark:hover {
  background-color: transparent;
  color: #f54b5e;
  border: .063rem solid #f54b5e
}

.button_cancel_primary--dark.active,
.button_cancel_primary--dark:active {
  border: .063rem solid #f54b5e;
  background-color: transparent;
  color: #fff
}

.button_cancel_primary--dark:disabled {
  color: hsla(0, 0%, 100%, .3);
  background-color: #342459;
  border: .063rem solid #342459
}

.button_cancel_primary--white {
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: #fc7988;
  border: .063rem solid #fc7988;
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_cancel_primary--white.hover,
.button_cancel_primary--white:hover {
  background-color: transparent;
  color: #fc7988;
  border: .063rem solid #fc7988
}

.button_cancel_primary--white.active,
.button_cancel_primary--white:active {
  border: .063rem solid #fc7988;
  background-color: transparent;
  color: #fff
}

.button_cancel_primary--white:disabled {
  color: hsla(0, 0%, 100%, .4);
  background-color: #7a4aff;
  border: .063rem solid #7a4aff
}

.button_primary--dark {
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: var(--purple500);
  border: .063rem solid var(--purple500);
  color: var(--white);
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  margin: .6666rem;
  transition: var(--button-transition)
}

.button_primary--dark.hover,
.button_primary--dark:hover {
  color: #150633;
  background-color: #d2c2ff;
  border: .063rem solid #d2c2ff
}

.button_primary--dark.active,
.button_primary--dark:active {
  background-color: var(--white);
  border: .063rem solid var(--white);
  color: #150633
}

.button_primary--dark:disabled {
  background-color: #342459;
  border: .063rem solid #342459;
  color: hsla(0, 0%, 100%, .3);
  cursor: not-allowed
}

.button_primary--white {
  text-decoration: none;
  margin: .6666rem;
  border-radius: .25rem;
  outline: 0;
  box-sizing: border-box;
  padding: .9444rem 1.3333rem;
  background-color: #fff;
  border: .063rem solid #fff;
  color: var(--purple500);
  font-family: "Roboto Mono", monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: .019rem;
  transition: var(--button-transition)
}

.button_primary--white.hover,
.button_primary--white:hover {
  color: #5100ff;
  background-color: #d2c2ff;
  border: .063rem solid #d2c2ff
}

.button_primary--white.active,
.button_primary--white:active {
  background-color: var(--white);
  border: .063rem solid var(--white);
  color: #5100ff
}

.button_primary--white:disabled {
  background-color: #342459;
  border: .063rem solid hsla(0, 0%, 100%, .35);
  color: #662eff;
  cursor: not-allowed
}

.button_primary--white.resetmargin {
  margin: 0 !important
}

.button_primary--white.fullWidth {
  width: 100%;
  margin: 0
}

.button {
  padding: 15px 23px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: .3px;
  line-height: 1.1666;
  font-weight: 500;
  font-size: 12px;
  font-family: var(--fontRobotoMono);
  border: 1px solid transparent;
  text-decoration: none;
  display: inline-block;
  transition: all .2s ease
}

.button+.button {
  margin-left: 5px
}

.button__primary {
  color: var(--white);
  background-color: var(--purple500);
  border: 1px solid var(--purple500)
}

.button__primary:focus,
.button__primary:hover {
  color: var(--purple500);
  background-color: var(--white)
}

.button__secondary {
  color: var(--purple500);
  border-color: var(--purple500)
}

.button__secondary:focus,
.button__secondary:hover {
  color: var(--white);
  background-color: var(--purple500)
}

.button__secondary.dark {
  color: var(--white);
  background: transparent;
  border-color: var(--white)
}

.button__secondary.dark:focus,
.button__secondary.dark:hover {
  color: var(--purple500);
  background: var(--white);
  border-color: var(--white)
}

@font-face {
  font-family: "icomoon";
  src: url(/vox/static/icons/icomoon.eot);
  src: url(/vox/static/icons/icomoon.eot#iefix) format("embedded-opentype"), url(/vox/static/icons/icomoon.ttf) format("truetype"), url(/vox/static/icons/icomoon.woff) format("woff"), url(/vox/static/icons/icomoon.svg#icomoon) format("svg");
  font-weight: 400;
  font-style: normal
}

html {
  box-sizing: border-box
}

body.mobile-menu-open {
  height: 100vh;
  overflow: hidden
}

*,
:after,
:before {
  box-sizing: inherit
}

:focus {
  outline: none
}

.noscroll {
  overflow: hidden
}

a {
  color: var(--purple500);
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
  transition: all .2s ease-in-out
}

a:active,
a:focus {
  outline: none
}

p {
  line-height: 24px;
  padding: 0
}

iframe,
svg {
  max-height: 100%;
  max-width: 100%
}

input,
select,
textarea {
  background: transparent;
  border: none;
  outline: none
}

.no-transition {
  transition: none !important
}

.on--construction,
.svg--not-found {
  background: repeating-linear-gradient(45deg, #000, #000 10px, #fc0 0, #fc0 20px)
}

.svg--not-found {
  height: 100%;
  width: 100%
}

.text-center {
  text-align: center
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden
}

.js-animation__opacity {
  opacity: 0
}

.js-animation__opacity.animate {
  animation: opacity 2s;
  animation-fill-mode: forwards
}

.ui-radio__label {
  color: #9ba9bb;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 4;
  padding-left: 28px;
  position: relative
}

.ui-radio__label:hover {
  color: var(--purple500)
}

.ui-radio__label:hover:before {
  border-color: var(--purple500)
}

.ui-radio__input:checked+.ui-radio__label {
  color: var(--purple500)
}

.ui-radio__input:checked+.ui-radio__label:before {
  border-color: var(--purple500)
}

.ui-radio__input:checked+.ui-radio__label:after {
  display: block
}

.ui-radio__label:before {
  border: 3px solid #9ba9bb;
  border-radius: 50%;
  height: 18px;
  left: 0;
  width: 18px
}

.ui-radio__label:after,
.ui-radio__label:before {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.ui-radio__label:after {
  background: var(--purple500);
  border-radius: 50%;
  display: none;
  height: 4px;
  left: 7px;
  width: 4px
}

.ui-radio__input {
  display: none
}

.js-float-padding .title {
  transition: padding .1s ease-in-out
}

.mt-s {
  margin-top: 60px
}

.mb-m {
  margin-bottom: 120px
}

.flex-container {
  display: flex;
  text-align: left
}

.grid-1 {
  flex: 1
}

.grid-2 {
  flex: 2
}

.grid-3 {
  flex: 3
}

.grid-4 {
  flex: 4
}

.header__menu {
  background-color: var(--purple900);
  height: 100vh;
  opacity: 0;
  overflow: auto;
  padding: var(--pad32) 0;
  position: fixed;
  right: -768px;
  top: 0;
  transition: all .2s ease;
  width: 500px;
  z-index: 9999
}

@media screen and (max-width:1120px) {
  .header__menu {
    padding: 19px 8px 32px
  }
}

@media screen and (max-width:768px) {
  .header__menu {
    width: 100%
  }
}

.header__menu.active {
  opacity: 1;
  right: 0
}

.header__menu_flex {
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start
}

@media screen and (max-width:1024px) {
  .header__menu_flex {
    align-items: flex-end;
    flex-direction: column
  }
}

.header__menu_f_column {
  align-self: auto;
  flex: 2 1 auto;
  order: 0;
  text-align: left
}

.header__menu_f_column:first-child {
  flex: 0 1 48px;
  margin-right: 48px
}

.header__menu_f_column:nth-child(4) .header__menu_subdir {
  height: auto;
  margin-bottom: 40px
}

.header__menu_f_column:last-child {
  flex: 0 1 146px
}

.header__menu_f_column:last-child a,
.header__menu_f_column:last-child button {
  display: block;
  margin: 9px 0 33px;
  text-align: center
}

@media screen and (max-width:1024px) {
  .header__menu_f_column {
    align-self: auto;
    flex: 0 1 auto;
    order: 0
  }

  .header__menu_f_column:first-child {
    align-self: flex-start;
    flex: 0 1 auto
  }

  .header__menu_f_column:nth-child(4) {
    margin-bottom: 1.3rem
  }

  .header__menu_f_column:last-child {
    flex: 0 1 auto;
    margin-bottom: 2rem;
    text-align: right
  }

  .header__menu_f_column:last-child .button--dark {
    margin-bottom: 1rem
  }

  .header__menu_f_column:last-child a,
  .header__menu_f_column:last-child button {
    display: inline-block;
    margin: 0 0 0 .5rem;
    text-align: center;
    white-space: pre
  }
}

.header__menu-close {
  border: 1px solid var(--purple500);
  border-radius: 4px;
  display: block;
  line-height: 0;
  padding: 15px;
  transition: border .6s ease
}

.header__menu-close svg path {
  fill: var(--white);
  transition: fill .6s ease
}

.header__menu-close:hover {
  border: 1px solid var(--white)
}

.header__menu-close:hover path {
  fill: var(--purple500)
}

.header__menu_dir {
  color: var(--white);
  display: block;
  font-family: var(--fontRoboto);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .4px;
  line-height: 24px;
  margin: 13px 0 20px;
  text-align: left;
  text-decoration: none;
  transition: color .6s ease
}

.header__menu_dir:active,
.header__menu_dir:focus,
.header__menu_dir:hover {
  color: var(--purple500)
}

@media screen and (max-width:1024px) {
  .header__menu_dir {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .27px;
    margin: 0 0 .9rem;
    text-align: right;
    text-transform: uppercase
  }
}

.header__menu_subdir {
  height: 150px
}

.header__menu_subdir a {
  color: #8b61ff;
  display: block;
  font-family: var(--fontRobotoMono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .3px;
  line-height: 16px;
  margin-bottom: 12px;
  text-decoration: none;
  text-transform: uppercase
}

.header__menu_subdir a:active,
.header__menu_subdir a:focus,
.header__menu_subdir a:hover {
  color: var(--white)
}

@media screen and (max-width:1024px) {
  .header__menu_subdir {
    display: none
  }
}

.header__menu_flex_social {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end
}

.header__menu_flex_social .header__menu_social {
  align-self: auto;
  flex: 0 1 auto;
  margin-left: 16px;
  order: 0
}

.header__menu_flex_social .header__menu_social svg path {
  fill: var(--white);
  transition: fill .2s ease
}

.header__menu_flex_social .header__menu_social svg path:active,
.header__menu_flex_social .header__menu_social svg path:focus,
.header__menu_flex_social .header__menu_social svg path:hover {
  fill: var(--purple500)
}

.wrapper {
  margin: 0 auto;
  max-width: 1184px;
  padding: 0 12px;
  width: 100%
}

@media screen and (min-width:768px) {
  .wrapper {
    padding: 0 32px
  }
}

@media (min-width:1201px) {
  .hidden-desktop {
    display: none !important
  }
}

@media (max-width:1200px) and (min-width:768px) {
  .hidden-tablet {
    display: none !important
  }
}

@media (max-width:767px) {
  .hidden-phone {
    display: none !important
  }
}

.visible-desktop {
  display: none !important
}

@media (min-width:1201px) {
  .visible-desktop {
    display: block !important
  }
}

.visible-tablet {
  display: none !important
}

@media (max-width:1200px) and (min-width:768px) {
  .visible-tablet {
    display: block !important
  }
}

.visible-phone {
  display: none !important
}

@media (max-width:767px) {
  .visible-phone {
    display: block !important
  }
}

.linear-svg {
  height: 0;
  width: 0
}

.grecaptcha-badge {
  display: none !important
}

.mobile-menu a,
footer a,
header a {
  color: var(--kitColorPrimaryDefault);
  text-decoration: none
}

.mobile-menu a:hover,
footer a:hover,
header a:hover {
  color: var(--kitColorPrimaryHover);
  text-decoration: underline
}

.mobile-menu a:active,
footer a:active,
header a:active {
  color: var(--kitColorPrimaryActive);
  text-decoration: underline
}

.mobile-menu a:focus,
footer a:focus,
header a:focus {
  text-decoration: underline
}

.vox-page * {
  white-space: normal
}

.vox-page .header * {
  white-space: inherit
}

h2 {
  font-size: 24px;
  line-height: 32px
}

@media (min-width:768px) {
  h2 {
    font-size: 40px;
    line-height: 48px
  }
}

.vox-page {
  overflow: hidden
}

.vox-page .header-holder {
  height: 65px;
  position: relative
}

@media (min-width:768px) {
  .vox-page .header-holder {
    height: 72px
  }
}

.vox-page .header-holder__with-banner {
  height: 104px
}

.vox-page .intercomBanner {
  background-image: url(/_nuxt/img/9a83840.jpg);
  background-position: 50%;
  background-size: cover;
  display: block;
  height: 58px;
  width: 100%
}

@media screen and (min-width:740px) {
  .vox-page .intercomBanner {
    background-image: url(/_nuxt/img/b53912c.jpg);
    height: 48px
  }
}

@media screen and (min-width:913px) {
  .vox-page .intercomBanner {
    background-image: url(/_nuxt/img/e679811.jpg);
    height: 48px
  }
}

@media screen and (min-width:1140px) {
  .vox-page .intercomBanner {
    background-image: url(/_nuxt/img/e679811.jpg);
    height: 48px
  }
}

.vox-page .intercomBannerRu {
  background-image: url(/_nuxt/img/83660b8.jpg);
  background-position: 50%;
  background-size: cover;
  display: block;
  height: 58px;
  width: 100%
}

@media screen and (min-width:740px) {
  .vox-page .intercomBannerRu {
    background-image: url(/_nuxt/img/9e9d1c3.jpg);
    height: 48px
  }
}

@media screen and (min-width:913px) {
  .vox-page .intercomBannerRu {
    background-image: url(/_nuxt/img/db23c9a.jpg);
    height: 48px
  }
}

@media screen and (min-width:1140px) {
  .vox-page .intercomBannerRu {
    background-image: url(/_nuxt/img/1e45248.jpg);
    height: 48px
  }
}

.vox-page .fade-enter-active {
  animation: fade-in .2s
}

.vox-page .fade-leave-active {
  animation: fade-in .2s reverse
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: .3
  }
}

.page {
  overflow: hidden
}

.header-holder {
  height: 65px;
  position: relative
}

@media (min-width:768px) {
  .header-holder {
    height: 72px
  }
}

.header-holder__with-banner {
  height: 104px
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

:root {
  --fontRoboto: "Roboto", sans-serif
}

.cookie-banner {
  background-color: #fff;
  border-radius: 16px;
  bottom: 24px;
  box-shadow: 0 0 8px rgba(31, 28, 40, .04), 0 16px 24px rgba(31, 28, 40, .08);
  box-sizing: border-box;
  color: #33373c;
  font-family: Roboto, sans-serif;
  font-family: var(--fontRoboto);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  left: 0;
  line-height: 20px;
  margin: auto;
  max-width: 928px;
  opacity: 1;
  padding: 16px;
  position: fixed;
  right: 0;
  transition: opacity .3s ease;
  width: calc(100vw - 32px);
  z-index: 2147483647
}

.cookie-banner::-webkit-scrollbar {
  background: transparent;
  width: 0
}

.cookie-banner::-webkit-scrollbar-thumb {
  background: red
}

@media (--viewport-sm) {
  .cookie-banner {
    padding: 24px;
    width: 100%
  }
}

.cookie-banner.hidden {
  opacity: 0
}

.cookie-banner .wrapper {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.tooltip-container[data-v-3af3063e] {
  --text-color: currentColor;
  --arrow-left-position: auto;
  --tooltip-left-position: auto;
  --icon-margin: 8px;
  --tooltip-padding: var(--pad16);
  --tooltip-right: 20px;
  --arrow-right-position: calc(var(--icon-width)/2 - var(--arrow-width)/2 + var(--tooltip-right));
  --tooltip-right-position: calc(var(--tooltip-right)*-1 + var(--icon-margin));
  --arrow-width: 16px;
  --icon-width: 16px
}

.tooltip-container.dark[data-v-3af3063e] {
  --message-bg: var(--gray100);
  --icon-color: var(--cyan4);
  --message-color: var(--gray800);
  --icon-hover-color: var(--white)
}

.tooltip-container.light[data-v-3af3063e] {
  --message-bg: var(--gray800);
  --icon-color: var(--gray600);
  --message-color: var(--white);
  --icon-hover-color: var(--gray600)
}

.tooltip-center-line[data-v-3af3063e] {
  height: 0;
  left: 0;
  position: absolute;
  top: calc(var(--icon-width)/2);
  transform: translate3d(0, -50%, 0);
  width: 100%
}

.tooltip-container[data-v-3af3063e] {
  color: var(--text-color);
  font-size: inherit;
  position: relative
}

.tooltip-container.type-default[data-v-3af3063e] {
  align-items: flex-start;
  display: inline-flex
}

@media (min-width:992px) {
  .tooltip-container.type-default[data-v-3af3063e] {
    align-items: flex-start
  }
}

.tooltip-container.type-content[data-v-3af3063e],
.tooltip-container>*[data-v-3af3063e] {
  display: inline-block
}

.tooltip-container .icon-container[data-v-3af3063e] {
  flex-shrink: 0;
  margin-left: auto
}

.tooltip-container .icon-container .tooltip-info[data-v-3af3063e] {
  color: var(--icon-color);
  cursor: pointer;
  display: inline-block;
  height: var(--icon-width);
  margin: 0 var(--icon-margin);
  position: relative;
  transition: color .2s linear;
  vertical-align: top;
  width: var(--icon-width)
}

.tooltip-container .icon-container .tooltip-info[data-v-3af3063e]:before {
  bottom: calc(100% - 2px);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%
}

.tooltip-container .icon-container .tooltip-info svg[data-v-3af3063e] {
  height: 100%;
  width: 100%
}

.tooltip-container .icon-container:hover .tooltip-info[data-v-3af3063e] {
  color: var(--icon-hover-color);
  transition: all .15s cubic-bezier(.4, 0, .2, 1)
}

.tooltip-container .icon-container:hover .tooltip[data-v-3af3063e] {
  opacity: 1;
  visibility: visible
}

.tooltip-container .tooltip[data-v-3af3063e] {
  border-radius: 8px;
  bottom: var(--icon-width);
  box-shadow: 0 10px 20px rgba(32, 36, 45, .37);
  box-sizing: border-box;
  left: var(--tooltip-left-position);
  min-width: 100px;
  opacity: 0;
  position: absolute;
  right: var(--tooltip-right-position);
  transition: all .2s linear;
  visibility: hidden;
  width: calc(100% + var(--tooltip-right));
  z-index: 100
}

.tooltip-container .tooltip .message[data-v-3af3063e] {
  background-color: var(--message-bg);
  border-radius: 8px;
  color: var(--message-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: var(--tooltip-padding);
  position: relative;
  word-wrap: break-word
}

.tooltip-container .tooltip .arrow[data-v-3af3063e] {
  background: var(--message-bg);
  border-radius: 3px 0/3px 0;
  bottom: calc(var(--arrow-width)*-1/2);
  height: var(--arrow-width);
  left: var(--arrow-left-position);
  position: absolute;
  right: var(--arrow-right-position);
  transform: rotate(45deg);
  width: var(--arrow-width)
}

.hero-block-image[data-v-68762497] {
  --image-height: 455px;
  --default-image-width: 1120;
  --default-image-width-mobile: 768;
  --aspect-ratio-width: var(--default-image-width-mobile)/var(--default-image-width);
  --image-width-desktop: 1120px;
  --image-width-mobile: calc(var(--image-width-desktop)*var(--aspect-ratio-width))
}

@media (min-width:992px) {
  .hero-block-image[data-v-68762497] {
    --image-height: 664px
  }
}

.hero-block-image .container[data-v-68762497] {
  height: 0;
  padding-bottom: calc(var(--image-height) - var(--corner64));
  position: relative
}

.hero-block-image .container .image[data-v-68762497] {
  height: calc(100% + var(--corner64));
  left: 0;
  margin: 0 auto;
  min-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: var(--image-width-mobile)
}

@media (min-width:992px) {
  .hero-block-image .container .image[data-v-68762497] {
    width: var(--image-width-desktop)
  }
}

.hero-block-form[data-v-2bbdfc3b] {
  --bottom-aside: calc(var(--corner64)/2);
  margin: 0 auto calc(var(--bottom-aside)*-1);
  max-width: 448px
}

@media (min-width:992px) {
  .hero-block-form[data-v-2bbdfc3b] {
    margin-right: 0
  }
}

.image-block[data-v-d1a52a9c] {
  display: flex;
  flex-direction: column;
  width: 100%
}

.image-block .divider56[data-v-d1a52a9c] {
  height: 56px
}

.image-block .button-wrap[data-v-d1a52a9c] {
  margin-top: 56px;
  order: 1
}

@media (min-width:768px) {
  .image-block .button-wrap[data-v-d1a52a9c] {
    margin-bottom: 80px;
    margin-top: 24px;
    order: 0
  }
}

.image-container .img[data-v-d1a52a9c] {
  display: block;
  height: auto;
  margin: 0 auto;
  order: 0;
  width: 100%
}

@media (min-width:768px) {
  .image-container .img[data-v-d1a52a9c] {
    max-width: 704px;
    order: 1
  }
}

.image-block.medium .image-container .img[data-v-d1a52a9c] {
  max-width: 288px
}

@media (min-width:768px) {
  .image-block.medium .image-container .img[data-v-d1a52a9c] {
    max-width: 704px
  }
}

@media (min-width:992px) {
  .image-block.medium .image-container .img[data-v-d1a52a9c] {
    max-width: 100%
  }
}

.image-block.large .image-container .img[data-v-d1a52a9c] {
  min-width: 768px
}

.perspective-wrap[data-v-d0e839b6] {
  align-items: center;
  display: flex;
  justify-content: center;
  perspective: 1000px;
  width: 100%
}

.image-grid[data-v-d0e839b6],
.perspective-wrap[data-v-d0e839b6] {
  height: 600px;
  position: relative
}

.image-grid[data-v-d0e839b6] {
  --border: 1px solid var(--kitColorPrimaryDark);
  background-color: var(--purple955);
  border: var(--border);
  border-radius: 24px;
  display: grid;
  font-family: var(--fontRoboto);
  grid-gap: 0;
  grid-template-areas: "sidebar header header header" "sidebar contactshead workspacehead profile" "sidebar contacts workspace profile" "sidebar contacts workspace profile";
  grid-template-columns: 174px 236px 356px 234px;
  grid-template-rows: 56px 48px 48px auto;
  margin: auto;
  width: 1000px
}

.image-grid>*[data-v-d0e839b6] {
  border-left: var(--border);
  border-top: var(--border)
}

.image-grid[data-v-d0e839b6]>:first-child {
  border-left: none;
  border-top: none
}

.image-grid .playButton[data-v-d0e839b6] {
  align-items: center;
  align-self: center;
  background-color: rgba(0, 0, 0, .8);
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  height: 100px;
  justify-content: center;
  justify-self: center;
  position: absolute;
  transition: all .5s ease;
  width: 100px;
  z-index: 20
}

.image-grid .playButton[data-v-d0e839b6]:hover {
  transform: scale(1.08)
}

.image-grid .playButton .playIcon[data-v-d0e839b6] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJwbGF5IiBkPSJtMy45LDE4LjlsMCwtMTMuOGMwLC0xLjYgMS43LC0yLjYgMywtMS44bDEyLDYuOWMxLjQsMC44IDEuNCwyLjkgMCwzLjdsLTEyLDYuOWMtMS4zLDAuNyAtMywtMC4zIC0zLC0xLjl6Ii8+CiA8L2c+Cjwvc3ZnPg==);
  background-position: 50%;
  background-size: cover;
  color: #fff;
  height: 40px;
  width: 40px
}

.image-grid .sidebar[data-v-d0e839b6] {
  grid-area: sidebar
}

.image-grid .header[data-v-d0e839b6] {
  border-top: none;
  grid-area: header
}

.image-grid .contactshead[data-v-d0e839b6] {
  grid-area: contactshead
}

.image-grid .contacts[data-v-d0e839b6] {
  border-top: none;
  grid-area: contacts
}

.image-grid .workspacehead[data-v-d0e839b6] {
  grid-area: workspacehead
}

.image-grid .workspace[data-v-d0e839b6] {
  grid-area: workspace
}

.image-grid .profile[data-v-d0e839b6] {
  grid-area: profile
}

.image-grid .sidebar[data-v-d0e839b6] {
  border: none;
  overflow: hidden;
  padding: 12px 18px;
  position: relative
}

.image-grid .sidebar .sidebar-logo[data-v-d0e839b6] {
  color: var(--kitColorPrimaryDark);
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 24px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.image-grid .sidebar .sidebar-logo img[data-v-d0e839b6] {
  margin-right: 8px
}

.image-grid .sidebar .sidebar-nav[data-v-d0e839b6] {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.image-grid .sidebar .sidebar-nav .sidebar-item[data-v-d0e839b6] {
  color: var(--kitColorPrimaryDark);
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  margin-bottom: 12px
}

.image-grid .sidebar .sidebar-nav .sidebar-item.active[data-v-d0e839b6] {
  color: var(--kitColorPrimaryDefault)
}

.image-grid .sidebar .sidebar-nav .sidebar-item.active[data-v-d0e839b6]:before {
  background-color: var(--kitColorPrimaryDefault);
  border-radius: 100px;
  content: "";
  display: block;
  height: 30px;
  left: -2px;
  position: absolute;
  top: 391px;
  width: 4px
}

.image-grid .sidebar .sidebar-nav .sidebar-item img[data-v-d0e839b6] {
  margin-right: 8px
}

.image-grid .sidebar .sidebar-nav .sidebar-line[data-v-d0e839b6] {
  background-color: var(--kitColorPrimaryDark);
  height: 1px;
  margin-bottom: 12px;
  max-width: 138px
}

.image-grid .header[data-v-d0e839b6] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 12px 8px
}

.image-grid .header .title[data-v-d0e839b6] {
  color: #fff;
  font-size: 16px;
  line-height: 19px
}

.image-grid .header .hero-bar[data-v-d0e839b6] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 284px
}

.image-grid .header .hero-bar .ready[data-v-d0e839b6] {
  color: #fff;
  font-size: 11px;
  line-height: 13px
}

.image-grid .header .hero-bar .ready[data-v-d0e839b6]:before {
  background-color: #7acc90;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 4px;
  width: 8px
}

.image-grid .header .hero-bar .toggler[data-v-d0e839b6] {
  align-items: center;
  background-color: hsla(0, 0%, 100%, .08);
  border-radius: 100px;
  display: flex;
  height: 26px;
  justify-content: space-between;
  padding: 6px 8px;
  position: relative;
  width: 104px
}

.image-grid .header .hero-bar .toggler .toggler-text[data-v-d0e839b6] {
  color: #5e6366;
  font-size: 10px;
  line-height: 12px;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.image-grid .header .hero-bar .toggler .toggler-toggle[data-v-d0e839b6] {
  flex-basis: 20px;
  flex-shrink: 0;
  max-width: 20px;
  position: relative
}

.image-grid .header .hero-bar .toggler .toggler-toggle span[data-v-d0e839b6] {
  display: block;
  position: absolute;
  transform: translateY(-50%)
}

.image-grid .header .hero-bar .toggler .toggler-toggle span[data-v-d0e839b6]:first-child {
  background-color: hsla(0, 0%, 100%, .4);
  border-radius: 100px;
  height: 10px;
  right: 0;
  width: 20px
}

.image-grid .header .hero-bar .toggler .toggler-toggle span[data-v-d0e839b6]:nth-child(2) {
  background-color: #7acc90;
  border-radius: 50%;
  height: 14px;
  right: -3px;
  width: 14px
}

.image-grid .contactshead[data-v-d0e839b6] {
  padding: 8px
}

.image-grid .contactshead[data-v-d0e839b6],
.image-grid .contactshead .select[data-v-d0e839b6] {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.image-grid .contactshead .select[data-v-d0e839b6] {
  border: var(--border);
  border-radius: 100px;
  color: var(--kitColorGray40Prc);
  font-size: 11px;
  height: 24px;
  line-height: 13px;
  padding: 4px 8px;
  width: 106px
}

.image-grid .contactshead .select[data-v-d0e839b6]:after {
  border: 3px solid transparent;
  border-top: 4px solid #919699;
  content: "";
  display: block;
  margin-bottom: -2px
}

.image-grid .contacts[data-v-d0e839b6] {
  overflow: hidden
}

.image-grid .contacts li[data-v-d0e839b6]:nth-child(2) {
  height: 0
}

.image-grid .contacts li:nth-child(2) .message[data-v-d0e839b6] {
  opacity: 0;
  transform: translateY(-10px) scale(.8)
}

.image-grid .contacts .message-spacer[data-v-d0e839b6] {
  overflow: hidden
}

.image-grid .contacts .call[data-v-d0e839b6] {
  align-items: center;
  border-bottom: var(--border);
  display: flex;
  justify-content: space-between;
  padding: 18px 8px
}

.image-grid .contacts .call .call-contact[data-v-d0e839b6] {
  color: var(--kitColorGray40Prc);
  font-size: 11px;
  line-height: 13px
}

.image-grid .contacts .call .call-contact img[data-v-d0e839b6] {
  margin-right: 8px
}

.image-grid .contacts .call .call-status[data-v-d0e839b6] {
  color: var(--kitColorGray40Prc);
  font-size: 8px;
  line-height: 9px
}

.image-grid .contacts .call .call-status img[data-v-d0e839b6] {
  margin-left: 8px
}

.image-grid .contacts .message[data-v-d0e839b6] {
  border-bottom: var(--border);
  display: flex;
  flex-direction: column;
  height: 64px;
  justify-content: space-between;
  padding: 8px
}

.image-grid .contacts .message .message-head[data-v-d0e839b6] {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.image-grid .contacts .message .message-head .message-contact[data-v-d0e839b6] {
  align-items: center;
  color: #5e6366;
  display: flex;
  font-size: 11px;
  line-height: 13px
}

.image-grid .contacts .message .message-head .message-contact .name[data-v-d0e839b6] {
  align-items: center;
  background: #367bf5;
  border-radius: 50%;
  color: var(--white);
  display: flex;
  font-size: 11px;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
  position: relative;
  text-align: center;
  width: 24px
}

.image-grid .contacts .message .message-head .message-contact .name[data-v-d0e839b6]:before {
  background: #7acc90;
  border: 1px solid #000;
  border-radius: 100%;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: 6px;
  position: absolute;
  right: 0;
  width: 6px
}

.image-grid .contacts .message .message-head .message-contact .name.red[data-v-d0e839b6] {
  background-color: #ea7e75
}

.image-grid .contacts .message .message-head .message-contact .name.orange[data-v-d0e839b6] {
  background-color: #f3aa18
}

.image-grid .contacts .message .message-head .message-contact .name.magento[data-v-d0e839b6] {
  background-color: #7c4dff
}

.image-grid .contacts .message .message-head .message-contact .name.green[data-v-d0e839b6] {
  background-color: #47c9b3
}

.image-grid .contacts .message .message-head .message-contact .name.blue[data-v-d0e839b6] {
  background-color: #367bf5
}

.image-grid .contacts .message .message-head .message-contact .name.pink[data-v-d0e839b6] {
  background-color: #ea75d0
}

.image-grid .contacts .message .message-head .message-status[data-v-d0e839b6] {
  color: #5e6366;
  font-size: 8px;
  line-height: 9px
}

.image-grid .contacts .message .message-head .message-status img[data-v-d0e839b6] {
  margin-left: 4px
}

.image-grid .contacts .message .message-text[data-v-d0e839b6] {
  display: flex
}

.image-grid .contacts .message .message-text img[data-v-d0e839b6] {
  flex-shrink: 0
}

.image-grid .contacts .message .message-text span[data-v-d0e839b6] {
  color: var(--kitColorPrimaryDark);
  font-size: 9px;
  line-height: 11px;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.image-grid .contacts .message .message-text img[data-v-d0e839b6] {
  margin-right: 8px
}

.image-grid .contacts .message .message-text .eclipse[data-v-d0e839b6] {
  display: inline-block;
  line-height: 11px
}

.image-grid .contacts .message .message-text .eclipse span[data-v-d0e839b6] {
  background-color: var(--kitColorPrimaryDark);
  border-radius: 50%;
  display: inline-block;
  height: 3px;
  margin-right: 4px;
  width: 3px
}

.image-grid .workspacehead[data-v-d0e839b6] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px
}

.image-grid .workspacehead .phone[data-v-d0e839b6] {
  color: #5e6366;
  font-size: 11px;
  line-height: 13px
}

.image-grid .workspacehead .filter[data-v-d0e839b6],
.image-grid .workspacehead .filter .select[data-v-d0e839b6] {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.image-grid .workspacehead .filter .select[data-v-d0e839b6] {
  background-color: hsla(0, 0%, 100%, .08);
  border-radius: 100px;
  color: #919699;
  font-size: 10px;
  height: 24px;
  line-height: 12px;
  padding: 2px 20px 2px 2px;
  position: relative;
  width: 111px
}

.image-grid .workspacehead .filter .select[data-v-d0e839b6]:after {
  border: 3px solid transparent;
  border-top: 4px solid #919699;
  content: "";
  display: block;
  margin-bottom: -8px;
  position: absolute;
  right: 8px;
  transform: translateY(-50%)
}

.image-grid .workspacehead .filter .checkbox[data-v-d0e839b6] {
  background-color: hsla(0, 0%, 100%, .08);
  border-radius: 5px;
  display: flex;
  height: 20px;
  margin-left: 8px;
  width: 20px
}

.image-grid .workspacehead .filter .checkbox img[data-v-d0e839b6] {
  margin: auto
}

.image-grid .workspace[data-v-d0e839b6] {
  position: relative
}

.image-grid .workspace .call-card[data-v-d0e839b6] {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  z-index: 10
}

.image-grid .workspace .call-card .card-description[data-v-d0e839b6] {
  text-align: center
}

.image-grid .workspace .call-card .card-description .card-title[data-v-d0e839b6] {
  color: var(--kitColorGray90Prc);
  font-size: 11px;
  line-height: 13px
}

.image-grid .workspace .call-card .card-description .card-time[data-v-d0e839b6] {
  color: var(--kitColorPrimaryDefault);
  font-size: 9px;
  line-height: 11px
}

.image-grid .workspace .call-card .button-block[data-v-d0e839b6] {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.image-grid .workspace .call-card .card-button[data-v-d0e839b6] {
  align-items: center;
  background-color: var(--kitColorPrimaryDefault);
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  line-height: 12px;
  width: 116px
}

.image-grid .workspace .ghost[data-v-d0e839b6] {
  background: radial-gradient(42.79% 78.9% at 78.13% 63.25%, #46209e 0, rgba(35, 15, 81, 0) 100%);
  border-radius: 16px;
  position: absolute;
  transform: translate(16px, 16px);
  z-index: 5
}

.image-grid .workspace .call-1[data-v-d0e839b6] {
  height: 158px;
  left: 60px;
  padding: 20px 36px;
  top: 16px;
  width: 232px
}

.image-grid .workspace .call-2[data-v-d0e839b6] {
  height: 194px;
  left: 12px;
  padding: 20px 28px;
  top: 190px;
  width: 172px
}

.image-grid .workspace .checkbox[data-v-d0e839b6] {
  align-items: center;
  background-color: var(--kitColorPrimaryDefault);
  border-radius: 12px;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 300px;
  position: absolute;
  top: 16px;
  width: 40px;
  z-index: 10
}

.image-grid .workspace .statistics[data-v-d0e839b6] {
  background-color: #3f3d56;
  height: 130px;
  left: 212px;
  padding: 16px;
  top: 202px;
  width: 440px
}

.image-grid .workspace .statistics.ghost[data-v-d0e839b6] {
  background: #3f3d56;
  opacity: .2;
  transform: translate(8px, 8px)
}

.image-grid .workspace .statistics .statistics-grid[data-v-d0e839b6] {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 136px 161px 112px;
  grid-template-rows: 42px 56px
}

.image-grid .workspace .statistics .statistics-grid .stat-2[data-v-d0e839b6],
.image-grid .workspace .statistics .statistics-grid .stat-3[data-v-d0e839b6] {
  border-left: 1px solid #5e6366
}

.image-grid .workspace .statistics .statistics-grid .stat-2[data-v-d0e839b6],
.image-grid .workspace .statistics .statistics-grid .stat-3[data-v-d0e839b6],
.image-grid .workspace .statistics .statistics-grid .stat-5[data-v-d0e839b6],
.image-grid .workspace .statistics .statistics-grid .stat-6[data-v-d0e839b6] {
  padding-left: 26px
}

.image-grid .workspace .statistics .statistics-grid .stat-4[data-v-d0e839b6],
.image-grid .workspace .statistics .statistics-grid .stat-5[data-v-d0e839b6],
.image-grid .workspace .statistics .statistics-grid .stat-6[data-v-d0e839b6] {
  align-self: end
}

.image-grid .workspace .statistics .statistics-grid .descr[data-v-d0e839b6] {
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 2px;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.image-grid .workspace .statistics .statistics-grid .time[data-v-d0e839b6] {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px
}

.image-grid .workspace .statistics .statistics-grid ul>li[data-v-d0e839b6] {
  color: #fff;
  font-size: 11px;
  line-height: 13px
}

.image-grid .workspace .statistics .statistics-grid ul>li[data-v-d0e839b6]:not(:last-of-type) {
  margin-bottom: 8px
}

.image-grid .workspace .statistics .statistics-grid ul>li[data-v-d0e839b6]:before {
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 4px;
  width: 8px
}

.image-grid .workspace .statistics .statistics-grid ul>li.green[data-v-d0e839b6]:before {
  background-color: #7acc90
}

.image-grid .workspace .statistics .statistics-grid ul>li.blue[data-v-d0e839b6]:before {
  background-color: #367bf5
}

.image-grid .workspace .statistics .statistics-grid ul>li.gray[data-v-d0e839b6]:before {
  background-color: #78909c
}

.image-grid .workspace .statistics .statistics-grid ul>li.indigo[data-v-d0e839b6]:before {
  background-color: #5fcde5
}

.image-grid .workspace .statistics .statistics-grid ul>li.orange[data-v-d0e839b6]:before {
  background-color: #f3aa18
}

.image-grid .workspace .statistics .statistics-grid ul>li.red[data-v-d0e839b6]:before {
  background-color: #ea7e75
}

.image-grid .image-grid[data-v-d0e839b6]:hover {
  display: none
}

.image-grid .profile[data-v-d0e839b6] {
  padding: 12px
}

.image-grid .profile .profile-block[data-v-d0e839b6] {
  background-color: hsla(0, 0%, 100%, .05);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 12px
}

.image-grid .profile .profile-block .profile-header[data-v-d0e839b6] {
  color: var(--kitColorGray40Prc);
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 24px
}

.image-grid .profile .profile-block .profile-header img[data-v-d0e839b6] {
  margin-right: 8px
}

.image-grid .profile .profile-block ul[data-v-d0e839b6] {
  margin-bottom: 28px
}

.image-grid .profile .profile-block ul li[data-v-d0e839b6] {
  margin-bottom: 12px
}

.image-grid .profile .profile-block ul li .description[data-v-d0e839b6] {
  color: var(--kitColorPrimaryDark);
  font-size: 9px;
  line-height: 11px;
  margin-bottom: 4px
}

.image-grid .profile .profile-block ul li .text[data-v-d0e839b6] {
  color: #5e6366;
  font-size: 11px;
  line-height: 13px
}

.image-grid .profile .profile-block .profile-footer[data-v-d0e839b6] {
  color: #5e6366;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px
}

.wrapper[data-v-10749191] {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 1
}

.wrapper[data-v-10749191],
.wrapper .workspace[data-v-10749191] {
  height: 100%;
  position: relative
}

.wrapper .workspace[data-v-10749191] {
  display: grid;
  width: 350px
}

.wrapper .workspace .playButton[data-v-10749191] {
  align-items: center;
  background-color: rgba(0, 0, 0, .8);
  border-radius: 100%;
  box-shadow: 0 3px 10px #000;
  cursor: pointer;
  display: flex;
  height: 70px;
  justify-content: center;
  justify-self: center;
  margin-top: 100px;
  position: absolute;
  transition: all .5s ease;
  width: 70px;
  z-index: 20
}

.wrapper .workspace .playButton[data-v-10749191]:hover {
  transform: scale(1.08)
}

.wrapper .workspace .playButton .playIcon[data-v-10749191] {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJwbGF5IiBkPSJtMy45LDE4LjlsMCwtMTMuOGMwLC0xLjYgMS43LC0yLjYgMywtMS44bDEyLDYuOWMxLjQsMC44IDEuNCwyLjkgMCwzLjdsLTEyLDYuOWMtMS4zLDAuNyAtMywtMC4zIC0zLC0xLjl6Ii8+CiA8L2c+Cjwvc3ZnPg==) 50%;
  background-size: cover;
  color: #fff;
  height: 30px;
  width: 30px
}

.wrapper .workspace .call-card[data-v-10749191] {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  z-index: 10
}

.wrapper .workspace .call-card .card-description[data-v-10749191] {
  text-align: center
}

.wrapper .workspace .call-card .card-description .card-title[data-v-10749191] {
  color: var(--kitColorGray90Prc);
  font-size: 11px;
  line-height: 13px
}

.wrapper .workspace .call-card .card-description .card-time[data-v-10749191] {
  color: var(--kitColorPrimaryDefault);
  font-size: 9px;
  line-height: 11px
}

.wrapper .workspace .call-card .button-block[data-v-10749191] {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.wrapper .workspace .call-card .card-button[data-v-10749191] {
  align-items: center;
  background-color: var(--kitColorPrimaryDefault);
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  line-height: 12px;
  width: 116px
}

.wrapper .workspace .ghost[data-v-10749191] {
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(31, 28, 40, .04);
  position: absolute;
  transform: translate(16px, 16px);
  z-index: 5
}

.wrapper .workspace .call-1[data-v-10749191] {
  height: 134px;
  left: 35px;
  padding: 12px 20px;
  width: 192px
}

.wrapper .workspace .call-2[data-v-10749191] {
  box-shadow: 0 4px 8px rgba(31, 28, 40, .04);
  height: 194px;
  left: 2px;
  padding: 20px 28px;
  top: 144px;
  width: 172px
}

.wrapper .workspace .checkbox[data-v-10749191] {
  align-items: center;
  background-color: var(--kitColorPrimaryDefault);
  border-radius: 12px;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 235px;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 10
}

.tab-list[data-v-d307ec9e] {
  --tab-active-text: var(--white);
  --tab-bg: #662eff
}

.tab-list.light[data-v-d307ec9e] {
  --scrollbar-shadow: linear-gradient(90deg, transparent, var(--white))
}

.tab-list.light[data-v-d307ec9e],
.tab-list.light-bg[data-v-d307ec9e] {
  --tab-text: var(--gray800);
  --tab-title: var(--gray900)
}

.tab-list.light-bg[data-v-d307ec9e] {
  --scrollbar-shadow: linear-gradient(90deg, transparent, var(--light-bg))
}

.tab-list.dark[data-v-d307ec9e] {
  --scrollbar-shadow: linear-gradient(90deg, transparent, var(--purple955));
  --tab-text: var(--white);
  --tab-title: var(--white)
}

.tab-list.center[data-v-d307ec9e] {
  --scrollbar-shadow: transparent
}

.tab-wrapper[data-v-d307ec9e] {
  display: grid;
  grid-template-areas: "header" "body";
  grid-template-columns: 100%;
  grid-template-rows: minmax(0, min-content) minmax(0, 100%);
  position: relative
}

@media (min-width:768px) {
  .tab-wrapper[data-v-d307ec9e] {
    grid-template-areas: "header body";
    grid-template-columns: minmax(0, min-content) minmax(0, 100%);
    grid-template-rows: 100%
  }
}

.center .tab-wrapper[data-v-d307ec9e] {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content
}

.tab-wrapper[data-v-d307ec9e]:after {
  background: var(--scrollbar-shadow);
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

@media (min-width:768px) {
  .tab-wrapper[data-v-d307ec9e]:after {
    width: 160px
  }
}

.tab-wrapper .header[data-v-d307ec9e] {
  align-items: center;
  display: flex;
  grid-area: header
}

.tab-wrapper .header .title[data-v-d307ec9e] {
  color: var(--tab-title);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: var(--pad24);
  margin-right: 0;
  min-width: 160px
}

@media (min-width:768px) {
  .tab-wrapper .header .title[data-v-d307ec9e] {
    margin-bottom: 0;
    margin-right: var(--pad24)
  }
}

.tab-wrapper .body[data-v-d307ec9e] {
  align-items: baseline;
  display: flex;
  grid-area: body;
  position: relative
}

.tab-list.large .tab-wrapper[data-v-d307ec9e] {
  background-color: transparent;
  height: max-content;
  padding: 0 16px;
  position: absolute;
  top: -90px;
  -webkit-transition: .4s;
  width: 100%;
  z-index: 100
}

@media (min-width:768px) {
  .tab-list.large .tab-wrapper[data-v-d307ec9e] {
    padding: 0 32px;
    top: -196px
  }
}

.tab-list.large .tab-wrapper .body[data-v-d307ec9e] {
  background-color: var(--gray200);
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(31, 28, 40, .08);
  margin: 0 auto;
  max-width: 343px;
  padding: 4px
}

@media (min-width:768px) {
  .tab-list.large .tab-wrapper .body[data-v-d307ec9e] {
    border-radius: 24px;
    max-width: 704px;
    padding: 8px
  }
}

@media (min-width:992px) {
  .tab-list.large .tab-wrapper .body[data-v-d307ec9e] {
    max-width: 800px
  }
}

.tab-list .tab-scrollbar[data-v-d307ec9e] {
  overflow: auto
}

.tab-list .tab-scrollbar[data-v-d307ec9e]::-webkit-scrollbar {
  height: 0;
  width: 0
}

.tab-list .content[data-v-d307ec9e] {
  margin-top: var(--pad24)
}

@media (min-width:768px) {
  .tab-list .content[data-v-d307ec9e] {
    margin-top: var(--pad40)
  }
}

.tab-list.large .content[data-v-d307ec9e] {
  margin-top: 0
}

.tab-list .tab[data-v-d307ec9e] {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  outline: none;
  position: relative
}

.tab-list .tab[data-v-d307ec9e]:before {
  background-color: transparent;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: right .5s ease, background-color .5s ease, box-shadow .5s ease;
  width: 100%
}

.tab-list .tab.is-active[data-v-d307ec9e]:before {
  background-color: var(--tab-bg)
}

.tab-list .tab .icon[data-v-d307ec9e] {
  height: 0;
  margin-right: 5px;
  padding-bottom: 24px;
  position: relative;
  width: 24px
}

.tab-list .tab .icon img[data-v-d307ec9e] {
  height: 100%;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

.tab-list .tab span[data-v-d307ec9e] {
  color: var(--tab-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative
}

.tab-list .tab span.description[data-v-d307ec9e] {
  color: var(--gray700);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.tab-list .tab.is-active span[data-v-d307ec9e] {
  color: var(--tab-active-text)
}

.tab-list.round .tab[data-v-d307ec9e] {
  border-radius: 100px;
  padding: 6px var(--pad16)
}

.tab-list.round .tab[data-v-d307ec9e]:before {
  border-radius: 100px
}

.tab-list.square .tab[data-v-d307ec9e] {
  border-radius: 6px;
  padding: 7px 11px
}

.tab-list.square .tab[data-v-d307ec9e]:before {
  border-radius: 6px
}

.tab-list.large .tab[data-v-d307ec9e] {
  align-items: flex-start;
  background-color: var(--gray200);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px;
  padding: 12px
}

@media (min-width:375px) {
  .tab-list.large .tab[data-v-d307ec9e] {
    white-space: nowrap
  }
}

@media (min-width:768px) {
  .tab-list.large .tab[data-v-d307ec9e] {
    padding: 24px;
    white-space: normal
  }
}

.tab-list.large .tab[data-v-d307ec9e]:before {
  background-color: var(--gray200);
  border-radius: 8px;
  transition: background-color .5s ease
}

@media (min-width:768px) {
  .tab-list.large .tab[data-v-d307ec9e]:before {
    border-radius: 24px
  }
}

.tab-list.large .tab[data-v-d307ec9e]:active,
.tab-list.large .tab[data-v-d307ec9e]:focus,
.tab-list.large .tab[data-v-d307ec9e]:hover {
  border-radius: 8px
}

@media (min-width:768px) {

  .tab-list.large .tab[data-v-d307ec9e]:active,
  .tab-list.large .tab[data-v-d307ec9e]:focus,
  .tab-list.large .tab[data-v-d307ec9e]:hover {
    border-radius: 24px
  }
}

.tab-list.large .tab[data-v-d307ec9e]:active:before,
.tab-list.large .tab[data-v-d307ec9e]:focus:before,
.tab-list.large .tab[data-v-d307ec9e]:hover:before {
  background-color: var(--gray100);
  border-radius: 8px;
  transition: background-color .5s ease
}

@media (min-width:768px) {

  .tab-list.large .tab[data-v-d307ec9e]:active:before,
  .tab-list.large .tab[data-v-d307ec9e]:focus:before,
  .tab-list.large .tab[data-v-d307ec9e]:hover:before {
    border-radius: 24px
  }
}

.tab-list.large .tab .toggle-group[data-v-d307ec9e] {
  align-items: flex-start;
  display: flex;
  grid-gap: 8px;
  gap: 8px
}

@media (min-width:375px) {
  .tab-list.large .tab .toggle-group[data-v-d307ec9e] {
    align-items: center
  }
}

.tab-list.large .tab .toggle-group img[data-v-d307ec9e] {
  height: auto;
  width: 24px;
  z-index: 1
}

@media (min-width:768px) {
  .tab-list.large .tab .toggle-group img[data-v-d307ec9e] {
    align-items: center;
    height: auto;
    width: 40px
  }
}

.tab-list.large .tab span[data-v-d307ec9e] {
  color: var(--gray900);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  text-align: left
}

@media (min-width:768px) {
  .tab-list.large .tab span[data-v-d307ec9e] {
    font-size: 20px;
    line-height: 28px;
    text-align: center
  }
}

.tab-list.large .tab span.description[data-v-d307ec9e] {
  color: var(--gray700);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left
}

.tab-list.large .tab.is-active[data-v-d307ec9e] {
  background-color: #fff;
  border-radius: 8px
}

.tab-list.large .tab.is-active[data-v-d307ec9e]:before {
  background-color: #fff;
  transition: right .5s ease, background-color .5s ease, box-shadow .5s ease
}

@media (min-width:768px) {
  .tab-list.large .tab.is-active[data-v-d307ec9e] {
    border-radius: 24px
  }
}

.tab-list .list[data-v-d307ec9e] {
  display: flex;
  flex-flow: row nowrap
}

.tab-list .list .item[data-v-d307ec9e] {
  white-space: nowrap
}

.tab-list.left .list[data-v-d307ec9e] {
  flex: 1 1 100%
}

.tab-list.center .list[data-v-d307ec9e] {
  justify-content: center;
  margin: 0 auto
}

.tab-list.square .list[data-v-d307ec9e] {
  background: #29134d;
  border-radius: 6px;
  padding: 4px
}

.tab-list.large .list[data-v-d307ec9e] {
  grid-gap: 8px;
  gap: 8px
}

.tab-list.large .list .item[data-v-d307ec9e] {
  max-width: 388px;
  white-space: normal
}

.icons[data-v-648a7114] {
  display: flex;
  flex-wrap: wrap
}

.icons .icon[data-v-648a7114] {
  border-radius: 50%;
  flex-shrink: 0;
  height: 60px;
  width: 60px
}

.person[data-v-fe6ed450] {
  display: flex
}

.person .avatar[data-v-fe6ed450] {
  margin-right: 14px;
  width: 46px
}

.person .avatar img[data-v-fe6ed450] {
  background-color: var(--white);
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.person .name[data-v-fe6ed450] {
  color: var(--title-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.person .position[data-v-fe6ed450] {
  color: var(--title-color);
  font-size: 14px;
  line-height: 20px
}

.form-thx[data-v-63a97fef] {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center
}

.form-thx.dark[data-v-63a97fef] {
  color: var(--white)
}

.form-thx>div[data-v-63a97fef] {
  align-self: auto;
  flex: 0 1 auto
}

.form-thx .img[data-v-63a97fef] {
  display: block;
  margin: 0 auto var(--pad24);
  width: 100%
}

@media (min-width:500px) {
  .form-thx .img[data-v-63a97fef] {
    width: 288px
  }
}

.form-thx .text[data-v-63a97fef],
.form-thx .title[data-v-63a97fef] {
  text-align: center
}

.form-thx .text[data-v-63a97fef] {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: var(--pad40);
  padding: 0
}

.form-thx .text[data-v-63a97fef]:last-child {
  margin-bottom: 0
}

.form-thx .buttons[data-v-63a97fef] {
  display: grid;
  grid-row-gap: var(--pad16)
}

@media (min-width:768px) {
  .form-thx .buttons[data-v-63a97fef] {
    display: flex
  }
}

.form-thx .buttons button[data-v-63a97fef] {
  margin-right: var(--pad16)
}

.vti__flag {
  width: 20px
}

.vti__flag.be {
  width: 18px
}

.vti__flag.ch {
  width: 15px
}

.vti__flag.mc {
  width: 19px
}

.vti__flag.ne {
  width: 18px
}

.vti__flag.np {
  width: 13px
}

.vti__flag.va {
  width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .vti__flag {
    background-size: 5630px 15px
  }
}

.vti__flag.ac {
  height: 10px;
  background-position: 0 0
}

.vti__flag.ad {
  height: 14px;
  background-position: -22px 0
}

.vti__flag.ae {
  height: 10px;
  background-position: -44px 0
}

.vti__flag.af {
  height: 14px;
  background-position: -66px 0
}

.vti__flag.ag {
  height: 14px;
  background-position: -88px 0
}

.vti__flag.ai {
  height: 10px;
  background-position: -110px 0
}

.vti__flag.al {
  height: 15px;
  background-position: -132px 0
}

.vti__flag.am {
  height: 10px;
  background-position: -154px 0
}

.vti__flag.ao {
  height: 14px;
  background-position: -176px 0
}

.vti__flag.aq {
  height: 14px;
  background-position: -198px 0
}

.vti__flag.ar {
  height: 13px;
  background-position: -220px 0
}

.vti__flag.as {
  height: 10px;
  background-position: -242px 0
}

.vti__flag.at {
  height: 14px;
  background-position: -264px 0
}

.vti__flag.au {
  height: 10px;
  background-position: -286px 0
}

.vti__flag.aw {
  height: 14px;
  background-position: -308px 0
}

.vti__flag.ax {
  height: 13px;
  background-position: -330px 0
}

.vti__flag.az {
  height: 10px;
  background-position: -352px 0
}

.vti__flag.ba {
  height: 10px;
  background-position: -374px 0
}

.vti__flag.bb {
  height: 14px;
  background-position: -396px 0
}

.vti__flag.bd {
  height: 12px;
  background-position: -418px 0
}

.vti__flag.be {
  height: 15px;
  background-position: -440px 0
}

.vti__flag.bf {
  height: 14px;
  background-position: -460px 0
}

.vti__flag.bg {
  height: 12px;
  background-position: -482px 0
}

.vti__flag.bh {
  height: 12px;
  background-position: -504px 0
}

.vti__flag.bi {
  height: 12px;
  background-position: -526px 0
}

.vti__flag.bj {
  height: 14px;
  background-position: -548px 0
}

.vti__flag.bl {
  height: 14px;
  background-position: -570px 0
}

.vti__flag.bm {
  height: 10px;
  background-position: -592px 0
}

.vti__flag.bn {
  height: 10px;
  background-position: -614px 0
}

.vti__flag.bo {
  height: 14px;
  background-position: -636px 0
}

.vti__flag.bq {
  height: 14px;
  background-position: -658px 0
}

.vti__flag.br {
  height: 14px;
  background-position: -680px 0
}

.vti__flag.bs {
  height: 10px;
  background-position: -702px 0
}

.vti__flag.bt {
  height: 14px;
  background-position: -724px 0
}

.vti__flag.bv {
  height: 15px;
  background-position: -746px 0
}

.vti__flag.bw {
  height: 14px;
  background-position: -768px 0
}

.vti__flag.by {
  height: 10px;
  background-position: -790px 0
}

.vti__flag.bz {
  height: 14px;
  background-position: -812px 0
}

.vti__flag.ca {
  height: 10px;
  background-position: -834px 0
}

.vti__flag.cc {
  height: 10px;
  background-position: -856px 0
}

.vti__flag.cd {
  height: 15px;
  background-position: -878px 0
}

.vti__flag.cf {
  height: 14px;
  background-position: -900px 0
}

.vti__flag.cg {
  height: 14px;
  background-position: -922px 0
}

.vti__flag.ch {
  height: 15px;
  background-position: -944px 0
}

.vti__flag.ci {
  height: 14px;
  background-position: -961px 0
}

.vti__flag.ck {
  height: 10px;
  background-position: -983px 0
}

.vti__flag.cl {
  height: 14px;
  background-position: -1005px 0
}

.vti__flag.cm {
  height: 14px;
  background-position: -1027px 0
}

.vti__flag.cn {
  height: 14px;
  background-position: -1049px 0
}

.vti__flag.co {
  height: 14px;
  background-position: -1071px 0
}

.vti__flag.cp {
  height: 14px;
  background-position: -1093px 0
}

.vti__flag.cr {
  height: 12px;
  background-position: -1115px 0
}

.vti__flag.cu {
  height: 10px;
  background-position: -1137px 0
}

.vti__flag.cv {
  height: 12px;
  background-position: -1159px 0
}

.vti__flag.cw {
  height: 14px;
  background-position: -1181px 0
}

.vti__flag.cx {
  height: 10px;
  background-position: -1203px 0
}

.vti__flag.cy {
  height: 14px;
  background-position: -1225px 0
}

.vti__flag.cz {
  height: 14px;
  background-position: -1247px 0
}

.vti__flag.de {
  height: 12px;
  background-position: -1269px 0
}

.vti__flag.dg {
  height: 10px;
  background-position: -1291px 0
}

.vti__flag.dj {
  height: 14px;
  background-position: -1313px 0
}

.vti__flag.dk {
  height: 15px;
  background-position: -1335px 0
}

.vti__flag.dm {
  height: 10px;
  background-position: -1357px 0
}

.vti__flag.do {
  height: 13px;
  background-position: -1379px 0
}

.vti__flag.dz {
  height: 14px;
  background-position: -1401px 0
}

.vti__flag.ea {
  height: 14px;
  background-position: -1423px 0
}

.vti__flag.ec {
  height: 14px;
  background-position: -1445px 0
}

.vti__flag.ee {
  height: 13px;
  background-position: -1467px 0
}

.vti__flag.eg {
  height: 14px;
  background-position: -1489px 0
}

.vti__flag.eh {
  height: 10px;
  background-position: -1511px 0
}

.vti__flag.er {
  height: 10px;
  background-position: -1533px 0
}

.vti__flag.es {
  height: 14px;
  background-position: -1555px 0
}

.vti__flag.et {
  height: 10px;
  background-position: -1577px 0
}

.vti__flag.eu {
  height: 14px;
  background-position: -1599px 0
}

.vti__flag.fi {
  height: 12px;
  background-position: -1621px 0
}

.vti__flag.fj {
  height: 10px;
  background-position: -1643px 0
}

.vti__flag.fk {
  height: 10px;
  background-position: -1665px 0
}

.vti__flag.fm {
  height: 11px;
  background-position: -1687px 0
}

.vti__flag.fo {
  height: 15px;
  background-position: -1709px 0
}

.vti__flag.fr {
  height: 14px;
  background-position: -1731px 0
}

.vti__flag.ga {
  height: 15px;
  background-position: -1753px 0
}

.vti__flag.gb {
  height: 10px;
  background-position: -1775px 0
}

.vti__flag.gd {
  height: 12px;
  background-position: -1797px 0
}

.vti__flag.ge {
  height: 14px;
  background-position: -1819px 0
}

.vti__flag.gf {
  height: 14px;
  background-position: -1841px 0
}

.vti__flag.gg {
  height: 14px;
  background-position: -1863px 0
}

.vti__flag.gh {
  height: 14px;
  background-position: -1885px 0
}

.vti__flag.gi {
  height: 10px;
  background-position: -1907px 0
}

.vti__flag.gl {
  height: 14px;
  background-position: -1929px 0
}

.vti__flag.gm {
  height: 14px;
  background-position: -1951px 0
}

.vti__flag.gn {
  height: 14px;
  background-position: -1973px 0
}

.vti__flag.gp {
  height: 14px;
  background-position: -1995px 0
}

.vti__flag.gq {
  height: 14px;
  background-position: -2017px 0
}

.vti__flag.gr {
  height: 14px;
  background-position: -2039px 0
}

.vti__flag.gs {
  height: 10px;
  background-position: -2061px 0
}

.vti__flag.gt {
  height: 13px;
  background-position: -2083px 0
}

.vti__flag.gu {
  height: 11px;
  background-position: -2105px 0
}

.vti__flag.gw {
  height: 10px;
  background-position: -2127px 0
}

.vti__flag.gy {
  height: 12px;
  background-position: -2149px 0
}

.vti__flag.hk {
  height: 14px;
  background-position: -2171px 0
}

.vti__flag.hm {
  height: 10px;
  background-position: -2193px 0
}

.vti__flag.hn {
  height: 10px;
  background-position: -2215px 0
}

.vti__flag.hr {
  height: 10px;
  background-position: -2237px 0
}

.vti__flag.ht {
  height: 12px;
  background-position: -2259px 0
}

.vti__flag.hu {
  height: 10px;
  background-position: -2281px 0
}

.vti__flag.ic {
  height: 14px;
  background-position: -2303px 0
}

.vti__flag.id {
  height: 14px;
  background-position: -2325px 0
}

.vti__flag.ie {
  height: 10px;
  background-position: -2347px 0
}

.vti__flag.il {
  height: 15px;
  background-position: -2369px 0
}

.vti__flag.im {
  height: 10px;
  background-position: -2391px 0
}

.vti__flag.in {
  height: 14px;
  background-position: -2413px 0
}

.vti__flag.io {
  height: 10px;
  background-position: -2435px 0
}

.vti__flag.iq {
  height: 14px;
  background-position: -2457px 0
}

.vti__flag.ir {
  height: 12px;
  background-position: -2479px 0
}

.vti__flag.is {
  height: 15px;
  background-position: -2501px 0
}

.vti__flag.it {
  height: 14px;
  background-position: -2523px 0
}

.vti__flag.je {
  height: 12px;
  background-position: -2545px 0
}

.vti__flag.jm {
  height: 10px;
  background-position: -2567px 0
}

.vti__flag.jo {
  height: 10px;
  background-position: -2589px 0
}

.vti__flag.jp {
  height: 14px;
  background-position: -2611px 0
}

.vti__flag.ke {
  height: 14px;
  background-position: -2633px 0
}

.vti__flag.kg {
  height: 12px;
  background-position: -2655px 0
}

.vti__flag.kh {
  height: 13px;
  background-position: -2677px 0
}

.vti__flag.ki {
  height: 10px;
  background-position: -2699px 0
}

.vti__flag.km {
  height: 12px;
  background-position: -2721px 0
}

.vti__flag.kn {
  height: 14px;
  background-position: -2743px 0
}

.vti__flag.kp {
  height: 10px;
  background-position: -2765px 0
}

.vti__flag.kr {
  height: 14px;
  background-position: -2787px 0
}

.vti__flag.kw {
  height: 10px;
  background-position: -2809px 0
}

.vti__flag.ky {
  height: 10px;
  background-position: -2831px 0
}

.vti__flag.kz {
  height: 10px;
  background-position: -2853px 0
}

.vti__flag.la {
  height: 14px;
  background-position: -2875px 0
}

.vti__flag.lb {
  height: 14px;
  background-position: -2897px 0
}

.vti__flag.lc {
  height: 10px;
  background-position: -2919px 0
}

.vti__flag.li {
  height: 12px;
  background-position: -2941px 0
}

.vti__flag.lk {
  height: 10px;
  background-position: -2963px 0
}

.vti__flag.lr {
  height: 11px;
  background-position: -2985px 0
}

.vti__flag.ls {
  height: 14px;
  background-position: -3007px 0
}

.vti__flag.lt {
  height: 12px;
  background-position: -3029px 0
}

.vti__flag.lu {
  height: 12px;
  background-position: -3051px 0
}

.vti__flag.lv {
  height: 10px;
  background-position: -3073px 0
}

.vti__flag.ly {
  height: 10px;
  background-position: -3095px 0
}

.vti__flag.ma {
  height: 14px;
  background-position: -3117px 0
}

.vti__flag.mc {
  height: 15px;
  background-position: -3139px 0
}

.vti__flag.md {
  height: 10px;
  background-position: -3160px 0
}

.vti__flag.me {
  height: 10px;
  background-position: -3182px 0
}

.vti__flag.mf {
  height: 14px;
  background-position: -3204px 0
}

.vti__flag.mg {
  height: 14px;
  background-position: -3226px 0
}

.vti__flag.mh {
  height: 11px;
  background-position: -3248px 0
}

.vti__flag.mk {
  height: 10px;
  background-position: -3270px 0
}

.vti__flag.ml {
  height: 14px;
  background-position: -3292px 0
}

.vti__flag.mm {
  height: 14px;
  background-position: -3314px 0
}

.vti__flag.mn {
  height: 10px;
  background-position: -3336px 0
}

.vti__flag.mo {
  height: 14px;
  background-position: -3358px 0
}

.vti__flag.mp {
  height: 10px;
  background-position: -3380px 0
}

.vti__flag.mq {
  height: 14px;
  background-position: -3402px 0
}

.vti__flag.mr {
  height: 14px;
  background-position: -3424px 0
}

.vti__flag.ms {
  height: 10px;
  background-position: -3446px 0
}

.vti__flag.mt {
  height: 14px;
  background-position: -3468px 0
}

.vti__flag.mu {
  height: 14px;
  background-position: -3490px 0
}

.vti__flag.mv {
  height: 14px;
  background-position: -3512px 0
}

.vti__flag.mw {
  height: 14px;
  background-position: -3534px 0
}

.vti__flag.mx {
  height: 12px;
  background-position: -3556px 0
}

.vti__flag.my {
  height: 10px;
  background-position: -3578px 0
}

.vti__flag.mz {
  height: 14px;
  background-position: -3600px 0
}

.vti__flag.na {
  height: 14px;
  background-position: -3622px 0
}

.vti__flag.nc {
  height: 10px;
  background-position: -3644px 0
}

.vti__flag.ne {
  height: 15px;
  background-position: -3666px 0
}

.vti__flag.nf {
  height: 10px;
  background-position: -3686px 0
}

.vti__flag.ng {
  height: 10px;
  background-position: -3708px 0
}

.vti__flag.ni {
  height: 12px;
  background-position: -3730px 0
}

.vti__flag.nl {
  height: 14px;
  background-position: -3752px 0
}

.vti__flag.no {
  height: 15px;
  background-position: -3774px 0
}

.vti__flag.np {
  height: 15px;
  background-position: -3796px 0
}

.vti__flag.nr {
  height: 10px;
  background-position: -3811px 0
}

.vti__flag.nu {
  height: 10px;
  background-position: -3833px 0
}

.vti__flag.nz {
  height: 10px;
  background-position: -3855px 0
}

.vti__flag.om {
  height: 10px;
  background-position: -3877px 0
}

.vti__flag.pa {
  height: 14px;
  background-position: -3899px 0
}

.vti__flag.pe {
  height: 14px;
  background-position: -3921px 0
}

.vti__flag.pf {
  height: 14px;
  background-position: -3943px 0
}

.vti__flag.pg {
  height: 15px;
  background-position: -3965px 0
}

.vti__flag.ph {
  height: 10px;
  background-position: -3987px 0
}

.vti__flag.pk {
  height: 14px;
  background-position: -4009px 0
}

.vti__flag.pl {
  height: 13px;
  background-position: -4031px 0
}

.vti__flag.pm {
  height: 14px;
  background-position: -4053px 0
}

.vti__flag.pn {
  height: 10px;
  background-position: -4075px 0
}

.vti__flag.pr {
  height: 14px;
  background-position: -4097px 0
}

.vti__flag.ps {
  height: 10px;
  background-position: -4119px 0
}

.vti__flag.pt {
  height: 14px;
  background-position: -4141px 0
}

.vti__flag.pw {
  height: 13px;
  background-position: -4163px 0
}

.vti__flag.py {
  height: 11px;
  background-position: -4185px 0
}

.vti__flag.qa {
  height: 8px;
  background-position: -4207px 0
}

.vti__flag.re {
  height: 14px;
  background-position: -4229px 0
}

.vti__flag.ro {
  height: 14px;
  background-position: -4251px 0
}

.vti__flag.rs {
  height: 14px;
  background-position: -4273px 0
}

.vti__flag.ru {
  height: 14px;
  background-position: -4295px 0
}

.vti__flag.rw {
  height: 14px;
  background-position: -4317px 0
}

.vti__flag.sa {
  height: 14px;
  background-position: -4339px 0
}

.vti__flag.sb {
  height: 10px;
  background-position: -4361px 0
}

.vti__flag.sc {
  height: 10px;
  background-position: -4383px 0
}

.vti__flag.sd {
  height: 10px;
  background-position: -4405px 0
}

.vti__flag.se {
  height: 13px;
  background-position: -4427px 0
}

.vti__flag.sg {
  height: 14px;
  background-position: -4449px 0
}

.vti__flag.sh {
  height: 10px;
  background-position: -4471px 0
}

.vti__flag.si {
  height: 10px;
  background-position: -4493px 0
}

.vti__flag.sj {
  height: 15px;
  background-position: -4515px 0
}

.vti__flag.sk {
  height: 14px;
  background-position: -4537px 0
}

.vti__flag.sl {
  height: 14px;
  background-position: -4559px 0
}

.vti__flag.sm {
  height: 15px;
  background-position: -4581px 0
}

.vti__flag.sn {
  height: 14px;
  background-position: -4603px 0
}

.vti__flag.so {
  height: 14px;
  background-position: -4625px 0
}

.vti__flag.sr {
  height: 14px;
  background-position: -4647px 0
}

.vti__flag.ss {
  height: 10px;
  background-position: -4669px 0
}

.vti__flag.st {
  height: 10px;
  background-position: -4691px 0
}

.vti__flag.sv {
  height: 12px;
  background-position: -4713px 0
}

.vti__flag.sx {
  height: 14px;
  background-position: -4735px 0
}

.vti__flag.sy {
  height: 14px;
  background-position: -4757px 0
}

.vti__flag.sz {
  height: 14px;
  background-position: -4779px 0
}

.vti__flag.ta {
  height: 10px;
  background-position: -4801px 0
}

.vti__flag.tc {
  height: 10px;
  background-position: -4823px 0
}

.vti__flag.td {
  height: 14px;
  background-position: -4845px 0
}

.vti__flag.tf {
  height: 14px;
  background-position: -4867px 0
}

.vti__flag.tg {
  height: 13px;
  background-position: -4889px 0
}

.vti__flag.th {
  height: 14px;
  background-position: -4911px 0
}

.vti__flag.tj {
  height: 10px;
  background-position: -4933px 0
}

.vti__flag.tk {
  height: 10px;
  background-position: -4955px 0
}

.vti__flag.tl {
  height: 10px;
  background-position: -4977px 0
}

.vti__flag.tm {
  height: 14px;
  background-position: -4999px 0
}

.vti__flag.tn {
  height: 14px;
  background-position: -5021px 0
}

.vti__flag.to {
  height: 10px;
  background-position: -5043px 0
}

.vti__flag.tr {
  height: 14px;
  background-position: -5065px 0
}

.vti__flag.tt {
  height: 12px;
  background-position: -5087px 0
}

.vti__flag.tv {
  height: 10px;
  background-position: -5109px 0
}

.vti__flag.tw {
  height: 14px;
  background-position: -5131px 0
}

.vti__flag.tz {
  height: 14px;
  background-position: -5153px 0
}

.vti__flag.ua {
  height: 14px;
  background-position: -5175px 0
}

.vti__flag.ug {
  height: 14px;
  background-position: -5197px 0
}

.vti__flag.um {
  height: 11px;
  background-position: -5219px 0
}

.vti__flag.us {
  height: 11px;
  background-position: -5241px 0
}

.vti__flag.uy {
  height: 14px;
  background-position: -5263px 0
}

.vti__flag.uz {
  height: 10px;
  background-position: -5285px 0
}

.vti__flag.va {
  height: 15px;
  background-position: -5307px 0
}

.vti__flag.vc {
  height: 14px;
  background-position: -5324px 0
}

.vti__flag.ve {
  height: 14px;
  background-position: -5346px 0
}

.vti__flag.vg {
  height: 10px;
  background-position: -5368px 0
}

.vti__flag.vi {
  height: 14px;
  background-position: -5390px 0
}

.vti__flag.vn {
  height: 14px;
  background-position: -5412px 0
}

.vti__flag.vu {
  height: 12px;
  background-position: -5434px 0
}

.vti__flag.wf {
  height: 14px;
  background-position: -5456px 0
}

.vti__flag.ws {
  height: 10px;
  background-position: -5478px 0
}

.vti__flag.xk {
  height: 15px;
  background-position: -5500px 0
}

.vti__flag.ye {
  height: 14px;
  background-position: -5522px 0
}

.vti__flag.yt {
  height: 14px;
  background-position: -5544px 0
}

.vti__flag.za {
  height: 14px;
  background-position: -5566px 0
}

.vti__flag.zm {
  height: 14px;
  background-position: -5588px 0
}

.vti__flag.zw {
  height: 10px;
  background-position: -5610px 0
}




.vti__flag.np {
  background-color: transparent
}

.vue-tel-input {
  border-radius: 3px;
  display: flex;
  border: 1px solid #bbb;
  text-align: left
}

.vue-tel-input.disabled .dropdown,
.vue-tel-input.disabled .selection,
.vue-tel-input.disabled input {
  cursor: no-drop
}

.vue-tel-input:focus-within {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  border-color: #66afe9
}

.vti__dropdown {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: relative;
  padding: 7px;
  cursor: pointer
}

.vti__dropdown.show {
  max-height: 300px;
  overflow: scroll
}

.vti__dropdown.open {
  background-color: #f3f3f3
}

.vti__dropdown:hover {
  background-color: #f3f3f3
}

.vti__selection {
  font-size: .8em;
  display: flex;
  align-items: center
}

.vti__selection .vti__country-code {
  color: #666
}

.vti__flag {
  margin-right: 5px;
  margin-left: 5px
}

.vti__dropdown-list {
  z-index: 1;
  padding: 0;
  margin: 0;
  text-align: left;
  list-style: none;
  max-height: 200px;
  overflow-y: scroll;
  position: absolute;
  left: -1px;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 390px
}

.vti__dropdown-list.below {
  top: 33px
}

.vti__dropdown-list.above {
  top: auto;
  bottom: 100%
}

.vti__dropdown-arrow {
  transform: scaleY(.5);
  display: inline-block;
  color: #666
}

.vti__dropdown-item {
  cursor: pointer;
  padding: 4px 15px
}

.vti__dropdown-item.highlighted {
  background-color: #f3f3f3
}

.vti__dropdown-item.last-preferred {
  border-bottom: 1px solid #cacaca
}

.vti__dropdown-item .vti__flag {
  display: inline-block;
  margin-right: 5px
}

.vti__input {
  border: none;
  border-radius: 0 2px 2px 0;
  width: 100%;
  outline: 0;
  padding-left: 7px
}