@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;600;700&display=swap";

.dark-theme .account-details__user-info[data-v-e277e980] {
  --property-title-color: #fff;
  --property-text-color: #B1A3BF
}

.account-details__avatar[data-v-e277e980] {
  display: flex;
  align-items: center
}

.account-details__user-info[data-v-e277e980] {
  margin-left: 8px;
  --property-title-color: #141117;
  --property-text-color: #B1A3BF;
  --property-title-font-size: 18px;
  --property-title-line-height: 25px;
  --property-text-font-size: 14px;
  --property-text-line-height: 20px
}

@media (min-width: 768px) {
  .account-details__user-info[data-v-e277e980] {
    --property-title-font-size: 14px;
    --property-title-line-height: 20px;
    --property-text-font-size: 10px;
    --property-text-line-height: 14px
  }
}

.account-details__links[data-v-e277e980] {
  --navigation-link-align-items: center;
  --navigation-link-padding: 12px 0;
  display: flex;
  flex-direction: column
}

.account-details__balance[data-v-e277e980] {
  margin-bottom: 16px;
  --property-title-font-size: 10px;
  --property-text-font-size: 18px;
  --property-title-line-height: 14px;
  --property-text-line-height: 25px
}

@media (max-width: 767px) {
  .account-details__balance[data-v-e277e980] {
    --property-title-font-size: 14px;
    --property-title-line-height: 20px;
    --property-text-font-size: 24px;
    --property-text-line-height: 30px;
    --property-text-font-weight: 600
  }
}

.account-details__logout-btn[data-v-e277e980] {
  margin-top: 36px;
  --button-width: 100%
}

.account-details__session-info[data-v-e277e980] {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  display: none
}

.account-details__info[data-v-e277e980] {
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  color: #b1a3bf
}

.account-details__info[data-v-e277e980]:not(:last-child) {
  margin-bottom: 8px
}

.sidebar[data-v-b5a486c3] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--sidebar-padding, 24px 32px);
  z-index: var(--sidebar-z-index);
  background: var(--sidebar-background, #fff)
}

.dark-theme .sidebar[data-v-b5a486c3] {
  background: var(--sidebar-background, #211C25)
}

.dark-theme .sidebar__close-btn[data-v-b5a486c3] {
  color: var(--sidebar-close-btn-color, #fff)
}

.sidebar__content[data-v-b5a486c3] {
  position: relative
}

.sidebar__close-btn[data-v-b5a486c3] {
  --button-width: 20px;
  --button-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--sidebar-close-btn-color, #151217)
}

.sidebar-enter-active[data-v-b5a486c3],
.sidebar-leave-active[data-v-b5a486c3] {
  transition: opacity .2s, transform .2s
}

.sidebar-enter-to[data-v-b5a486c3],
.sidebar-leave-from[data-v-b5a486c3] {
  opacity: 1;
  transform: translate(0)
}

.sidebar-enter-from[data-v-b5a486c3],
.sidebar-leave-to[data-v-b5a486c3] {
  opacity: 0;
  transform: translate(-100%)
}

@font-face {
  font-family: alfabit;
  src: url(../../fonts/icons/alfabit.eot@e00lgk.html);
  src: url(../../fonts/icons/alfabit.eot@e00lgk.html) format("embedded-opentype"), url(../../fonts/icons/alfabit.ttf@e00lgk) format("truetype"), url(../../fonts/icons/alfabit.woff@e00lgk) format("woff"), url(../../fonts/icons/alfabit.svg@e00lgk) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class^=icon-],
[class*=" icon-"] {
  font-family: alfabit !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-wait:before {
  content: ""
}

.icon-settings1:before {
  content: ""
}

.icon-bell:before {
  content: ""
}

.icon-delete-stroke:before {
  content: ""
}

.icon-share:before {
  content: ""
}

.icon-attach:before {
  content: ""
}

.icon-edit:before {
  content: ""
}

.icon-edit2:before {
  content: ""
}

.icon-external-link:before {
  content: ""
}

.icon-toggle:before {
  content: ""
}

.icon-rotate:before {
  content: ""
}

.icon-touch:before {
  content: ""
}

.icon-face:before {
  content: ""
}

.icon-add:before {
  content: ""
}

.icon-burger:before {
  content: ""
}

.icon-calendar:before {
  content: ""
}

.icon-close:before {
  content: ""
}

.icon-copy:before {
  content: ""
}

.icon-delete-fill:before {
  content: ""
}

.icon-download:before {
  content: ""
}

.icon-exit:before {
  content: ""
}

.icon-forward:before {
  content: ""
}

.icon-link:before {
  content: ""
}

.icon-menu:before {
  content: ""
}

.icon-qrcode:before {
  content: ""
}

.icon-list:before {
  content: ""
}

.icon-search:before {
  content: ""
}

.icon-sign-in:before {
  content: ""
}

.icon-stretch:before {
  content: ""
}

.icon-grid:before {
  content: ""
}

.icon-info-circle:before {
  content: ""
}

.icon-image:before {
  content: ""
}

.icon-pulse:before {
  content: ""
}

.icon-planet:before {
  content: ""
}

.icon-error:before {
  content: ""
}

.icon-success:before {
  content: ""
}

.icon-info:before {
  content: ""
}

.icon-warning:before {
  content: ""
}

.icon-warning2:before {
  content: ""
}

.icon-invalid:before {
  content: ""
}

.icon-info2:before {
  content: ""
}

.icon-assets:before {
  content: ""
}

.icon-card:before {
  content: ""
}

.icon-crypto:before {
  content: ""
}

.icon-2fa:before {
  content: ""
}

.icon-hide-password:before {
  content: ""
}

.icon-open-password:before {
  content: ""
}

.icon-home:before {
  content: ""
}

.icon-help:before {
  content: ""
}

.icon-api-2:before {
  content: ""
}

.icon-api2:before {
  content: ""
}

.icon-box:before {
  content: ""
}

.icon-faq:before {
  content: ""
}

.icon-history:before {
  content: ""
}

.icon-security:before {
  content: ""
}

.icon-services:before {
  content: ""
}

.icon-paper:before {
  content: ""
}

.icon-dashboard:before {
  content: ""
}

.icon-fees:before {
  content: ""
}

.icon-users:before {
  content: ""
}

.icon-account:before {
  content: ""
}

.icon-team:before {
  content: ""
}

.icon-human:before {
  content: ""
}

.icon-human-add:before {
  content: ""
}

.icon-merchant:before {
  content: ""
}

.icon-receipt:before {
  content: ""
}

.icon-settings:before {
  content: ""
}

.icon-wallet:before {
  content: ""
}

.icon-Menu:before {
  content: ""
}

.icon-expand:before {
  content: ""
}

.icon-clear-input:before {
  content: ""
}

.icon-erase:before {
  content: ""
}

.icon-play:before {
  content: ""
}

.icon-valid:before {
  content: ""
}

.icon-question:before {
  content: ""
}

.icon-api:before {
  content: ""
}

.icon-autorenew:before {
  content: ""
}

.icon-cancel:before {
  content: ""
}

.icon-checkmark:before {
  content: ""
}

.icon-check-circle:before {
  content: ""
}

.icon-computer:before {
  content: ""
}

.icon-education:before {
  content: ""
}

.icon-expired:before {
  content: ""
}

.icon-lightning:before {
  content: ""
}

.icon-moon:before {
  content: ""
}

.icon-pause:before {
  content: ""
}

.icon-published-with-changes:before {
  content: ""
}

.icon-time:before {
  content: ""
}

.icon-timelapse:before {
  content: ""
}

.icon-timer:before {
  content: ""
}

.icon-time-read:before {
  content: ""
}

.icon-upload:before {
  content: ""
}

.icon-incognita:before {
  content: ""
}

.icon-external .path1:before {
  content: "";
  color: #ece4fb
}

.icon-external .path2:before {
  content: "";
  margin-left: -1em;
  color: #8a55e9
}

.icon-internal .path1:before {
  content: "";
  color: #ece4fb
}

.icon-internal .path2:before {
  content: "";
  margin-left: -1em;
  color: #8a55e9
}

.icon-triangular-arrow-down:before {
  content: ""
}

.icon-triangular-arrow-left:before {
  content: ""
}

.icon-triangular-arrow-right:before {
  content: ""
}

.icon-triangular-arrow-up:before {
  content: ""
}

.icon-to-top:before {
  content: ""
}

.icon-arrow-receive:before {
  content: ""
}

.icon-arrow-send:before {
  content: ""
}

.icon-arrow-down:before {
  content: ""
}

.icon-arrow-left:before {
  content: ""
}

.icon-arrow-right:before {
  content: ""
}

.icon-arrow-up:before {
  content: ""
}

.icon-caret-down:before {
  content: ""
}

.icon-caret-left:before {
  content: ""
}

.icon-caret-right:before {
  content: ""
}

.icon-caret-up:before {
  content: ""
}

.icon-exchange:before {
  content: ""
}

.icon-refresh:before {
  content: ""
}

.icon-return:before {
  content: ""
}

.icon-sort-desc:before {
  content: ""
}

.icon-sort-asc:before {
  content: ""
}

.icon-chat:before {
  content: ""
}

.icon-alfabit:before {
  content: ""
}

.icon-planet1:before {
  content: ""
}

.icon-mail:before {
  content: ""
}

.icon-send-a-message:before {
  content: ""
}

.icon-star:before {
  content: ""
}

.icon-thumb-down:before {
  content: ""
}

.icon-thumb-up:before {
  content: ""
}

.icon-app-store:before {
  content: ""
}

.icon-google-play:before {
  content: ""
}

.icon-dzen:before {
  content: ""
}

.icon-habr:before {
  content: ""
}

.icon-medium:before {
  content: ""
}

.icon-threads:before {
  content: ""
}

.icon-vc:before {
  content: ""
}

.icon-linked-in:before {
  content: ""
}

.icon-reddit:before {
  content: ""
}

.icon-telegram_2:before {
  content: ""
}

.icon-facebook-square:before {
  content: ""
}

.icon-whatsapp:before {
  content: ""
}

.icon-facebook:before {
  content: ""
}

.icon-instagram:before {
  content: ""
}

.icon-telegram:before {
  content: ""
}

.icon-twitter:before {
  content: ""
}

.icon-vk:before {
  content: ""
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: 700
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

h1 {
  font-size: var(--h1-font-size, 48px);
  font-weight: var(--h1-font-weight, 700);
  line-height: var(--h1-line-height, 59px)
}

h2 {
  font-size: var(--h2-font-size, 40px);
  font-weight: var(--h2-font-weight, 600);
  line-height: var(--h2-line-height, 49px)
}

h3 {
  font-size: var(--h3-font-size, 32px);
  font-weight: var(--h3-font-weight, 600);
  line-height: var(--h3-line-height, 39px)
}

h4 {
  font-size: var(--h4-font-size, 24px);
  font-weight: var(--h4-font-weight, 600);
  line-height: var(--h4-line-height, 29px);
  text-transform: uppercase
}

h5 {
  font-size: var(--h5-font-size, 24px);
  font-weight: var(--h5-font-weight, 600);
  line-height: var(--h5-line-height, 29px)
}

h6 {
  font-size: var(--h6-font-size, 18px);
  font-weight: var(--h6-font-weight, 600);
  line-height: var(--h6-line-height, 22px)
}

a {
  text-decoration: none;
  color: var(--link-color, #8A55E9)
}

a:visited {
  color: var(--link-color, #8A55E9)
}

p {
  margin: 0
}

:root {
  --scrollbar-thumb-background: #E7E7F4
}

::-webkit-scrollbar {
  width: var(--scrollbar-width, 6px);
  box-sizing: content-box;
  background: transparent
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-background);
  border: solid transparent;
  border-width: var(--scrollbar-border-width, 2px);
  background-clip: padding-box;
  border-radius: var(--scrollbar-border-radius, 0)
}

::-webkit-scrollbar-track {
  background: transparent;
  margin-block: var(--scrollbar-track-margin, 0px)
}

body::-webkit-scrollbar,
#app::-webkit-scrollbar,
main::-webkit-scrollbar,
.custom-scroll::-webkit-scrollbar {
  --scrollbar-width: 8px
}

body::-webkit-scrollbar-thumb,
#app::-webkit-scrollbar-thumb,
main::-webkit-scrollbar-thumb,
.custom-scroll::-webkit-scrollbar-thumb {
  --scrollbar-thumb-background: #8A55E9;
  --scrollbar-border-radius: 9999px
}

body::-webkit-scrollbar-track,
#app::-webkit-scrollbar-track,
main::-webkit-scrollbar-track,
.custom-scroll::-webkit-scrollbar-track {
  --scrollbar-track-margin: 4px
}

.dark-theme {
  --scrollbar-thumb-background: #B1A3BF
}

.dark-theme body::-webkit-scrollbar-thumb,
.dark-theme #app::-webkit-scrollbar-thumb,
.dark-theme main::-webkit-scrollbar-thumb {
  --scrollbar-thumb-background: #A674FE
}

i {
  font-size: var(--icon-size, 20px);
  vertical-align: middle;
  color: currentColor
}

.icon--small {
  --icon-size: 12px
}

.icon--big {
  --icon-size: 32px
}

.icon-twitter {
  margin-right: -.1em
}

.icon-telegram {
  margin-left: -.1em
}

.icon-external:before {
  content: "";
  color: #ffeaea
}

.icon-external:after {
  content: "";
  margin-left: -1em;
  color: #ee3232
}

.icon-internal:before {
  content: "";
  color: #d7f4e6
}

.icon-internal:after {
  content: "";
  margin-left: -1em;
  color: #02c076
}

.icon--colorful.icon-success,
.icon--colorful.icon-arrow-receive,
.icon--colorful.icon-computer,
.icon--colorful.icon-valid,
.icon--colorful.icon-check-circle {
  color: #02c076
}

.icon--colorful.icon-autorenew,
.icon--colorful.icon-timelapse {
  color: #675c70
}

.icon--colorful.icon-info,
.icon--colorful.icon-api,
.icon--colorful.icon-arrow-send,
.icon--colorful.icon-lightning,
.icon--colorful.icon-published-with-changes {
  color: #8a55e9
}

.icon--colorful.icon-error,
.icon--colorful.icon-expired,
.icon--colorful.icon-invalid,
.icon--colorful.icon-cancel {
  color: #ee3275
}

.icon--colorful.icon-warning {
  color: #ec7532
}

.icon--colorful.icon-question {
  color: #b1a3bf
}

.icon--shape {
  display: inline-block;
  border-radius: var(--icon-shape-radius, 10px);
  padding: var(--icon-shape-padding, 14px);
  color: var(--icon-shape-color);
  background-color: var(--icon-shape-background, #B1A3BF)
}

.m0 {
  margin: 0
}

.mx0 {
  margin-left: 0;
  margin-right: 0
}

.my0 {
  margin-top: 0;
  margin-bottom: 0
}

.mt0 {
  margin-top: 0
}

.mb0 {
  margin-bottom: 0
}

.ml0 {
  margin-left: 0
}

.mr0 {
  margin-right: 0
}

.p0 {
  padding: 0
}

.px0 {
  padding-left: 0;
  padding-right: 0
}

.py0 {
  padding-top: 0;
  padding-bottom: 0
}

.pt0 {
  padding-top: 0
}

.pb0 {
  padding-bottom: 0
}

.pl0 {
  padding-left: 0
}

.pr0 {
  padding-right: 0
}

.m2 {
  margin: 2px
}

.mx2 {
  margin-left: 2px;
  margin-right: 2px
}

.my2 {
  margin-top: 2px;
  margin-bottom: 2px
}

.mt2 {
  margin-top: 2px
}

.mb2 {
  margin-bottom: 2px
}

.ml2 {
  margin-left: 2px
}

.mr2 {
  margin-right: 2px
}

.p2 {
  padding: 2px
}

.px2 {
  padding-left: 2px;
  padding-right: 2px
}

.py2 {
  padding-top: 2px;
  padding-bottom: 2px
}

.pt2 {
  padding-top: 2px
}

.pb2 {
  padding-bottom: 2px
}

.pl2 {
  padding-left: 2px
}

.pr2 {
  padding-right: 2px
}

.m4 {
  margin: 4px
}

.mx4 {
  margin-left: 4px;
  margin-right: 4px
}

.my4 {
  margin-top: 4px;
  margin-bottom: 4px
}

.mt4 {
  margin-top: 4px
}

.mb4 {
  margin-bottom: 4px
}

.ml4 {
  margin-left: 4px
}

.mr4 {
  margin-right: 4px
}

.p4 {
  padding: 4px
}

.px4 {
  padding-left: 4px;
  padding-right: 4px
}

.py4 {
  padding-top: 4px;
  padding-bottom: 4px
}

.pt4 {
  padding-top: 4px
}

.pb4 {
  padding-bottom: 4px
}

.pl4 {
  padding-left: 4px
}

.pr4 {
  padding-right: 4px
}

.m5 {
  margin: 5px
}

.mx5 {
  margin-left: 5px;
  margin-right: 5px
}

.my5 {
  margin-top: 5px;
  margin-bottom: 5px
}

.mt5 {
  margin-top: 5px
}

.mb5 {
  margin-bottom: 5px
}

.ml5 {
  margin-left: 5px
}

.mr5 {
  margin-right: 5px
}

.p5 {
  padding: 5px
}

.px5 {
  padding-left: 5px;
  padding-right: 5px
}

.py5 {
  padding-top: 5px;
  padding-bottom: 5px
}

.pt5 {
  padding-top: 5px
}

.pb5 {
  padding-bottom: 5px
}

.pl5 {
  padding-left: 5px
}

.pr5 {
  padding-right: 5px
}

.m6 {
  margin: 6px
}

.mx6 {
  margin-left: 6px;
  margin-right: 6px
}

.my6 {
  margin-top: 6px;
  margin-bottom: 6px
}

.mt6 {
  margin-top: 6px
}

.mb6 {
  margin-bottom: 6px
}

.ml6 {
  margin-left: 6px
}

.mr6 {
  margin-right: 6px
}

.p6 {
  padding: 6px
}

.px6 {
  padding-left: 6px;
  padding-right: 6px
}

.py6 {
  padding-top: 6px;
  padding-bottom: 6px
}

.pt6 {
  padding-top: 6px
}

.pb6 {
  padding-bottom: 6px
}

.pl6 {
  padding-left: 6px
}

.pr6 {
  padding-right: 6px
}

.m8 {
  margin: 8px
}

.mx8 {
  margin-left: 8px;
  margin-right: 8px
}

.my8 {
  margin-top: 8px;
  margin-bottom: 8px
}

.mt8 {
  margin-top: 8px
}

.mb8 {
  margin-bottom: 8px
}

.ml8 {
  margin-left: 8px
}

.mr8 {
  margin-right: 8px
}

.p8 {
  padding: 8px
}

.px8 {
  padding-left: 8px;
  padding-right: 8px
}

.py8 {
  padding-top: 8px;
  padding-bottom: 8px
}

.pt8 {
  padding-top: 8px
}

.pb8 {
  padding-bottom: 8px
}

.pl8 {
  padding-left: 8px
}

.pr8 {
  padding-right: 8px
}

.m10 {
  margin: 10px
}

.mx10 {
  margin-left: 10px;
  margin-right: 10px
}

.my10 {
  margin-top: 10px;
  margin-bottom: 10px
}

.mt10 {
  margin-top: 10px
}

.mb10 {
  margin-bottom: 10px
}

.ml10 {
  margin-left: 10px
}

.mr10 {
  margin-right: 10px
}

.p10 {
  padding: 10px
}

.px10 {
  padding-left: 10px;
  padding-right: 10px
}

.py10 {
  padding-top: 10px;
  padding-bottom: 10px
}

.pt10 {
  padding-top: 10px
}

.pb10 {
  padding-bottom: 10px
}

.pl10 {
  padding-left: 10px
}

.pr10 {
  padding-right: 10px
}

.m12 {
  margin: 12px
}

.mx12 {
  margin-left: 12px;
  margin-right: 12px
}

.my12 {
  margin-top: 12px;
  margin-bottom: 12px
}

.mt12 {
  margin-top: 12px
}

.mb12 {
  margin-bottom: 12px
}

.ml12 {
  margin-left: 12px
}

.mr12 {
  margin-right: 12px
}

.p12 {
  padding: 12px
}

.px12 {
  padding-left: 12px;
  padding-right: 12px
}

.py12 {
  padding-top: 12px;
  padding-bottom: 12px
}

.pt12 {
  padding-top: 12px
}

.pb12 {
  padding-bottom: 12px
}

.pl12 {
  padding-left: 12px
}

.pr12 {
  padding-right: 12px
}

.m15 {
  margin: 15px
}

.mx15 {
  margin-left: 15px;
  margin-right: 15px
}

.my15 {
  margin-top: 15px;
  margin-bottom: 15px
}

.mt15 {
  margin-top: 15px
}

.mb15 {
  margin-bottom: 15px
}

.ml15 {
  margin-left: 15px
}

.mr15 {
  margin-right: 15px
}

.p15 {
  padding: 15px
}

.px15 {
  padding-left: 15px;
  padding-right: 15px
}

.py15 {
  padding-top: 15px;
  padding-bottom: 15px
}

.pt15 {
  padding-top: 15px
}

.pb15 {
  padding-bottom: 15px
}

.pl15 {
  padding-left: 15px
}

.pr15 {
  padding-right: 15px
}

.m16 {
  margin: 16px
}

.mx16 {
  margin-left: 16px;
  margin-right: 16px
}

.my16 {
  margin-top: 16px;
  margin-bottom: 16px
}

.mt16 {
  margin-top: 16px
}

.mb16 {
  margin-bottom: 16px
}

.ml16 {
  margin-left: 16px
}

.mr16 {
  margin-right: 16px
}

.p16 {
  padding: 16px
}

.px16 {
  padding-left: 16px;
  padding-right: 16px
}

.py16 {
  padding-top: 16px;
  padding-bottom: 16px
}

.pt16 {
  padding-top: 16px
}

.pb16 {
  padding-bottom: 16px
}

.pl16 {
  padding-left: 16px
}

.pr16 {
  padding-right: 16px
}

.m18 {
  margin: 18px
}

.mx18 {
  margin-left: 18px;
  margin-right: 18px
}

.my18 {
  margin-top: 18px;
  margin-bottom: 18px
}

.mt18 {
  margin-top: 18px
}

.mb18 {
  margin-bottom: 18px
}

.ml18 {
  margin-left: 18px
}

.mr18 {
  margin-right: 18px
}

.p18 {
  padding: 18px
}

.px18 {
  padding-left: 18px;
  padding-right: 18px
}

.py18 {
  padding-top: 18px;
  padding-bottom: 18px
}

.pt18 {
  padding-top: 18px
}

.pb18 {
  padding-bottom: 18px
}

.pl18 {
  padding-left: 18px
}

.pr18 {
  padding-right: 18px
}

.m20 {
  margin: 20px
}

.mx20 {
  margin-left: 20px;
  margin-right: 20px
}

.my20 {
  margin-top: 20px;
  margin-bottom: 20px
}

.mt20 {
  margin-top: 20px
}

.mb20 {
  margin-bottom: 20px
}

.ml20 {
  margin-left: 20px
}

.mr20 {
  margin-right: 20px
}

.p20 {
  padding: 20px
}

.px20 {
  padding-left: 20px;
  padding-right: 20px
}

.py20 {
  padding-top: 20px;
  padding-bottom: 20px
}

.pt20 {
  padding-top: 20px
}

.pb20 {
  padding-bottom: 20px
}

.pl20 {
  padding-left: 20px
}

.pr20 {
  padding-right: 20px
}

.m24 {
  margin: 24px
}

.mx24 {
  margin-left: 24px;
  margin-right: 24px
}

.my24 {
  margin-top: 24px;
  margin-bottom: 24px
}

.mt24 {
  margin-top: 24px
}

.mb24 {
  margin-bottom: 24px
}

.ml24 {
  margin-left: 24px
}

.mr24 {
  margin-right: 24px
}

.p24 {
  padding: 24px
}

.px24 {
  padding-left: 24px;
  padding-right: 24px
}

.py24 {
  padding-top: 24px;
  padding-bottom: 24px
}

.pt24 {
  padding-top: 24px
}

.pb24 {
  padding-bottom: 24px
}

.pl24 {
  padding-left: 24px
}

.pr24 {
  padding-right: 24px
}

.m25 {
  margin: 25px
}

.mx25 {
  margin-left: 25px;
  margin-right: 25px
}

.my25 {
  margin-top: 25px;
  margin-bottom: 25px
}

.mt25 {
  margin-top: 25px
}

.mb25 {
  margin-bottom: 25px
}

.ml25 {
  margin-left: 25px
}

.mr25 {
  margin-right: 25px
}

.p25 {
  padding: 25px
}

.px25 {
  padding-left: 25px;
  padding-right: 25px
}

.py25 {
  padding-top: 25px;
  padding-bottom: 25px
}

.pt25 {
  padding-top: 25px
}

.pb25 {
  padding-bottom: 25px
}

.pl25 {
  padding-left: 25px
}

.pr25 {
  padding-right: 25px
}

.m28 {
  margin: 28px
}

.mx28 {
  margin-left: 28px;
  margin-right: 28px
}

.my28 {
  margin-top: 28px;
  margin-bottom: 28px
}

.mt28 {
  margin-top: 28px
}

.mb28 {
  margin-bottom: 28px
}

.ml28 {
  margin-left: 28px
}

.mr28 {
  margin-right: 28px
}

.p28 {
  padding: 28px
}

.px28 {
  padding-left: 28px;
  padding-right: 28px
}

.py28 {
  padding-top: 28px;
  padding-bottom: 28px
}

.pt28 {
  padding-top: 28px
}

.pb28 {
  padding-bottom: 28px
}

.pl28 {
  padding-left: 28px
}

.pr28 {
  padding-right: 28px
}

.m30 {
  margin: 30px
}

.mx30 {
  margin-left: 30px;
  margin-right: 30px
}

.my30 {
  margin-top: 30px;
  margin-bottom: 30px
}

.mt30 {
  margin-top: 30px
}

.mb30 {
  margin-bottom: 30px
}

.ml30 {
  margin-left: 30px
}

.mr30 {
  margin-right: 30px
}

.p30 {
  padding: 30px
}

.px30 {
  padding-left: 30px;
  padding-right: 30px
}

.py30 {
  padding-top: 30px;
  padding-bottom: 30px
}

.pt30 {
  padding-top: 30px
}

.pb30 {
  padding-bottom: 30px
}

.pl30 {
  padding-left: 30px
}

.pr30 {
  padding-right: 30px
}

.m32 {
  margin: 32px
}

.mx32 {
  margin-left: 32px;
  margin-right: 32px
}

.my32 {
  margin-top: 32px;
  margin-bottom: 32px
}

.mt32 {
  margin-top: 32px
}

.mb32 {
  margin-bottom: 32px
}

.ml32 {
  margin-left: 32px
}

.mr32 {
  margin-right: 32px
}

.p32 {
  padding: 32px
}

.px32 {
  padding-left: 32px;
  padding-right: 32px
}

.py32 {
  padding-top: 32px;
  padding-bottom: 32px
}

.pt32 {
  padding-top: 32px
}

.pb32 {
  padding-bottom: 32px
}

.pl32 {
  padding-left: 32px
}

.pr32 {
  padding-right: 32px
}

.m36 {
  margin: 36px
}

.mx36 {
  margin-left: 36px;
  margin-right: 36px
}

.my36 {
  margin-top: 36px;
  margin-bottom: 36px
}

.mt36 {
  margin-top: 36px
}

.mb36 {
  margin-bottom: 36px
}

.ml36 {
  margin-left: 36px
}

.mr36 {
  margin-right: 36px
}

.p36 {
  padding: 36px
}

.px36 {
  padding-left: 36px;
  padding-right: 36px
}

.py36 {
  padding-top: 36px;
  padding-bottom: 36px
}

.pt36 {
  padding-top: 36px
}

.pb36 {
  padding-bottom: 36px
}

.pl36 {
  padding-left: 36px
}

.pr36 {
  padding-right: 36px
}

.m40 {
  margin: 40px
}

.mx40 {
  margin-left: 40px;
  margin-right: 40px
}

.my40 {
  margin-top: 40px;
  margin-bottom: 40px
}

.mt40 {
  margin-top: 40px
}

.mb40 {
  margin-bottom: 40px
}

.ml40 {
  margin-left: 40px
}

.mr40 {
  margin-right: 40px
}

.p40 {
  padding: 40px
}

.px40 {
  padding-left: 40px;
  padding-right: 40px
}

.py40 {
  padding-top: 40px;
  padding-bottom: 40px
}

.pt40 {
  padding-top: 40px
}

.pb40 {
  padding-bottom: 40px
}

.pl40 {
  padding-left: 40px
}

.pr40 {
  padding-right: 40px
}

.m48 {
  margin: 48px
}

.mx48 {
  margin-left: 48px;
  margin-right: 48px
}

.my48 {
  margin-top: 48px;
  margin-bottom: 48px
}

.mt48 {
  margin-top: 48px
}

.mb48 {
  margin-bottom: 48px
}

.ml48 {
  margin-left: 48px
}

.mr48 {
  margin-right: 48px
}

.p48 {
  padding: 48px
}

.px48 {
  padding-left: 48px;
  padding-right: 48px
}

.py48 {
  padding-top: 48px;
  padding-bottom: 48px
}

.pt48 {
  padding-top: 48px
}

.pb48 {
  padding-bottom: 48px
}

.pl48 {
  padding-left: 48px
}

.pr48 {
  padding-right: 48px
}

.m50 {
  margin: 50px
}

.mx50 {
  margin-left: 50px;
  margin-right: 50px
}

.my50 {
  margin-top: 50px;
  margin-bottom: 50px
}

.mt50 {
  margin-top: 50px
}

.mb50 {
  margin-bottom: 50px
}

.ml50 {
  margin-left: 50px
}

.mr50 {
  margin-right: 50px
}

.p50 {
  padding: 50px
}

.px50 {
  padding-left: 50px;
  padding-right: 50px
}

.py50 {
  padding-top: 50px;
  padding-bottom: 50px
}

.pt50 {
  padding-top: 50px
}

.pb50 {
  padding-bottom: 50px
}

.pl50 {
  padding-left: 50px
}

.pr50 {
  padding-right: 50px
}

.m52 {
  margin: 52px
}

.mx52 {
  margin-left: 52px;
  margin-right: 52px
}

.my52 {
  margin-top: 52px;
  margin-bottom: 52px
}

.mt52 {
  margin-top: 52px
}

.mb52 {
  margin-bottom: 52px
}

.ml52 {
  margin-left: 52px
}

.mr52 {
  margin-right: 52px
}

.p52 {
  padding: 52px
}

.px52 {
  padding-left: 52px;
  padding-right: 52px
}

.py52 {
  padding-top: 52px;
  padding-bottom: 52px
}

.pt52 {
  padding-top: 52px
}

.pb52 {
  padding-bottom: 52px
}

.pl52 {
  padding-left: 52px
}

.pr52 {
  padding-right: 52px
}

.m60 {
  margin: 60px
}

.mx60 {
  margin-left: 60px;
  margin-right: 60px
}

.my60 {
  margin-top: 60px;
  margin-bottom: 60px
}

.mt60 {
  margin-top: 60px
}

.mb60 {
  margin-bottom: 60px
}

.ml60 {
  margin-left: 60px
}

.mr60 {
  margin-right: 60px
}

.p60 {
  padding: 60px
}

.px60 {
  padding-left: 60px;
  padding-right: 60px
}

.py60 {
  padding-top: 60px;
  padding-bottom: 60px
}

.pt60 {
  padding-top: 60px
}

.pb60 {
  padding-bottom: 60px
}

.pl60 {
  padding-left: 60px
}

.pr60 {
  padding-right: 60px
}

.m64 {
  margin: 64px
}

.mx64 {
  margin-left: 64px;
  margin-right: 64px
}

.my64 {
  margin-top: 64px;
  margin-bottom: 64px
}

.mt64 {
  margin-top: 64px
}

.mb64 {
  margin-bottom: 64px
}

.ml64 {
  margin-left: 64px
}

.mr64 {
  margin-right: 64px
}

.p64 {
  padding: 64px
}

.px64 {
  padding-left: 64px;
  padding-right: 64px
}

.py64 {
  padding-top: 64px;
  padding-bottom: 64px
}

.pt64 {
  padding-top: 64px
}

.pb64 {
  padding-bottom: 64px
}

.pl64 {
  padding-left: 64px
}

.pr64 {
  padding-right: 64px
}

.mla,
.mra {
  margin-left: auto
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.text-align-left {
  text-align: left
}

.text-align-right {
  text-align: right
}

.text-align-center {
  text-align: center
}

.text-color-black {
  color: #141117
}

.text-color-white {
  color: #fff
}

.text-color-gray {
  color: #b1a3bf
}

.text-color-dark-gray {
  color: #675c70
}

.text-color-purple {
  color: #8a55e9
}

.text-color-light-purple {
  color: #ba95fd
}

.text-color-green {
  color: #02c076
}

.text-color-red {
  color: #ee3232
}

.text-color-blue {
  color: #7b88ff
}

.text-color-orange {
  color: #ec7532
}

.text-clr-black-100 {
  color: #b1a3bf
}

.bg-clr-black-100 {
  background-color: #b1a3bf
}

.text-clr-black-150 {
  color: #675c70
}

.bg-clr-black-150 {
  background-color: #675c70
}

.text-clr-black-200 {
  color: #4f4756
}

.bg-clr-black-200 {
  background-color: #4f4756
}

.text-clr-black-250 {
  color: #3a3142
}

.bg-clr-black-250 {
  background-color: #3a3142
}

.text-clr-black-300 {
  color: #302935
}

.bg-clr-black-300 {
  background-color: #302935
}

.text-clr-black-400 {
  color: #211c25
}

.bg-clr-black-400 {
  background-color: #211c25
}

.text-clr-black-500 {
  color: #141117
}

.bg-clr-black-500 {
  background-color: #141117
}

.text-clr-black {
  color: #141117
}

.bg-clr-black {
  background-color: #141117
}

.text-clr-white-100 {
  color: #fff
}

.bg-clr-white-100 {
  background-color: #fff
}

.text-clr-white-200 {
  color: #f7f7fd
}

.bg-clr-white-200 {
  background-color: #f7f7fd
}

.text-clr-white-500 {
  color: #f2f2fb
}

.bg-clr-white-500 {
  background-color: #f2f2fb
}

.text-clr-white-600 {
  color: #e7e7f4
}

.bg-clr-white-600 {
  background-color: #e7e7f4
}

.text-clr-white-700 {
  color: #dadaeb
}

.bg-clr-white-700 {
  background-color: #dadaeb
}

.text-clr-white {
  color: #f2f2fb
}

.bg-clr-white {
  background-color: #f2f2fb
}

.text-clr-purple-50 {
  color: #fdfbff
}

.bg-clr-purple-50 {
  background-color: #fdfbff
}

.text-clr-purple-100 {
  color: #f8f4ff
}

.bg-clr-purple-100 {
  background-color: #f8f4ff
}

.text-clr-purple-150 {
  color: #f2ecff
}

.bg-clr-purple-150 {
  background-color: #f2ecff
}

.text-clr-purple-200 {
  color: #ece4fb
}

.bg-clr-purple-200 {
  background-color: #ece4fb
}

.text-clr-purple-300 {
  color: #ba95fd
}

.bg-clr-purple-300 {
  background-color: #ba95fd
}

.text-clr-purple-400 {
  color: #a674fe
}

.bg-clr-purple-400 {
  background-color: #a674fe
}

.text-clr-purple-500 {
  color: #8a55e9
}

.bg-clr-purple-500 {
  background-color: #8a55e9
}

.text-clr-purple-700 {
  color: #322544
}

.bg-clr-purple-700 {
  background-color: #322544
}

.text-clr-purple-800 {
  color: #271c38
}

.bg-clr-purple-800 {
  background-color: #271c38
}

.text-clr-purple-800-gradient {
  color: linear-gradient(90deg, #271C38 0%, #211C25 100%)
}

.bg-clr-purple-800-gradient {
  background-color: linear-gradient(90deg, #271C38 0%, #211C25 100%)
}

.text-clr-purple {
  color: #8a55e9
}

.bg-clr-purple {
  background-color: #8a55e9
}

.text-clr-martinique-200 {
  color: #787197
}

.bg-clr-martinique-200 {
  background-color: #787197
}

.text-clr-martinique-300 {
  color: #4e4475
}

.bg-clr-martinique-300 {
  background-color: #4e4475
}

.text-clr-martinique-400 {
  color: #423562
}

.bg-clr-martinique-400 {
  background-color: #423562
}

.text-clr-martinique-500 {
  color: #312851
}

.bg-clr-martinique-500 {
  background-color: #312851
}

.text-clr-martinique-600 {
  color: #261e3d
}

.bg-clr-martinique-600 {
  background-color: #261e3d
}

.text-clr-martinique-700 {
  color: #221c37
}

.bg-clr-martinique-700 {
  background-color: #221c37
}

.text-clr-martinique-800 {
  color: #201a34
}

.bg-clr-martinique-800 {
  background-color: #201a34
}

.text-clr-martinique-900 {
  color: #1d1631
}

.bg-clr-martinique-900 {
  background-color: #1d1631
}

.text-clr-martinique {
  color: #312851
}

.bg-clr-martinique {
  background-color: #312851
}

.text-clr-gradient-500 {
  color: linear-gradient(90deg, #7B88FF 0%, #8A55E9 100%)
}

.bg-clr-gradient-500 {
  background-color: linear-gradient(90deg, #7B88FF 0%, #8A55E9 100%)
}

.text-clr-gradient-600 {
  color: linear-gradient(90deg, rgba(123, 136, 255, .8) 0%, rgba(138, 85, 233, .8) 100%)
}

.bg-clr-gradient-600 {
  background-color: linear-gradient(90deg, rgba(123, 136, 255, .8) 0%, rgba(138, 85, 233, .8) 100%)
}

.text-clr-gradient {
  color: linear-gradient(90deg, #7B88FF 0%, #8A55E9 100%)
}

.bg-clr-gradient {
  background-color: linear-gradient(90deg, #7B88FF 0%, #8A55E9 100%)
}

.text-clr-green-100 {
  color: #e0f7ee
}

.bg-clr-green-100 {
  background-color: #e0f7ee
}

.text-clr-green-500 {
  color: #02c076
}

.bg-clr-green-500 {
  background-color: #02c076
}

.text-clr-green-600 {
  color: #284251
}

.bg-clr-green-600 {
  background-color: #284251
}

.text-clr-green-700 {
  color: #122622
}

.bg-clr-green-700 {
  background-color: #122622
}

.text-clr-green-700-gradient {
  color: linear-gradient(90deg, #122622 0%, #211C25 100%)
}

.bg-clr-green-700-gradient {
  background-color: linear-gradient(90deg, #122622 0%, #211C25 100%)
}

.text-clr-green {
  color: #02c076
}

.bg-clr-green {
  background-color: #02c076
}

.text-clr-red-100 {
  color: #fde6ee
}

.bg-clr-red-100 {
  background-color: #fde6ee
}

.text-clr-red-500 {
  color: #ee3275
}

.bg-clr-red-500 {
  background-color: #ee3275
}

.text-clr-red-600 {
  color: #371626
}

.bg-clr-red-600 {
  background-color: #371626
}

.text-clr-red-600-gradient {
  color: linear-gradient(90deg, #371626 0%, #211C25 100%)
}

.bg-clr-red-600-gradient {
  background-color: linear-gradient(90deg, #371626 0%, #211C25 100%)
}

.text-clr-red {
  color: #ee3275
}

.bg-clr-red {
  background-color: #ee3275
}

.text-clr-orange-100 {
  color: #fceee6
}

.bg-clr-orange-100 {
  background-color: #fceee6
}

.text-clr-orange-500 {
  color: #ec7532
}

.bg-clr-orange-500 {
  background-color: #ec7532
}

.text-clr-orange-600 {
  color: #37211b
}

.bg-clr-orange-600 {
  background-color: #37211b
}

.text-clr-orange-600-gradient {
  color: linear-gradient(90deg, #37211B 0%, #211C25 100%)
}

.bg-clr-orange-600-gradient {
  background-color: linear-gradient(90deg, #37211B 0%, #211C25 100%)
}

.text-clr-orange {
  color: #ec7532
}

.bg-clr-orange {
  background-color: #ec7532
}

.text-clr-blue-100 {
  color: #e7f0ff
}

.bg-clr-blue-100 {
  background-color: #e7f0ff
}

.text-clr-blue-200 {
  color: #bcbfe9
}

.bg-clr-blue-200 {
  background-color: #bcbfe9
}

.text-clr-blue-500 {
  color: #7b88ff
}

.bg-clr-blue-500 {
  background-color: #7b88ff
}

.text-clr-blue-600 {
  color: #3d4480
}

.bg-clr-blue-600 {
  background-color: #3d4480
}

.text-clr-blue-700 {
  color: #211f33
}

.bg-clr-blue-700 {
  background-color: #211f33
}

.text-clr-blue-700-gradient {
  color: linear-gradient(90deg, #211F33 0%, #211C25 100%)
}

.bg-clr-blue-700-gradient {
  background-color: linear-gradient(90deg, #211F33 0%, #211C25 100%)
}

.text-clr-blue-900 {
  color: #bcbfe90a
}

.bg-clr-blue-900 {
  background-color: #bcbfe90a
}

.text-clr-blue {
  color: #7b88ff
}

.bg-clr-blue {
  background-color: #7b88ff
}

.text-clr-azure-500 {
  color: #3e77c1
}

.bg-clr-azure-500 {
  background-color: #3e77c1
}

.text-clr-azure {
  color: #3e77c1
}

.bg-clr-azure {
  background-color: #3e77c1
}

.text-small {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px
}

.container {
  width: 100%;
  max-width: var(--container-max-width, 1248px);
  margin: 0 auto;
  padding: var(--container-padding, 0 24px);
  position: relative
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

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

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

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

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important
  }
}

@media (max-width: 767px) {
  .tablet-only {
    display: none !important
  }
}

@media (min-width: 1280px) {
  .tablet-only {
    display: none !important
  }
}

@media (max-width: 767px) {
  .mobile-up {
    display: none !important
  }
}

@media (min-width: 1280px) {
  .to-desktop {
    display: none !important
  }
}

@media (max-width: 1279px) {
  .desktop-only {
    display: none !important
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: all .2s ease
}

.fade-enter-to,
.fade-leave-from {
  opacity: 1
}

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

.shift-enter-active,
.shift-leave-active {
  transition: all .2s ease
}

.shift-enter-to,
.shift-leave-from {
  opacity: 1
}

.shift-enter-from,
.shift-leave-to {
  opacity: 0
}

.shift-enter-from {
  transform: translateY(-15px)
}

.shift-leave-to {
  transform: translateY(15px)
}

.sidebar-enter-active,
.sidebar-leave-active {
  transition: .2s ease;
  transition-property: opacity, right
}

.sidebar-enter-to,
.sidebar-leave-from {
  opacity: 1 !important;
  right: 0 !important
}

.sidebar-enter-from,
.sidebar-leave-to {
  opacity: 0 !important;
  right: -100% !important
}

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

.backdrop-enter-to,
.backdrop-leave-from {
  opacity: .3
}

.backdrop-enter-from,
.backdrop-leave-to {
  opacity: 0
}

.dropdown-enter-to,
.dropdown-leave-from {
  opacity: 1
}

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

.dropdown-enter-from,
.dropdown-leave-to {
  opacity: 0
}

.modal-enter-active,
.modal-leave-active {
  transition: .2s ease-out;
  transition-property: transform, opacity, background-filter
}

.modal-enter-active .a-modal,
.modal-leave-active .a-modal {
  transition: transform .2s ease-out
}

.modal-enter-to,
.modal-leave-from {
  opacity: 1;
  transform: scale(1)
}

.modal-leave-to {
  opacity: 0
}

.modal-leave-to .a-modal {
  transform: scale(.9)
}

.modal-enter-from {
  opacity: 0;
  transform: scale(1.15)
}

.notification-enter-from.left {
  transform: translate(-100%)
}

.notification-enter-from.right {
  transform: translate(100%)
}

.notification-enter-to,
.notification-leave-from {
  opacity: 1
}

.notification-enter-from,
.notification-leave-to {
  opacity: 0
}

.notification-leave-to {
  transform: scale(.9)
}

.ui-hint {
  font-size: var(--hint-font-size, 12px);
  font-weight: var(--hint-font-weight, 400);
  line-height: var(--hint-line-height, 17px);
  position: relative;
  width: var(--hint-width, auto);
  background: var(--hint-background);
  text-align: var(--hint-text-align, center);
  color: var(--hint-color);
  padding: var(--hint-padding, 10px 12px);
  letter-spacing: .05em;
  border-radius: var(--hint-border-radius, 8px);
  z-index: 7000;
  animation: hint-fade-in .2s ease-out forwards;
  pointer-events: none
}

.ui-hint__arrow,
.ui-hint__arrow:before {
  z-index: -1;
  position: absolute;
  width: 9px;
  height: 9px;
  background: inherit
}

.ui-hint__arrow {
  visibility: hidden
}

.ui-hint__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg)
}

.ui-hint[data-popper-placement^=top] .ui-hint__arrow {
  bottom: -4.5px;
  left: -4.5px !important
}

.ui-hint[data-popper-placement^=top] .ui-hint__arrow:before {
  border-bottom-right-radius: 2px
}

.ui-hint[data-popper-placement^=bottom] .ui-hint__arrow {
  top: -4.5px;
  left: -4.5px !important
}

.ui-hint[data-popper-placement^=bottom] .ui-hint__arrow:before {
  border-top-left-radius: 2px
}

.ui-hint[data-popper-placement^=left] .ui-hint__arrow {
  right: 0
}

.ui-hint[data-popper-placement^=left] .ui-hint__arrow:before {
  border-top-right-radius: 2px
}

.ui-hint[data-popper-placement^=right] .ui-hint__arrow {
  left: -9px
}

.ui-hint[data-popper-placement^=right] .ui-hint__arrow:before {
  border-bottom-left-radius: 2px
}

:root,
.light-theme {
  --hint-color: #FFFFFF;
  --hint-background: #3A3142
}

.dark-theme {
  --hint-background: #675C70
}

.ui-hint--leave {
  animation-name: hint-fade-out
}

@keyframes hint-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes hint-fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.Vue-Toastification__container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 600px;
  box-sizing: border-box;
  display: flex;
  min-height: 100%;
  color: #fff;
  flex-direction: column;
  pointer-events: none
}

@media only screen and (min-width : 600px) {

  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 1em
  }

  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 1em;
    flex-direction: column-reverse
  }

  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.bottom-left {
    left: 1em
  }

  .Vue-Toastification__container.top-left .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
    margin-right: auto
  }

  @supports not (-moz-appearance: none) {

    .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
      margin-right: unset;
      margin-left: auto
    }
  }

  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.bottom-right {
    right: 1em
  }

  .Vue-Toastification__container.top-right .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
    margin-left: auto
  }

  @supports not (-moz-appearance: none) {

    .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
      margin-left: unset;
      margin-right: auto
    }
  }

  .Vue-Toastification__container.top-center,
  .Vue-Toastification__container.bottom-center {
    left: 50%;
    margin-left: -300px
  }

  .Vue-Toastification__container.top-center .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width : 600px) {
  .Vue-Toastification__container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0
  }

  .Vue-Toastification__container .Vue-Toastification__toast {
    width: 100%
  }

  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 0
  }

  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 0;
    flex-direction: column-reverse
  }
}

.Vue-Toastification__toast {
  display: inline-flex;
  position: relative;
  max-height: 800px;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 22px 24px;
  border-radius: 8px;
  box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
  justify-content: space-between;
  font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
  max-width: 600px;
  min-width: 326px;
  pointer-events: auto;
  overflow: hidden;
  transform: translateZ(0);
  direction: ltr
}

.Vue-Toastification__toast--rtl {
  direction: rtl
}

.Vue-Toastification__toast--default {
  background-color: #1976d2;
  color: #fff
}

.Vue-Toastification__toast--info {
  background-color: #2196f3;
  color: #fff
}

.Vue-Toastification__toast--success {
  background-color: #4caf50;
  color: #fff
}

.Vue-Toastification__toast--error {
  background-color: #ff5252;
  color: #fff
}

.Vue-Toastification__toast--warning {
  background-color: #ffc107;
  color: #fff
}

@media only screen and (max-width : 600px) {
  .Vue-Toastification__toast {
    border-radius: 0;
    margin-bottom: .5rem
  }
}

.Vue-Toastification__toast-body {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
  white-space: pre-wrap
}

.Vue-Toastification__toast-component-body {
  flex: 1
}

.Vue-Toastification__toast.disable-transition {
  animation: none !important
}

.Vue-Toastification__close-button {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0 0 0 10px;
  cursor: pointer;
  transition: .3s ease;
  align-items: center;
  color: #fff;
  opacity: .3;
  transition: visibility 0s, opacity .2s linear
}

.Vue-Toastification__close-button:hover,
.Vue-Toastification__close-button:focus {
  opacity: 1
}

.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
  opacity: 0
}

.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
  padding-left: unset;
  padding-right: 10px
}

@keyframes scale-x-frames {
  0% {
    transform: scaleX(1)
  }

  to {
    transform: scaleX(0)
  }
}

.Vue-Toastification__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 10000;
  background-color: #ffffffb3;
  transform-origin: left;
  animation: scale-x-frames linear 1 forwards
}

.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
  right: 0;
  left: unset;
  transform-origin: right
}

.Vue-Toastification__icon {
  margin: auto 18px auto 0;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  transition: .3s ease;
  align-items: center;
  width: 20px;
  height: 100%
}

.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
  margin: auto 0 auto 18px
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    transform: translate3d(10px, 0, 0)
  }

  90% {
    transform: translate3d(-5px, 0, 0)
  }

  to {
    transform: none
  }
}

@keyframes bounceOutRight {
  40% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(1000px, 0, 0)
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0)
  }

  75% {
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    transform: translate3d(5px, 0, 0)
  }

  to {
    transform: none
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  75% {
    transform: translate3d(0, 10px, 0)
  }

  90% {
    transform: translate3d(0, -5px, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0)
  }

  75% {
    transform: translate3d(0, -10px, 0)
  }

  90% {
    transform: translate3d(0, 5px, 0)
  }

  to {
    transform: none
  }
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

.Vue-Toastification__bounce-enter-active.top-left,
.Vue-Toastification__bounce-enter-active.bottom-left {
  animation-name: bounceInLeft
}

.Vue-Toastification__bounce-enter-active.top-right,
.Vue-Toastification__bounce-enter-active.bottom-right {
  animation-name: bounceInRight
}

.Vue-Toastification__bounce-enter-active.top-center {
  animation-name: bounceInDown
}

.Vue-Toastification__bounce-enter-active.bottom-center {
  animation-name: bounceInUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left {
  animation-name: bounceOutLeft
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right {
  animation-name: bounceOutRight
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
  animation-name: bounceOutUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
  animation-name: bounceOutDown
}

.Vue-Toastification__bounce-leave-active,
.Vue-Toastification__bounce-enter-active {
  animation-duration: .75s;
  animation-fill-mode: both
}

.Vue-Toastification__bounce-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: .4s
}

.Vue-Toastification__container {
  margin-top: var(--toast-container-margin-top, 119px) !important
}

.Vue-Toastification__toast {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--toast-width, 418px);
  border-radius: var(--toast-border-radius, 16px) !important;
  padding: var(--toast-padding, 16px);
  cursor: pointer
}

@media (max-width: 767px) {
  .Vue-Toastification__toast {
    max-width: var(--toast-width-mobile, 301px) !important;
    align-self: end !important
  }
}

.Vue-Toastification__toast--success {
  background-color: var(--toast-background-success, #D7F4E6) !important;
  color: var(--toast-color-success, #02C076) !important
}

.Vue-Toastification__toast--error {
  background-color: var(--toast-background-error, #FFEAEA) !important;
  color: var(--toast-color-error, #EE3232) !important
}

.Vue-Toastification__toast .exclamation {
  margin-right: 8px
}

.Vue-Toastification__toast .exclamation:before {
  content: ""
}

.Vue-Toastification__toast .check {
  margin-right: 8px
}

.Vue-Toastification__toast .check:before {
  content: ""
}

.Vue-Toastification__toast .close-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: inherit !important;
  visibility: hidden
}

.Vue-Toastification__toast .close-button:before {
  content: "";
  visibility: visible;
  display: block
}

.Vue-Toastification__toast .exclamation,
.Vue-Toastification__toast .check,
.Vue-Toastification__toast .close-button {
  font-size: 20px;
  line-height: 1;
  font-family: alfabit
}

@media (min-width: 1280px) {
  .glow-parent {
    position: relative;
    z-index: 1
  }
}

.glow-effect {
  --x-px: calc(var(--x) * 1px);
  --y-px: calc(var(--y) * 1px)
}

@media (min-width: 1280px) {
  .glow-effect {
    position: relative !important;
    border: 1px solid transparent !important;
    background-clip: padding-box !important;
    overflow: visible !important
  }

  .glow-effect:hover:after {
    opacity: 1
  }

  .glow-effect:before,
  .glow-effect:after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
  }

  .glow-effect:before {
    opacity: 1 !important;
    top: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    left: -1px !important;
    z-index: -1;
    background-color: var(--border-color) !important;
    background-image: radial-gradient(800px circle at var(--x-px) var(--y-px), rgba(255, 255, 255, .3), transparent 40%) !important
  }

  .glow-effect:after {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 3;
    transition: opacity .4s ease;
    background: radial-gradient(800px circle at var(--x-px) var(--y-px), rgba(255, 255, 255, .1), transparent 40%)
  }
}

* {
  box-sizing: border-box
}

body {
  font-size: var(--body-font-size, 14px);
  font-weight: var(--body-font-weight, 500);
  line-height: var(--body-line-height, 20px);
  font-family: var(--body-font-family, "Montserrat", sans-serif);
  background: var(--body-background, #F2F2FB);
  color: var(--body-color, #141117)
}

.dark-theme body {
  background: var(--body-background, #141117);
  color: var(--body-color, #fff)
}

.preload-transitions * {
  transition: none !important
}

img {
  vertical-align: top;
  max-width: 100%;
  max-height: 100%
}

svg {
  vertical-align: top
}

button {
  cursor: pointer
}

button:hover,
button:focus,
button:active,
a:hover,
a:focus,
a:active {
  outline: none
}

button:focus-visible,
a:focus-visible {
  outline: 4px solid var(--outline-color, rgba(138, 85, 233, .24));
  outline-offset: 0px
}

hr {
  margin: 0;
  border: solid #E1E1F0;
  border-width: 0 0 1px 0
}

#nprogress {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9000
}

#nprogress .bar {
  background: var(--nprogress-color, #8A55E9);
  width: 100%;
  height: var(--nprogress-height, 5px);
  border-radius: var(--nprogress-border-radius, 0 3px 3px 0)
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.container {
  width: 100%;
  max-width: var(--container-max-width, 1232px);
  margin: 0 auto;
  padding: var(--container-padding, 0 16px)
}

.container-fluid {
  width: 100%;
  max-width: var(--container-max-width, 1232px);
  margin: 0 auto;
  padding: var(--container-padding, 0 16px);
  --container-max-width: none
}

:root {
  --mobile-navigation-z-index: 1000;
  --header-z-index: 1020;
  --sidebar-z-index: 1035;
  --modal-z-index: 1040;
  --info-banner-z-index: 2;
  --maintenance-overlay-z-index: 1010
}

.swiper {
  max-width: 100%
}

.swiper-slide {
  width: auto !important
}

:root {
  --snackbar-left-offset: 8px;
  --snackbar-right-offset: 8px;
  --snackbar-top-offset: 8px;
  --snackbar-bottom-offset: 8px;
  --navigation-link-color: #fff;
  --navigation-link-soon-color: #675C70;
  --navigation-link-hover-color: #7358B0;
  --navigation-link-active-color: #A674FE;
  --product-color: #A96CFF
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

html,
body {
  font-family: Montserrat, sans-serif;
  --h2-font-size: 24px;
  --h2-font-weight: 700;
  --h2-line-height: 28px
}

@media (min-width: 1280px) {

  html,
  body {
    --h2-font-size: 36px;
    --h2-font-weight: 700;
    --h2-line-height: 41px
  }
}

body {
  background-color: #141117;
  width: 100%
}

hr {
  width: 100%
}

ul,
ol {
  padding-inline-start: 1em
}

.dark-theme hr,
hr.dark-theme {
  border: none;
  border-top: 1px solid #3A3142
}

.light-theme hr,
hr.light-theme {
  border: none;
  border-top: 1px solid #E5E2F3
}

main {
  width: 100%;
  background-color: #141117
}

a,
a:visited {
  text-decoration: none;
  color: #8a55e9
}

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

#snackbar-list {
  display: flex;
  flex-direction: column;
  pointer-events: none;
  position: fixed;
  top: calc(var(--header-height) + var(--snackbar-top-offset));
  bottom: var(--snackbar-bottom-offset);
  left: var(--snackbar-left-offset);
  right: var(--snackbar-right-offset)
}

#snackbar-list.is-right {
  align-items: flex-end
}

#snackbar-list>*:not(:last-child) {
  margin-bottom: 16px
}

#modal-point {
  pointer-events: none;
  top: calc(16px + var(--header-height));
  left: 0;
  right: 0;
  bottom: 0
}

@media (min-width: 768px) {
  #modal-point {
    top: 0
  }
}

main {
  padding-top: var(--header-height)
}

.app-header {
  --navigation-link-white-space: nowrap
}

.app-header__account-details {
  --dropdown-content-max-height: auto;
  --dropdown-content-width: max-content;
  --dropdown-content-padding: 24px;
  --dropdown-content-background: #211C25
}

.app-header__old-version-btn {
  --icon-size: 12px;
  --button-height: 20px;
  --button-padding: 2px 8px;
  margin-right: 12px;
  --button-background: #302935;
  --button-icon-fill-padding: 0
}

@media (max-width: 1279px) {
  .app-header__old-version-btn {
    font-size: 12px;
    line-height: 16px
  }
}

.app-header__login-btn,
.app-header__profile-btn {
  margin-right: 16px
}

.account-sidebar {
  --sidebar-background: #000212
}

.header__old-version-btn {
  position: relative
}

.old-version-wrapper {
  position: relative;
  margin-right: 12px
}

@media (min-width: 1280px) {
  .old-version-wrapper {
    margin-left: 32px
  }
}

.old-version-tooltip {
  font-size: var(--tooltip-font-size, 12px);
  font-weight: var(--tooltip-font-weight, 400);
  line-height: var(--tooltip-line-height, 17px);
  position: relative;
  width: var(--tooltip-width, auto);
  background: var(--tooltip-background);
  text-align: var(--tooltip-text-align, center);
  color: var(--tooltip-color);
  padding: var(--tooltip-padding, 10px 12px);
  letter-spacing: .05em;
  border-radius: var(--tooltip-border-radius, 8px);
  z-index: 7000;
  position: absolute;
  top: calc(100% + 13px);
  left: 50%;
  transform: translate(-50%);
  --tooltip-width: 220px;
  cursor: pointer
}

.old-version-tooltip__arrow,
.old-version-tooltip__arrow:before {
  z-index: -1;
  position: absolute;
  width: 9px;
  height: 9px;
  background: inherit
}

.old-version-tooltip__arrow {
  visibility: hidden
}

.old-version-tooltip__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg)
}

.old-version-tooltip[data-popper-placement^=top] .old-version-tooltip__arrow {
  bottom: -4.5px;
  left: -4.5px !important
}

.old-version-tooltip[data-popper-placement^=top] .old-version-tooltip__arrow:before {
  border-bottom-right-radius: 2px
}

.old-version-tooltip[data-popper-placement^=bottom] .old-version-tooltip__arrow {
  top: -4.5px;
  left: -4.5px !important
}

.old-version-tooltip[data-popper-placement^=bottom] .old-version-tooltip__arrow:before {
  border-top-left-radius: 2px
}

.old-version-tooltip[data-popper-placement^=left] .old-version-tooltip__arrow {
  right: 0
}

.old-version-tooltip[data-popper-placement^=left] .old-version-tooltip__arrow:before {
  border-top-right-radius: 2px
}

.old-version-tooltip[data-popper-placement^=right] .old-version-tooltip__arrow {
  left: -9px
}

.old-version-tooltip[data-popper-placement^=right] .old-version-tooltip__arrow:before {
  border-bottom-left-radius: 2px
}

:root,
.light-theme {
  --tooltip-color: #FFFFFF;
  --tooltip-background: #3A3142
}

.dark-theme {
  --tooltip-background: #675C70
}

.old-version-tooltip__arrow {
  position: absolute;
  left: 50%;
  transform: translate(-100%);
  top: -4.5px
}

.main-block[data-v-922128cc] {
  min-height: 100vh
}

@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}