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

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

img, fieldset, a img {
  border: none;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
  -webkit-appearance: none;
  box-shadow: none;
}

input[type=submit],
button {
  cursor: pointer;
}
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button {
  background: none;
}

textarea {
  overflow: auto;
}

input, button {
  margin: 0;
  padding: 0;
  border: 0;
}

div, input, textarea, select, button,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
  outline: none;
}

ul, ol {
  list-style-type: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
          transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
          transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*! nouislider - 11.0.3 - 2018-01-21 14:04:07 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-large, .noUi-marker-sub {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
} /* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active, .mfp-close.nice-select.open {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active, .mfp-arrow.nice-select.open {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}

.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial, sans-serif;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  box-sizing: initial;
}

.dp-clearfix {
  clear: both;
  height: 0;
  font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  box-shadow: none;
  display: inline-block;
}

.date-picker-wrapper.single-date {
  width: auto;
}

.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}

.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
}

.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}

.date-picker-wrapper a {
  color: #6bb4d6;
  text-decoration: underline;
}

.date-picker-wrapper .month-name {
  text-transform: uppercase;
}

.date-picker-wrapper .select-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
  text-decoration: underline;
}

.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: -1px;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  outline: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
  _overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
}

.date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #9cdbf7;
}

.date-picker-wrapper .month-wrapper table .week-name {
  height: 20px;
  line-height: 20px;
  font-weight: 100;
  text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}

.date-picker-wrapper .time label {
  white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #ffe684;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #70ccd5;
}

.date-picker-wrapper table .caption {
  height: 40px;
}

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
  width: 27px;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
}

.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: white;
}

.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}

.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
}

.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .selected-days {
  display: none;
}

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #333;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
  color: white;
  line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed");
}

.date-picker-wrapper .time {
  position: relative;
}

.date-picker-wrapper.single-month .time {
  display: block;
}

.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}

.date-picker-wrapper .time1 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

/*time styling*/
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.date-picker-wrapper .time1 {
  float: left;
}

.date-picker-wrapper .time2 {
  float: right;
}

.date-picker-wrapper .hour {
  text-align: right;
}

.minute {
  text-align: right;
}

.date-picker-wrapper .hide {
  display: none;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: white !important;
}

.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

.date-picker-wrapper .date-range-length-tip:after {
  content: "";
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}

.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #49e;
  font-weight: bold;
}

body {
  min-width: 375px;
  background: #FCFCFD;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.7142857143;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #23262F;
}
body.dark {
  background: #121114;
  color: #FCFCFD;
}

a {
  text-decoration: none;
}

svg,
img {
  vertical-align: middle;
}

.outer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
}
.outer__inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background:#111315;
  
}

.anchor {
  position: absolute;
  left: 0;
  right: 0;
}

.center {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
}
@media only screen and (max-width: 1023px) {
  .center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .center {
    padding: 0 32px;
  }
}

body.dark .some-icon {
  display: none;
}

.some-icon-dark {
  display: none;
}
body.dark .some-icon-dark {
  display: inline-block;
}

.play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.1);
  border-radius: 50%;
  background: #FCFCFD;
}
@media only screen and (max-width: 767px) {
  .play {
    width: 48px;
    height: 48px;
  }
}
.play .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: all 0.2s;
}
@media only screen and (max-width: 767px) {
  .play .icon {
    width: 12px;
    height: 12px;
  }
}
.play:hover .icon {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  fill: #2A85FF;
}
.play_small {
  width: 48px;
  height: 48px;
}
.play_small .icon {
  width: 12px;
  height: 12px;
}

.select {
  float: none;
  width: 100%;
  height: 48px;
  padding: 0 48px 0 16px;
  box-shadow: inset 0 0 0 2px #E6E8EC;
  background: #FCFCFD;
  border-radius: 12px;
  border: none;
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}
.select:after {
  display: none;
}
.select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.207.793a1 1 0 0 0-1.414 0L5 3.586 2.207.793A1 1 0 1 0 .793 2.207l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23777e91'/%3E%3C/svg%3E") no-repeat 50% 50%/10px auto;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
body.dark .select {
  background: #141416;
  box-shadow: inset 0 0 0 2px #353945;
  -webkit-appearance: none;
}
body.dark .select:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.207.793a1 1 0 0 0-1.414 0L5 3.586 2.207.793A1 1 0 1 0 .793 2.207l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23FCFCFD'/%3E%3C/svg%3E");
}
.select.open {
  box-shadow: inset 0 0 0 2px #777E90;
}
body.dark .select.open {
  box-shadow: inset 0 0 0 2px #777E90;
}
.select.open:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.select .current {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select .list {
  right: 0;
  margin-top: 2px;
  border-radius: 12px;
  background: #FCFCFD;
  border: 2px solid #E6E8EC;
  box-shadow: 0 4px 12px rgba(35, 38, 47, 0.1);
}
body.dark .select .list {
  background: #141416;
  border-color: #353945;
  box-shadow: 0 4px 12px rgba(20, 20, 22, 0.1);
}
.select .option {
  min-height: auto;
  padding: 10px 14px;
  font-weight: 500;
  line-height: 1.4;
}
.select .option:hover, .select .option.focus, .select .option.selected.focus {
  background: #F4F5F6;
}
body.dark .select .option:hover, body.dark .select .option.focus, body.dark .select .option.selected.focus {
  background: #23262F;
}
.select .option.selected {
  font-weight: 500;
  color: #2A85FF;
}

.slick-arrow {
  position: absolute;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 0;
  transition: all 0.2s;
}
.slick-arrow path {
  position: relative;
  z-index: 2;
  fill: #777E90;
  transition: fill 0.2s;
}
.slick-arrow:hover {
  box-shadow: inset 0 0 0 2px #E6E8EC;
}
body.dark .slick-arrow:hover {
  box-shadow: inset 0 0 0 2px #353945;
}
body.dark .slick-arrow:hover path {
  fill: #E6E8EC;
}

.date-picker-wrapper {
  padding: 0;
  border: none;
  border-radius: 24px;
  box-shadow: 0px 40px 32px -24px rgba(15, 15, 15, 0.12);
  background: none;
  z-index: 20;
  overflow: hidden;
  font-family: "Inter", sans-serif;
}
@media only screen and (max-width: 767px) {
  .date-picker-wrapper {
    width: 262px !important;
    padding: 0 19px;
  }
}
body.dark .date-picker-wrapper {
  background: none;
}
.date-picker-wrapper.single-month .month-wrapper {
  width: 252px !important;
  padding: 0 19px;
}
@media only screen and (max-width: 767px) {
  .date-picker-wrapper.single-month .month-wrapper {
    margin: 0 5px;
    padding: 0;
  }
}
.date-picker-wrapper.single-month .month-wrapper table {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .date-picker-wrapper.two-months .month-wrapper {
    display: flex;
    width: 600px !important;
  }
  .date-picker-wrapper.two-months .month-wrapper table {
    flex: 0 0 calc(50% - 48px);
    width: calc(50% - 48px);
    margin: 0 24px;
  }
}
.date-picker-wrapper.single-date .day {
  border-radius: 50% !important;
}
.date-picker-wrapper.single-date .day.first-date-selected:before,
.date-picker-wrapper.single-date .day.last-date-selected:before {
  display: none;
}
.date-picker-wrapper .month-wrapper {
  background: none;
  border: none;
  box-shadow: none;
}
.date-picker-wrapper .month-wrapper table {
  display: block;
}
@media only screen and (max-width: 767px) {
  .date-picker-wrapper .month-wrapper table {
    width: 100%;
  }
}
.date-picker-wrapper .month-wrapper table thead,
.date-picker-wrapper .month-wrapper table tbody {
  display: block;
  width: 100%;
}
.date-picker-wrapper .month-wrapper table tr {
  display: flex;
  align-items: center;
  height: 36px;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex: 1;
  font-weight: 500;
}
.date-picker-wrapper .month-wrapper table thead tr:first-child {
  height: 36px;
}
.date-picker-wrapper .month-wrapper table thead tr:first-child th:first-child, .date-picker-wrapper .month-wrapper table thead tr:first-child th:nth-child(3) {
  flex: 0 0 24px;
}
.date-picker-wrapper .month-wrapper table .week-name,
.date-picker-wrapper .month-wrapper table .caption {
  height: auto;
}
.date-picker-wrapper .month-wrapper table .week-name {
  height: 40px;
}
.date-picker-wrapper .month-wrapper table .week-name th {
  height: auto;
}
.date-picker-wrapper .month-wrapper table .day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding: 0;
  transition: background 0.2s, color 0.2s;
}
.date-picker-wrapper .month-wrapper table .day.valid.toMonth {
  color: #23262F;
}
body.dark .date-picker-wrapper .month-wrapper table .day.valid.toMonth {
  color: #FCFCFD;
}
.date-picker-wrapper .month-wrapper table .day:hover {
  background: #E6E8EC;
  color: #23262F !important;
}
body.dark .date-picker-wrapper .month-wrapper table .day:hover {
  background: #141416;
  color: #FCFCFD !important;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background: #E6E8EC;
  border-radius: 0;
}
body.dark .date-picker-wrapper .month-wrapper table .day.checked {
  background: #141416;
  color: #FCFCFD !important;
}
.date-picker-wrapper .month-wrapper table .day.hovering {
  border-radius: 0;
  background: #E6E8EC !important;
}
body.dark .date-picker-wrapper .month-wrapper table .day.hovering {
  background: #141416 !important;
  color: #FCFCFD !important;
}
.date-picker-wrapper .month-wrapper table .day.real-today {
  background: #2A85FF !important;
  color: #FCFCFD !important;
}
body.dark .date-picker-wrapper .month-wrapper table .day.real-today {
  background: #2A85FF !important;
  color: #FCFCFD !important;
}
.date-picker-wrapper .month-wrapper table .day.day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.day.real-today.hovering {
  background: #2A85FF;
}
.date-picker-wrapper .month-wrapper table .day.first-date-selected, .date-picker-wrapper .month-wrapper table .day.last-date-selected {
  position: relative;
  border-radius: 50% !important;
  background: #23262F !important;
  color: #FCFCFD !important;
}
body.dark .date-picker-wrapper .month-wrapper table .day.first-date-selected, body.dark .date-picker-wrapper .month-wrapper table .day.last-date-selected {
  background: #FCFCFD !important;
  color: #23262F !important;
}
.date-picker-wrapper .month-wrapper table .day.first-date-selected:before, .date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 50%;
  background: #E6E8EC;
}
body.dark .date-picker-wrapper .month-wrapper table .day.first-date-selected:before, body.dark .date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
  background: #141416;
}
.date-picker-wrapper .month-wrapper table .day.first-date-selected:before {
  right: 0;
}
.date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
  left: 0;
}
.date-picker-wrapper .month-name {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize;
  color: #23262F;
}
body.dark .date-picker-wrapper .month-name {
  color: #FCFCFD;
}
.date-picker-wrapper .month-element:not(:last-child) {
  margin-right: 5px;
}
.date-picker-wrapper .week-name {
  font-size: 14px;
  color: #777E90;
}
.date-picker-wrapper .week-name th {
  font-weight: 500;
  text-transform: capitalize;
}
.date-picker-wrapper .gap {
  display: none;
}
.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
  background: none;
}
.date-picker-wrapper table .caption .next:hover path, .date-picker-wrapper table .caption .prev:hover path {
  fill: #2A85FF;
}
.date-picker-wrapper .footer {
  display: none;
}

.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}

.m-auto {
  margin: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.align-baseline {
  align-items: baseline;
}

@media only screen and (max-width: 1179px) {
  .desktop-hide {
    display: none !important;
  }
}
.desktop-show {
  display: none !important;
}
@media only screen and (max-width: 1179px) {
  .desktop-show {
    display: block !important;
  }
}
@media only screen and (max-width: 1179px) {
  .desktop-text-right {
    text-align: right !important;
  }
}

@media only screen and (max-width: 1023px) {
  .tablet-hide {
    display: none !important;
  }
}
.tablet-show {
  display: none !important;
}
@media only screen and (max-width: 1023px) {
  .tablet-show {
    display: block !important;
  }
}
@media only screen and (max-width: 1023px) {
  .tablet-text-right {
    text-align: right !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}
.mobile-show {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .mobile-show {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-text-right {
    text-align: right !important;
  }
}

[class^=section] {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1179px) {
  [class^=section] {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  [class^=section] {
    margin-bottom: 0px;
  }
}

.section-bg {
  padding: 136px 0;
  background: #F4F5F6;
}
@media only screen and (max-width: 1179px) {
  .section-bg {
    padding: 112px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-bg {
    padding: 64px 0;
  }
}
body.dark .section-bg {
  background: #121A2C;
}

.section-mb0 {
  margin-bottom: 0;
}
@media only screen and (max-width: 1179px) {
  .section-mb0 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-mb0 {
    margin-bottom: 0;
  }
}

.section-padding {
  padding: 136px 0;
}
@media only screen and (max-width: 1179px) {
  .section-padding {
    padding: 112px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding {
    padding: 64px 0;
  }
}

.hero,
.h1,
.h2,
.h3,
.h4 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.hero {
  font-size: 96px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1339px) {
  .hero {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1179px) {
  .hero {
    font-size: 64px;
  }
}

.h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
  .h1 {
    font-size: 48px;
    line-height: 1.1666666667;
  }
}

.h2 {
  font-size: 48px;
  line-height: 1.1666666667;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
  .h2 {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
}

.h3 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  .h3 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.h4 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

[class^=category] {
  display: inline-block;
  padding: 8px 8px 6px;
  background: #23262F;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #FCFCFD;
}

.category-blue {
  background: #2A85FF;
}

.category-purple {
  background: #9757D7;
}

.category-green {
  background: #58BD7D;
}

.category-red {
  background: #FF6838;
}

.category-gray {
  background: #B1B5C3;
}
body.dark .category-gray {
  background: #353945;
  color: #FCFCFD;
}

.category-stroke-green {
  background: none;
  box-shadow: inset 0 0 0 2px #58BD7D;
  color: #58BD7D;
}

[class^=button] {
  cursor:pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  background:#0041BE;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #FCFCFD;
  transition: all 0.2s;
}
[class^=button]:hover {
  background: #0045ea;
}
[class^=button]:disabled, [class^=button].disabled {
  opacity: 0.5;
  pointer-events: none;
}
[class^=button] .icon {
  width: 16px;
  height: 16px;
  fill: #FCFCFD;
  transition: all 0.2s;
}
[class^=button]:not([class^=button-circle]) .icon:first-child {
  margin-right: 12px;
}
[class^=button]:not([class^=button-circle]) .icon:last-child {
  margin-left: 12px;
}

.button-stroke {
  background: none;
  
  color: #23262F;
}
.button-stroke .icon {
  fill: #777E90;
}
body.dark .button-stroke {
  box-shadow: 0 0 0 1px #fff inset;
  color: #FCFCFD;
}
body.dark .button-stroke .icon {
  fill: #FCFCFD;
}
.button-stroke:hover, .button-stroke.active {
  background: #23262F;
  box-shadow: 0 0 0 2px #23262F inset;
  color: #FCFCFD;
}
.button-stroke:hover .icon, .button-stroke.active .icon {
  fill: #FCFCFD;
}
body.dark .button-stroke:hover, body.dark .button-stroke.active {
  background: #aaa;
  box-shadow: 0 0 0 2px #353945 inset;
}

.button-black {
  background: #141416;
}
.button-black:hover, .button-black.active {
  background: #353945;
}
body.dark .button-black {
  background: #F4F5F6;
  color: #23262F;
}
body.dark .button-black .icon {
  fill: #23262F;
}
body.dark .button-black:hover, body.dark .button-black.active {
  background: #E6E8EC;
}

.button-red {
  background: #FF6838;
}
.button-red:hover, .button-red.active {
  background: #ff490f;
}

.button-green {
  background: #58BD7D;
}
.button-green:hover, .button-green.active {
  background: #43a968;
}

.button-white {
  background: #FCFCFD;
  color: #23262F;
}
.button-white .icon {
  fill: #23262F;
}
.button-white:hover {
  background: #F4F5F6;
}

.button-small {
  height: 40px;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 14px;
}

.button-circle {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
}

.button-circle-stroke {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #E6E8EC inset;
  background: transparent;
  transition: all 0.2s;
}
.button-circle-stroke .icon {
  fill: #777E90;
}
.button-circle-stroke:hover {
  background: #23262F;
  box-shadow: 0 0 0 2px #23262F inset;
}
.button-circle-stroke:hover .icon {
  fill: #FCFCFD;
}
body.dark .button-circle-stroke {
  box-shadow: 0 0 0 2px #353945 inset;
}
body.dark .button-circle-stroke:hover {
  background: #353945;
}

.button-circle-stroke.button-small {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

[class^=stage] {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #777E90;
}

.stage-small {
  font-size: 12px;
}

.favorite {
  position: relative;
  width: 16px;
  height: 16px;
}
.favorite .icon {
  width: 16px;
  height: 16px;
  fill: #777E90;
  transition: all 0.2s;
}
.favorite:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M7.388 2.085a.67.67 0 0 1 1.224 0l1.453 3.368c.098.227.314.381.561.401l3.727.288a.67.67 0 0 1 .373 1.179l-2.803 2.314c-.198.163-.284.425-.223.674l.863 3.486a.67.67 0 0 1-.985.735l-3.24-1.907c-.209-.123-.468-.123-.676 0l-3.24 1.907a.67.67 0 0 1-.985-.735l.863-3.486c.062-.249-.025-.511-.223-.674L1.273 7.32a.67.67 0 0 1 .373-1.179l3.727-.288c.247-.019.463-.173.561-.401l1.453-3.368z' fill='%23ffd166'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
  opacity: 0;
  transition: opacity 0.2s;
}
.favorite:hover .icon {
  fill: #FFD166;
}
.favorite.active .icon {
  opacity: 0;
}
.favorite.active:after {
  opacity: 1;
}

.sorting {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  cursor: pointer;
}
.sorting:before, .sorting:after {
  content: "";
  position: absolute;
  right: 0;
  width: 7px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
.sorting:before {
  top: calc(50% - 5px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' fill='none' viewBox='0 0 7 4'%3E%3Cpath fill-rule='evenodd' d='M1.148 3.804c.26.26.682.26.943 0l1.862-1.862 1.862 1.862c.26.26.682.26.943 0s.26-.682 0-.943L4.425.528c-.26-.26-.682-.26-.943 0L1.148 2.862c-.26.26-.26.682 0 .943z' fill='%23777e91'/%3E%3C/svg%3E");
}
.sorting:after {
  top: calc(50% + 1px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' fill='none' viewBox='0 0 7 4'%3E%3Cpath fill-rule='evenodd' d='M1.148.195c.26-.26.682-.26.943 0l1.862 1.862L5.815.195c.26-.26.682-.26.943 0s.26.682 0 .943L4.425 3.471c-.26.26-.682.26-.943 0L1.148 1.137c-.26-.26-.26-.682 0-.943z' fill='%23777e91'/%3E%3C/svg%3E");
}
.sorting.up:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' fill='none' viewBox='0 0 7 4'%3E%3Cpath fill-rule='evenodd' d='M1.148 3.804c.26.26.682.26.943 0l1.862-1.862 1.862 1.862c.26.26.682.26.943 0s.26-.682 0-.943L4.425.528c-.26-.26-.682-.26-.943 0L1.148 2.862c-.26.26-.26.682 0 .943z' fill='%2323262F'/%3E%3C/svg%3E");
}
.sorting.up:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' fill='none' viewBox='0 0 7 4'%3E%3Cpath fill-rule='evenodd' d='M1.148.195c.26-.26.682-.26.943 0l1.862 1.862L5.815.195c.26-.26.682-.26.943 0s.26.682 0 .943L4.425 3.471c-.26.26-.682.26-.943 0L1.148 1.137c-.26-.26-.26-.682 0-.943z' fill='%23B1B5C3'/%3E%3C/svg%3E");
}
.sorting.down:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' fill='none' viewBox='0 0 7 4'%3E%3Cpath fill-rule='evenodd' d='M1.148 3.804c.26.26.682.26.943 0l1.862-1.862 1.862 1.862c.26.26.682.26.943 0s.26-.682 0-.943L4.425.528c-.26-.26-.682-.26-.943 0L1.148 2.862c-.26.26-.26.682 0 .943z' fill='%23B1B5C3'/%3E%3C/svg%3E");
}
.sorting.down:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' fill='none' viewBox='0 0 7 4'%3E%3Cpath fill-rule='evenodd' d='M1.148.195c.26-.26.682-.26.943 0l1.862 1.862L5.815.195c.26-.26.682-.26.943 0s.26.682 0 .943L4.425 3.471c-.26.26-.682.26-.943 0L1.148 1.137c-.26-.26-.26-.682 0-.943z' fill='%2323262F'/%3E%3C/svg%3E");
}

.header {
  position: relative;
  z-index: 10;
  padding: 20px 0;
  box-shadow: inset 0 -1px 0 #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .header {
    padding: 32px 0 24px;
    box-shadow: none;
  }
}
body.dark .header {
  box-shadow: inset 0 -1px 0 transparent;
}
@media only screen and (max-width: 767px) {
  body.dark .header {
    box-shadow: none;
  }
}
.header__center {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1179px) {
  .header__center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__center {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .header__center {
    padding: 0 24px;
  }
}
.header__logo {
  margin-right: 32px;
}
@media only screen and (max-width: 1023px) {
  .header__logo {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .header__logo {
    position: relative;
    z-index: 15;
    margin-right: auto;
  }
}
.header__pic {
  width: 142px;
}
@media only screen and (max-width: 1023px) {
  .header__pic {
    width: 52px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__pic_desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 1023px) {
.header__pic_mobile {
  display: none !important;
}
}
@media only screen and (max-width: 1023px) {
  .header__pic_mobile {
    display: inline-block;
  }
}
.header__wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding-left: 32px;
  border-left: 1px solid #E6E8EC;
}
@media only screen and (max-width: 1339px) {
  .header__wrapper {
    padding-left: 0;
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .header__wrapper {
    flex-grow: 0;
  }
}
body.dark .header__wrapper {
  border-color: #aaa;
}
@media only screen and (max-width: 767px) {
  .header__wrapper > .header__btns {
    display: none;
  }
}
.header__wrap {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .header__wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 100);
    padding: 100px 0 32px;
    background: #FCFCFD;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
  }
  body.dark .header__wrap {
    background: #141416;
  }
  .header__wrap.visible {
    visibility: visible;
    opacity: 1;
  }
}
.header__wrap > .header__button {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header__wrap > .header__button {
    margin: auto 24px 0;
  }
}
.header__wrap .header__btns {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header__wrap .header__btns {
    display: flex;
  }
}
.header__nav {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header__nav {
    flex-direction: column;
  }
}
.header__nav .header__item:not(:last-child) {
  margin-right: 40px;
}
@media only screen and (max-width: 1179px) {
  .header__nav .header__item:not(:last-child) {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav .header__item:not(:last-child) {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .header__nav .header__item:not(:last-child) {
    margin: 0;
  }
}
.header__item[href] {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 40px;
  font-weight: 500;
  color: #ddd;
  transition: all 0.2s;
}
@media only screen and (max-width: 767px) {
  .header__item[href] {
    padding: 0 22px;
    border-left: 2px solid transparent;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 64px;
    font-weight: 600;
  }
}
.header__item[href]:hover, .header__item[href].active {
  color: #23262F;
}
body.dark .header__item[href]:hover, body.dark .header__item[href].active {
  color: #FCFCFD;
}
@media only screen and (max-width: 767px) {
  .header__item[href]:hover, .header__item[href].active {
    border-color: #2A85FF;
  }
}
.header__item_dropdown {
  position: relative;
}
.header__item_settings {
  margin-right: 32px;
}
@media only screen and (max-width: 1179px) {
  .header__item_settings {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__item_settings {
    margin-right: 4px;
  }
}
.header__item_settings, .header__item_notifications, .header__item_user {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .header__item_settings, .header__item_notifications, .header__item_user {
    position: static;
  }
}
.header__item_dropdown .header__head, .header__item_settings .header__head {
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 40px;
  font-weight: 700;
  transition: color 0.2s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header__item_dropdown .header__head .icon, .header__item_settings .header__head .icon {
  width: 16px;
  height: 16px;
  fill: #777E90;
  transition: all 0.2s;
}
.header__item_dropdown .header__head:hover, .header__item_settings .header__head:hover {
  color: #23262F;
}
.header__item_dropdown .header__head:hover .icon, .header__item_settings .header__head:hover .icon {
  fill: #23262F;
}
body.dark .header__item_dropdown .header__head:hover, body.dark .header__item_settings .header__head:hover {
  color: #FCFCFD;
}
body.dark .header__item_dropdown .header__head:hover .icon, body.dark .header__item_settings .header__head:hover .icon {
  fill: #FCFCFD;
}
.header__item_dropdown .header__head {
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .header__item_dropdown .header__head {
    width: 100%;
    padding: 0 22px;
    border-left: 2px solid transparent;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 64px;
    font-weight: 600;
  }
}
.header__item_dropdown .header__head .icon {
  margin-left: 4px;
}
@media only screen and (max-width: 767px) {
  .header__item_dropdown .header__head .icon {
    width: 32px;
    height: 32px;
    margin-left: auto;
  }
}
.header__item_settings .header__head {
  text-transform: uppercase;
}
body.dark .header__item_settings .header__head {
  color: #FCFCFD;
}
.header__item_settings .header__head .icon {
  margin-left: 12px;
}
@media only screen and (max-width: 1023px) {
  .header__item_settings .header__head .icon {
    margin-left: 4px;
  }
}
.header__item_notifications .header__head, .header__item_user .header__head {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header__item_notifications .header__head .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.header__item_notifications .header__head:hover .icon {
  fill: #23262F;
}
body.dark .header__item_notifications .header__head:hover .icon {
  fill: #E6E8EC;
}
.header__item_notifications .header__head.active:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #58BD7D;
}
.header__item_user .header__head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.header__item_dropdown.active .header__head, .header__item_settings.active .header__head {
  color: #23262F;
}
.header__item_dropdown.active .header__head .icon, .header__item_settings.active .header__head .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  fill: #23262F;
}
body.dark .header__item_dropdown.active .header__head, body.dark .header__item_settings.active .header__head {
  color: #FCFCFD;
}
body.dark .header__item_dropdown.active .header__head .icon, body.dark .header__item_settings.active .header__head .icon {
  fill: #777E90;
}
.header__item_notifications.active .header__head .icon {
  fill: #23262F;
}
body.dark .header__item_notifications.active .header__head .icon {
  fill: #E6E8EC;
}
.header__body {
  position: absolute;
  top: calc(100% + 20px);
  box-shadow: 0px 16px 48px rgba(31, 47, 70, 0.1);
  border-radius: 12px;
  background: #FCFCFD;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
body.dark .header__body {
  background: #23262F;
}
@media only screen and (max-width: 767px) {
  .header__body {
    top: 100%;
  }
}
.header__body:before {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 24px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='9' fill='none' viewBox='0 0 24 9'%3E%3Cpath d='M6.343 2.657L0 9h24l-6.343-6.343a8 8 0 0 0-11.314 0z' fill='%23fcfcfd'/%3E%3C/svg%3E") no-repeat 50% 100%/100% auto;
}
body.dark .header__body:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='9' fill='none' viewBox='0 0 24 9'%3E%3Cpath d='M6.343 2.657L0 9h24l-6.343-6.343a8 8 0 0 0-11.314 0z' fill='%2323262F'/%3E%3C/svg%3E");
}
.header__item_dropdown .header__body {
  left: 50%;
  width: 256px;
  -webkit-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
  padding: 0 16px;
}
@media only screen and (max-width: 767px) {
  .header__item_dropdown .header__body {
    position: static;
    display: none;
    width: 100%;
    padding: 0 24px;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@media only screen and (max-width: 767px) {
  body.dark .header__item_dropdown .header__body {
    background: none;
  }
}
.header__item_dropdown .header__body:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .header__item_dropdown .header__body:before {
    display: none;
  }
}
.header__item_settings .header__body {
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
  width: 365px;
  padding: 16px;
}
@media only screen and (max-width: 767px) {
  .header__item_settings .header__body {
    left: 16px;
    right: 16px;
    width: auto;
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
  }
}
body.dark .header__item_settings .header__body {
  background: #23262F;
}
.header__item_settings .header__body:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .header__item_settings .header__body:before {
    left: auto;
    right: 208px;
  }
}
.header__item_notifications .header__body {
  right: -70px;
  width: 286px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  padding: 16px;
  border-radius: 24px;
  box-shadow: 0px 16px 64px -24px rgba(31, 47, 70, 0.15);
}
@media only screen and (max-width: 767px) {
  .header__item_notifications .header__body {
    left: 16px;
    right: 16px;
    width: auto;
  }
}
.header__item_notifications .header__body:before {
  right: 78px;
}
@media only screen and (max-width: 767px) {
  .header__item_notifications .header__body:before {
    right: 111px;
  }
}
.header__item_user .header__body {
  right: -40px;
  width: 256px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  padding: 4px 16px;
  box-shadow: 0px 16px 64px -24px rgba(31, 47, 70, 0.15);
}
@media only screen and (max-width: 1179px) {
  .header__item_user .header__body {
    right: -20px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__item_user .header__body {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header__item_user .header__body {
    left: 16px;
    right: 16px;
    width: auto;
  }
}
.header__item_user .header__body:before {
  right: 48px;
}
@media only screen and (max-width: 1179px) {
  .header__item_user .header__body:before {
    right: 28px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__item_user .header__body:before {
    right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .header__item_user .header__body:before {
    right: 60px;
  }
}
.header__item_settings.active .header__body {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .header__item_settings.active .header__body {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.header__item_dropdown.active .header__body {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media only screen and (max-width: 767px) {
  .header__item_dropdown.active .header__body {
    display: block;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.header__item_notifications.active .header__body, .header__item_user.active .header__body {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header__item.active .header__body {
  visibility: visible;
  opacity: 1;
}
.header__link {
  display: flex;
  align-items: center;
  padding: 16px 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #353945;
  transition: color 0.2s;
}
@media only screen and (max-width: 767px) {
  .header__link {
    height: 56px;
    padding: 0 16px;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
  }
}
body.dark .header__link {
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  body.dark .header__link {
    color: #FCFCFD;
  }
}
.header__link .icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  fill: #777E90;
  transition: fill 0.2s;
}
@media only screen and (max-width: 767px) {
  .header__link .icon {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .header__link:hover, .header__link.active {
    background: #F4F5F6;
  }
}
.header__link:hover .icon, .header__link.active .icon {
  fill: #353945;
}
@media only screen and (max-width: 767px) {
  .header__link:hover .icon, .header__link.active .icon {
    fill: #777E90;
  }
}
body.dark .header__link:hover, body.dark .header__link.active {
  color: #FCFCFD;
}
body.dark .header__link:hover .icon, body.dark .header__link.active .icon {
  fill: #FCFCFD;
}
@media only screen and (max-width: 767px) {
  body.dark .header__link:hover, body.dark .header__link.active {
    background: #353945;
  }
  body.dark .header__link:hover .icon, body.dark .header__link.active .icon {
    fill: #FCFCFD;
  }
}
.header__link:not(:last-child) {
  border-bottom: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .header__link:not(:last-child) {
    border: none;
  }
}
body.dark .header__link:not(:last-child) {
  border-color: #353945;
}
.header__row {
  display: flex;
  margin: 0 -24px;
}
.header__col {
  flex: 0 0 50%;
  padding: 0 24px;
}
.header__col:first-child {
  border-right: 1px solid #E6E8EC;
}
body.dark .header__col:first-child {
  border-color: #353945;
}
.header__category {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #777E90;
}
.header__menu {
  display: flex;
  flex-direction: column;
}
.header__language, .header__currency {
  padding: 12px 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #777E90;
  cursor: pointer;
  transition: color 0.2s;
}
.header__language:hover, .header__language.active, .header__currency:hover, .header__currency.active {
  color: #23262F;
}
body.dark .header__language:hover, body.dark .header__language.active, body.dark .header__currency:hover, body.dark .header__currency.active {
  color: #FCFCFD;
}
.header__language:not(:last-child), .header__currency:not(:last-child) {
  border-bottom: 1px solid #E6E8EC;
}
body.dark .header__language:not(:last-child), body.dark .header__currency:not(:last-child) {
  border-color: #353945;
}
.header__currency {
  position: relative;
  padding-left: 28px;
}
.header__currency:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  background: #E6E8EC;
  transition: background 0.2s;
}
body.dark .header__currency:before {
  background: #353945;
}
.header__currency:hover:before, .header__currency.active:before {
  background: #23262F;
}
body.dark .header__currency:hover:before, body.dark .header__currency.active:before {
  background: #FCFCFD;
}
.header__flag {
  margin-right: 8px;
}
.header__item_notifications .header__title {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.header__notification {
  position: relative;
  display: block;
  padding: 12px 0;
  color: #23262F;
  transition: color 0.2s;
}
body.dark .header__notification {
  color: #FCFCFD;
}
.header__notification:hover {
  color: #2A85FF;
}
body.dark .header__notification:hover {
  color: #2A85FF;
}
.header__notification_new {
  padding-right: 24px;
}
.header__notification_new:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #58BD7D;
}
.header__notification:not(:last-child) {
  border-bottom: 1px solid #E6E8EC;
}
body.dark .header__notification:not(:last-child) {
  border-color: #353945;
}
.header__subtitle {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
}
.header__date {
  font-size: 10px;
  line-height: 1.6;
  font-weight: 500;
  color: #777E90;
}
.header__item_notifications .header__btns {
  display: flex;
  margin: 4px -8px 0;
}
.header__item_notifications .header__btns .header__button {
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
.header__el {
  position: relative;
  display: flex;
  padding: 12px 0;
  color: #23262F;
  transition: color 0.2s;
}
body.dark .header__el {
  color: #FCFCFD;
}
.header__el:hover {
  color: #2A85FF;
}
.header__el:not(:last-child) {
  border-bottom: 1px solid #E6E8EC;
}
body.dark .header__el:not(:last-child) {
  border-color: #353945;
}
.header__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.header__icon .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
}
.header__details {
  flex-grow: 1;
  padding-top: 2px;
}
.header__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -4px;
}
.header__item_user .header__title {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
}
.header__content {
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.6;
  font-weight: 500;
  color: #777E90;
}
.header__control {
  display: none;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .header__control .header__button {
    display: none;
  }
}
@media only screen and (max-width: 1179px) {
  .header__control > .theme {
    display: none;
  }
}
.header__activity, .header__item_notifications, .header__control .header__button, .header__control > .theme {
  margin-right: 20px;
}
@media only screen and (max-width: 1179px) {
  .header__activity, .header__item_notifications, .header__control .header__button, .header__control > .theme {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__activity, .header__item_notifications, .header__control .header__button, .header__control > .theme {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .header__activity, .header__item_notifications, .header__control .header__button, .header__control > .theme {
    margin-right: 12px;
  }
}
.header__activity {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .header__activity {
    margin-right: 4px;
  }
}
.header__activity .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.header__activity:hover .icon, .header__activity.active .icon {
  fill: #23262F;
}
body.dark .header__activity:hover .icon, body.dark .header__activity.active .icon {
  fill: #FCFCFD;
}
.header__btns {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header__btns {
    margin: auto 16px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header__btns .header__button {
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 0 8px;
  }
}
.header__btns .header__button:not(:last-child) {
  margin-right: 8px;
}
@media only screen and (max-width: 767px) {
  .header__btns .header__button:not(:last-child) {
    margin-right: 8px;
  }
}
.header__burger {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header__burger {
    display: block;
    position: relative;
    z-index: 15;
    margin-left: 12px;
    width: 32px;
    height: 32px;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .header__burger:before, .header__burger:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 6px;
    width: 20px;
    height: 2px;
    background: #777E90;
    border-radius: 2px;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .header__burger:before {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .header__burger:after {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  .header__burger.active:before {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
  .header__burger.active:after {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
}
.header_wide {
  box-shadow: none;
}
.header_wide .header__center {
  max-width: 100%;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .header_wide .header__center {
    padding: 0 24px;
  }
}
.header.registered .header__btns {
  display: none;
}
.header.registered .header__item_notifications .header__btns {
  display: flex;
}
.header.registered .header__control {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header.registered .header__wrap > .header__button {
    display: flex;
  }
}

.theme {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 0;
}
.theme__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.theme__input:checked + .theme__inner .theme__box {
  background: #2A85FF;
}
.theme__input:checked + .theme__inner .theme__box:before {
  -webkit-transform: translate(20px, -50%);
          transform: translate(20px, -50%);
  background: #FCFCFD;
}
.theme__inner {
  position: relative;
  display: inline-block;
  transition: all 0.2s;
}
.theme__box {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  background: #E6E8EC;
  border-radius: 12px;
  transition: all 0.2s;
}
body.dark .theme__box {
  background: #353945;
}
.theme__box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2A85FF;
  transition: all 0.2s;
}
.theme__icon {
  width: 24px;
  height: 24px;
}
.theme__icon .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.theme__icon .icon:nth-child(2) {
  display: none;
}
.theme__icon:hover .icon {
  fill: #23262F;
}
body.dark .theme__icon:hover .icon {
  fill: #FCFCFD;
}

.main {
  position: relative;
  padding-top: 0px;
  overflow: hidden;
}
@media only screen and (max-width: 1179px) {
  .main {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .main {
    padding-top: 0px;
  }
}
.main__wrap {
  position: relative;
  z-index: 3;
  max-width: 545px;
  margin-bottom: 143px;
}
@media only screen and (max-width: 1179px) {
  .main__wrap {
    max-width: 420px;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .main__wrap {
    margin-bottom: 16px;
  }
}
.main__title {
  margin-bottom: 20px;
  font-size:60px;
}
.main__text {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.5;
  color: #ddd;
}
@media only screen and (max-width: 1023px) {
  .main__text {
    max-width: 250px;
  }
}
.main__button {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1179px) {
  .main__button {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .main__scroll.scroll {
    display: none;
  }
}
/*
.main__bg {
  position: absolute;
  top: 65px;
  right: calc(50% - 680px);
  width: 783px;
  pointer-events: none;
}
*/
.main__bg__tools {
  top:85px !important;
}
.main__bg {
  position: absolute;
  top: 35px;
  right: calc(50% - 700px);
  width: 940px;
  
}
.main__bg video {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1179px) {
  .main__bg {
    top: 100px;
    right: calc(50% - 500px);
    width: 600px;
  }
  .main__bg__tools {
    top:80px !important;
    right:40px !important;
  }

}
@media only screen and (max-width: 1023px) {
  .main__bg {
    right: calc(50% - 500px);
  }
  .main__bg__tools {
    top:80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .main__bg {
    position: static;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-left: -16vw !important;
    margin-top: -60px !important;
    margin-bottom: 60px !important;

  }
  .main__bg__tools {
    margin-left: -18vw !important;
  }
}
@media only screen and (max-width: 767px) and (max-width: 474px) {
  .main__bg {
    margin: 0 -9% 10px;
  }
}
.main__bg img {
  width: 100%;
}
.main__cards {
  display: flex;
  padding: 24px 8px;
  border-radius: 24px;
  background: #F4F5F6;
}
@media only screen and (max-width: 1023px) {
  .main__cards {
    margin: 0 -20px;
  }
}
@media only screen and (max-width: 767px) {
  .main__cards {
    display: block;
    margin: -32px -16px 0;
    padding: 24px;
  }
}
body.dark .main__cards {
  background: #23262F;
}
.main__card {
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 0 16px;
  padding: 32px;
  border-radius: 16px;
  color: #23262F;
  transition: all 0.2s;
}
@media only screen and (max-width: 1179px) {
  .main__card {
    padding: 24px 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .main__card {
    padding: 16px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main__card {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 16px 24px;
  }
}
body.dark .main__card {
  color: #FCFCFD;
}
.main__card:hover {
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  background: #FCFCFD;
}
@media only screen and (max-width: 1023px) {
  .main__card:hover {
    box-shadow: none;
    background: none;
  }
}
body.dark .main__card:hover {
  background: #353945;
}
@media only screen and (max-width: 1023px) {
  body.dark .main__card:hover {
    background: none;
  }
}
.main__icon {
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .main__icon {
    flex-shrink: 0;
    width: 40px;
    margin: 0 16px 0 0;
  }
}
.main__icon img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 767px) {
  .main__details {
    flex-grow: 1;
  }
}
.main__line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
}
.main__subtitle {
  margin-right: 12px;
  color: #777E90;
}
.main__positive, .main__negative {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #FCFCFD;
}
.main__positive {
  background: #58BD7D;
}
.main__negative {
  background: #FF6838;
}
.main__price {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.main__money {
  font-size: 12px;
  line-height: 1.6666666667;
}

.scroll {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: none;
  overflow: hidden;
  border: 2px solid #E6E8EC;
  transition: border-color 0.2s;
}
.scroll .icon {
  width: 24px;
  height: 24px;
  fill: #B1B5C3;
  transition: fill 0.2s;
}
.scroll:hover {
  border-color: #23262F;
}
.scroll:hover .icon {
  fill: #23262F;
}
body.dark .scroll {
  border-color: #353945;
}
body.dark .scroll:hover {
  border-color: #FCFCFD;
}
body.dark .scroll:hover .icon {
  fill: #FCFCFD;
}
.scroll__line {
  display: flex;
  flex-direction: column;
  -webkit-transform: translateY(-23px);
          transform: translateY(-23px);
  -webkit-animation: arrowsDown ease-out 1.4s infinite;
          animation: arrowsDown ease-out 1.4s infinite;
}
.scroll__line .icon:not(:last-child) {
  margin-bottom: 24px;
}

@-webkit-keyframes arrowsDown {
  80% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
  100% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
}

@keyframes arrowsDown {
  80% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
  100% {
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
}
.learn {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .learn {
    padding-bottom: 80px;
  }
}
.learn__anchor {
  top: -30px;
}
.learn__head {
  display: flex;
  align-items: flex-start;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1179px) {
  .learn__head {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .learn__head {
    display: block;
  }
}
.learn__head .learn__button {
  flex-shrink: 0;
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .learn__head .learn__button {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 0;
    width: calc(100% - 64px);
    margin: 0;
  }
}
.learn__wrap {
  flex-grow: 1;
}
.learn__title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .learn__title {
    margin-bottom: 24px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .learn .nav {
    margin: 0 -32px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .learn .nav::-webkit-scrollbar {
    display: none;
  }
  .learn .nav:before, .learn .nav:after {
    content: "";
    flex-shrink: 0;
    width: 32px;
    height: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .learn .nav__link {
    flex-shrink: 0;
  }
}
.learn .nav__link:not(:last-child) {
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .learn .nav__link:not(:last-child) {
    margin-right: 20px;
  }
}
.learn__wrapper {
  margin: -32px -18px 0;
}
@media only screen and (max-width: 1179px) {
  .learn__wrapper {
    margin: 0 -16px;
  }
}
.learn__wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1179px) {
  .learn__wrapper:after {
    display: none;
  }
}
.learn__item {
  display: block;
  width: calc(50% - 36px);
  margin: 32px 18px 0;
  float: right;
  color: #23262F;
}
@media only screen and (max-width: 1179px) {
  .learn__item {
    float: left;
    width: 100%;
    margin: 0;
  }
}
body.dark .learn__item {
  color: #FCFCFD;
}
.learn__item:hover .learn__preview img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.learn__preview img {
  border-radius: 16px;
}
.learn__item:hover .learn__subtitle {
  color: #2A85FF;
}
.learn__item:first-child {
  float: left;
}
@media only screen and (max-width: 1179px) {
  .learn__item:first-child {
    float: left;
  }
}
.learn__item:first-child .learn__preview {
  margin-bottom: 40px;
  border-radius: 20px;
}
@media only screen and (max-width: 1179px) {
  .learn__item:first-child .learn__preview {
    margin-bottom: 24px;
    
  }
}
.learn__item:first-child .learn__subtitle {
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 1179px) {
  .learn__item:first-child .learn__subtitle {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .learn__item:first-child .learn__subtitle {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
.learn__item:first-child .learn__content {
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 1179px) {
  .learn__item:first-child .learn__content {
    font-size: 14px;
  }
}
.learn__item:not(:first-child) {
  display: flex;
  flex-direction: row-reverse;
  padding-left: 60px;
}
@media only screen and (max-width: 1179px) {
  .learn__item:not(:first-child) {
    display: block;
    padding: 0;
  }
}
.learn__item:not(:first-child) .learn__preview {
  flex: 0 0 45.65%;
  border-radius: 16px;
}
.learn__item:not(:first-child) .learn__subtitle {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 1179px) {
  .learn__item:not(:first-child) .learn__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .learn__item:not(:first-child) .learn__subtitle {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
.learn__item:not(:first-child) .learn__content {
  margin-bottom: auto;
}
.learn__preview {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1179px) {
  .learn__preview {
    margin-bottom: 24px;
    border-radius: 16px;
  }
  .learn__preview:before {
    content: "";
    display: block;
    padding-bottom: 77%;
  }
}
.learn__preview img {
  width: 100%;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
@media only screen and (max-width: 1179px) {
  .learn__preview img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.learn__line {
  display: flex;
}
.learn__line .learn__button {
  flex-shrink: 0;
  margin-left: 32px;
}
@media only screen and (max-width: 1179px) {
  .learn__line .learn__button {
    display: none;
  }
}
.learn__subtitle {
  transition: color 0.2s;
}
@media only screen and (max-width: 1179px) {
  .learn__subtitle {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .learn__subtitle {
    margin-bottom: 8px;
  }
}
.learn__content {
  color: #777E90;
}
.learn__details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-right: 16px;
}
@media only screen and (max-width: 1179px) {
  .learn__details {
    display: block;
    padding: 0;
  }
}
.learn__date {
  margin-top: 24px;
  color: #777E90;
}
@media only screen and (max-width: 1179px) {
  .learn__date {
    display: none;
  }
}
@media only screen and (max-width: 1179px) {
  .learn__slider {
    padding-bottom: 72px;
    visibility: hidden;
  }
  .learn__slider.slick-initialized {
    visibility: visible;
  }
}
.learn .slick-list {
  overflow: visible;
}
.learn .slick-slide {
  padding: 0 16px;
  opacity: 0;
  transition: opacity 0.4s;
}
.learn .slick-slide.slick-active {
  opacity: 1;
}
.learn .slick-arrow {
  bottom: 0;
}
.learn .slick-prev {
  left: 16px;
}
@media only screen and (max-width: 767px) {
  .learn .slick-prev {
    left: calc(50% - 48px);
  }
}
.learn .slick-next {
  left: 64px;
}
@media only screen and (max-width: 767px) {
  .learn .slick-next {
    left: auto;
    right: calc(50% - 48px);
  }
}

.nav {
  display: flex;
}
.nav__link {
  display: flex;
  padding: 6px 12px;
  border-radius: 14px;
  background: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #777E90;
  transition: all 0.2s;
}
.nav__link .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: #777E90;
  transition: fill 0.2s;
}
.nav__link:hover {
  color: #353945;
}
.nav__link:hover .icon {
  fill: #353945;
}
body.dark .nav__link:hover {
  color: #E6E8EC;
}
body.dark .nav__link:hover .icon {
  fill: #E6E8EC;
}
.nav__link.active {
  background: #353945;
  color: #FCFCFD;
}
.nav__link.active .icon {
  fill: #FCFCFD;
}
body.dark .nav__link.active {
  background: #353945;
  color: #FCFCFD;
}
body.dark .nav__link.active .icon {
  fill: #FCFCFD;
}
.nav__link:not(:last-child) {
  margin-right: 8px;
}

@media only screen and (max-width: 767px) {
  .trend {
    position: relative;
    padding-bottom: 80px;
  }
}
.trend__line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .trend__line {
    display: block;
    margin-bottom: 32px;
  }
}
.trend__line .trend__button {
  flex-shrink: 0;
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .trend__line .trend__button {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 0;
    width: calc(100% - 64px);
    margin: 0;
  }
}
.trend .nav {
  margin-bottom: 64px;
}
@media only screen and (max-width: 767px) {
  .trend .nav {
    display: none;
  }
}
.trend .nav__link:not(:last-child) {
  margin-right: 24px;
}
.trend .select {
  display: none;
}
@media only screen and (max-width: 767px) {
  .trend .select {
    display: block;
    margin-bottom: 32px;
  }
}
.trend__table {
  display: table;
  width: 100%;
}
.trend__row {
  display: table-row;
  color: #23262F;
}
.trend__row:first-child .trend__col {
  padding: 24px 16px;
  border-bottom: 1px solid #E6E8EC;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .trend__row:first-child .trend__col {
    padding: 8px;
  }
  .trend__row:first-child .trend__col:nth-child(2) {
    padding-left: 0;
  }
  .trend__row:first-child .trend__col:last-child {
    padding-right: 0;
  }
}
body.dark .trend__row:first-child .trend__col {
  border-color: #353945;
}
.trend__row:not(:first-child) {
  border-radius: 12px;
  transition: background 0.2s;
}
.trend__row:not(:first-child) .trend__col {
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .trend__row:not(:first-child) .trend__col {
    font-size: 12px;
  }
}
.trend__row:not(:first-child) .trend__col:first-child {
  border-radius: 12px 0 0 12px;
  color: #777E90;
}
@media only screen and (max-width: 1023px) {
  .trend__row:not(:first-child) .trend__col:first-child {
    border-radius: 0;
  }
}
.trend__row:not(:first-child) .trend__col:last-child {
  border-radius: 0 12px 12px 0;
}
@media only screen and (max-width: 1023px) {
  .trend__row:not(:first-child) .trend__col:last-child {
    border-radius: 0;
  }
}
.trend__row:not(:first-child):hover {
  background: #F4F5F6;
}
@media only screen and (max-width: 1023px) {
  .trend__row:not(:first-child):hover {
    background: none;
  }
}
body.dark .trend__row:not(:first-child):hover {
  background: #23262F;
}
.trend__col {
  display: table-cell;
  padding: 20px 16px;
}
@media only screen and (max-width: 1023px) {
  .trend__col:nth-child(5) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .trend__col {
    padding: 8px 8px 6px;
    font-size: 12px;
  }
  .trend__col:first-child, .trend__col:nth-child(6) {
    display: none;
  }
  .trend__col:nth-child(2) {
    padding-left: 0;
  }
  .trend__col:last-child {
    padding-right: 0;
  }
}
body.dark .trend__col {
  color: #FCFCFD;
}
.trend__item {
  display: flex;
  align-items: center;
}
.trend__icon {
  flex-shrink: 0;
  width: 40px;
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  .trend__icon {
    margin-right: 16px;
  }
}
.trend__icon img {
  max-width: 100%;
}
.trend__currency {
  margin-left: 12px;
  color: #B1B5C3;
}
@media only screen and (max-width: 767px) {
  .trend__currency {
    display: none;
  }
}
.trend__positive {
  color: #58BD7D;
}
.trend__negative {
  color: #FF6838;
}
.trend__chart {
  width: 136px;
  margin: -17px 0;
}

@media only screen and (max-width: 1179px) {
  .popular__center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .popular__center {
    padding: 0 32px;
  }
}
.popular__head {
  max-width: 455px;
  margin: 0 auto 64px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .popular__head {
    margin-bottom: 48px;
    text-align: left;
  }
}
.popular__title {
  margin-bottom: 20px;
}
.popular__info {
  font-size: 16px;
  line-height: 1.5;
  color: #777E90;
}
.popular__wrapper {
  margin: 0 -12px;
}
@media only screen and (max-width: 767px) {
  .popular__wrapper {
    margin: 0 -4px;
  }
}
.popular__item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  padding: 50px 32px;
  border-radius: 20px;
  background: #FCFCFD;
  text-align: center;
  transition: all 0.2s;
}
.popular__item:hover {
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
}
body.dark .popular__item {
  background: #23262F;
  box-shadow: inset 0 0 0 2px #23262F;
}
body.dark .popular__item:hover {
  background: transparent;
}
.popular__item .popular__button {
  margin-top: auto;
}
.popular__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 160px;
  margin: 0 auto 32px;
}
.popular__preview img {
  max-width: 100%;
  max-height: 100%;
}
.popular__subtitle {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  font-weight:700;
}
.popular__content {
  margin-bottom: 16px;
  color: #777E90;
}
.popular__btns {
  margin-top: 64px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .popular__btns {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .popular__btns .popular__button {
    width: 100%;
  }
}
.popular__slider {
  visibility: hidden;
}
@media only screen and (max-width: 1023px) {
  .popular__slider {
    padding-bottom: 72px;
  }
}
.popular__slider.slick-initialized {
  visibility: visible;
}
.popular .slick-list {
  overflow: visible;
}
.popular .slick-track {
  display: flex;
}
.popular .slick-slide {
  height: auto;
  margin: 0 12px;
  opacity: 0;
  transition: opacity 0.4s;
}
@media only screen and (max-width: 767px) {
  .popular .slick-slide {
    margin: 0 4px;
    opacity: 1;
  }
}
.popular .slick-slide.slick-active {
  opacity: 1;
}
.popular .slick-arrow {
  bottom: 0;
}
.popular .slick-prev {
  left: calc(50% - 50px);
}
.popular .slick-next {
  right: calc(50% - 50px);
}

.download {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 908px;
  padding: 136px 0;
}
@media only screen and (max-width: 1179px) {
  .download {
    min-height: 764px;
    padding: 112px 0;
  }
}
@media only screen and (max-width: 767px) {
  .download {
    min-height: auto;
    padding: 8px 0 64px;
  }
}
.download__wrap {
  position: relative;
  z-index: 3;
  max-width: 450px;
}
@media only screen and (max-width: 1023px) {
  .download__wrap {
    max-width: 300px;
  }
}
.download__title {
  margin-bottom: 16px;
}
.download__info {
  margin-bottom: 64px;
  font-size: 16px;
  line-height: 1.5;
  color: #ddd;
}
@media only screen and (max-width: 767px) {
  .download__info {
    margin-bottom: 48px;
  }
}
.download__list {
  max-width: 348px;
}
.download__item {
  display: flex;
  align-items: center;
}
.download__item:hover .download__icon:after {
  opacity: 1;
  visibility: visible;
}
.download__item:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E6E8EC;
}
body.dark .download__item:not(:last-child) {
  border-color: #aaa;
}
.download__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  margin-right: 24px;
  border-radius: 50%;
  background: rgba(200,200,200,0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.download__icon img {
  max-width: 24px;
}
.download__icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #2A85FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' viewBox='0 0 14 9'%3E%3Cpath fill-rule='evenodd' d='M9.091.265a1 1 0 0 1 1.413.057l3.231 3.5a1 1 0 0 1 0 1.357l-3.231 3.5a1 1 0 0 1-1.47-1.357L10.716 5.5H1a1 1 0 1 1 0-2h9.716L9.034 1.678A1 1 0 0 1 9.091.265z' fill='%23fcfcfd'/%3E%3C/svg%3E") no-repeat 50% 50%/14px auto;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.download__details {
  flex-grow: 1;
}
.download__subtitle {
  font-size: 24px;
  line-height: 1.3333333333;
  letter-spacing: -0.01em;
  color: #23262F;
}
body.dark .download__subtitle {
  color: #FCFCFD;
}
.download__content {
  color: #ddd;
}
.download__bg {
  position: absolute;
  top: 52%;
  right: calc(50% - 850px);
  width: 900px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
@media only screen and (max-width: 1179px) {
  .download__bg {
    right: calc(50% - 620px);
    width: 620px;
  }
}
@media only screen and (max-width: 1023px) {
  .download__bg {
    right: calc(50% - 520px);
    width: 540px;
  }
}
@media only screen and (max-width: 767px) {
  .download__bg {
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: auto;
    margin-right: -80px;
  }
}
.download__bg img {
  width: 80%;
  margin-top:60px;
  margin-bottom:30px;
}

.news__center {
  max-width: 1132px;
}
.news__head {
  max-width: 645px;
  margin: 0 auto 0px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .news__head {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .news__head {
    margin-bottom: 24px;
  }
}
.news__logo {
  margin-bottom: 16px;
}
.news__logo img {width:150px;}
.news__title {
  margin-bottom: 20px;
}
.news__info {
  font-size: 16px;
  line-height: 1.5;
  color: #aaa;
}
.news__item {
  position: relative;
  display: flex !important;
  width: 100%;
  min-height: 544px;
  padding: 80px 20px;
  border-radius: 24px;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
}
@media only screen and (max-width: 1179px) {
  .news__item {
    padding: 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .news__item {
    display: block !important;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    background: none;
  }
}
body.dark .news__item {
  //background: #23262F;
  background:transparent;
}
@media only screen and (max-width: 1023px) {
  body.dark .news__item {
    background: none;
  }
}
.news__preview {
  position: absolute;
  top: 90px;
  right: -70px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 640px;

}
#nptwo {
  top:30px;
  right:50px;
}

@media only screen and (max-width: 1179px) {
  .news__preview {
    top: 110px;
    right:-50px;
    width: 600px;
    height: 500px;
   
  }

}
@media only screen and (max-width: 1023px) {
  .news__preview {
    position: static;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 639px) {
  .news__preview {
    width: 100%;
    height: 320px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
  }

}
.news__preview img {
  max-width: 100%;
  max-height: 100%;
}




.news__wrap {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 352px;
}
@media only screen and (max-width: 1023px) {
  .news__wrap {
    display: block;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }
}
.news__stage {
  margin-top: auto;
}
.news__subtitle {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.3333333333;
  letter-spacing: -0.01em;
}
.news__content {
  margin-bottom: auto;
  font-size: 16px;
  line-height: 1.5;
  color: #aaa;
}
.news__button {
  margin-top: 48px;
}
.news__slider {
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .news__slider {
    padding-bottom: 72px;
  }
}
.news__slider.slick-initialized {
  visibility: visible;
}
.news .slick-list {
  overflow: visible;
}
.news .slick-slide {
  opacity: 0;
  transition: opacity 0.4s;
}
.news .slick-slide.slick-active {
  opacity: 1;
}
.news .slick-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .news .slick-arrow {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.news .slick-prev {
  left: -96px;
}
@media only screen and (max-width: 1419px) {
  .news .slick-prev {
    left: -64px;
  }
}
@media only screen and (max-width: 1179px) {
  .news .slick-prev {
    left: -48px;
  }
}
@media only screen and (max-width: 1023px) {
  .news .slick-prev {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .news .slick-prev {
    left: calc(50% - 48px);
  }
}
.news .slick-next {
  right: -96px;
}
@media only screen and (max-width: 1419px) {
  .news .slick-next {
    right: -64px;
  }
}
@media only screen and (max-width: 1179px) {
  .news .slick-next {
    right: -48px;
  }
}
@media only screen and (max-width: 1023px) {
  .news .slick-next {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .news .slick-next {
    right: calc(50% - 48px);
  }
}

.steps__head {
  max-width: 380px;
  margin: 0 auto 80px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .steps__head {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .steps__head {
    margin-bottom: 40px;
  }
}
.steps__title {
  margin-bottom: 20px;
}
.steps__info {
  color: #353945;
}
body.dark .steps__info {
  color: #E6E8EC;
}
.steps__list {
  display: flex;
  margin: 0 -16px;
}
@media only screen and (max-width: 1023px) {
  .steps__list {
    margin: 0 -40px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .steps__list::-webkit-scrollbar {
    display: none;
  }
  .steps__list:before, .steps__list:after {
    content: "";
    flex-shrink: 0;
    width: 40px;
    height: 1px;
  }
}
.steps__item {
  position: relative;
  flex: 0 0 calc(25% - 32px);
  width: calc(25% - 32px);
  margin: 0 16px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .steps__item {
    flex: 0 0 256px;
    width: 256px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .steps__item {
    text-align: left;
  }
}
.steps__item:after {
  content: "";
  position: absolute;
  top: 47px;
  right: -84px;
  width: 130px;
  height: 2px;
  background-image: linear-gradient(90deg, #B1B5C3 0, #B1B5C3 6px, transparent 6px, transparent 14px);
  background-repeat: repeat-x;
  background-size: 12px auto;
}
@media only screen and (max-width: 1259px) {
  .steps__item:after {
    right: -66px;
    width: 100px;
  }
}
@media only screen and (max-width: 1179px) {
  .steps__item:after {
    right: -50px;
    width: 60px;
  }
}
@media only screen and (max-width: 1023px) {
  .steps__item:after {
    right: -79px;
    width: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .steps__item:after {
    right: 0;
  }
}
.steps__item:first-child .steps__preview:before {
  display: none;
}
.steps__item:last-child:after {
  display: none;
}
.steps__item:last-child .steps__preview:after {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .steps__item:not(:last-child) {
    margin-right: 32px;
  }
}
.steps__preview {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  margin: 0 auto 80px;
  border-radius: 24px;
}
@media only screen and (max-width: 767px) {
  .steps__preview {
    margin: 0 0 32px 0;
  }
}
.steps__preview:before, .steps__preview:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  border: 2px solid #B1B5C3;
}
.steps__preview:before {
  left: -24px;
}
.steps__preview:after {
  right: -24px;
}
.steps__preview img {
  width: 100%;
}
.steps__number {
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.steps__subtitle {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.steps__content {
  color: #353945;
}
body.dark .steps__content {
  color: #E6E8EC;
}

.footer {
  border-top: 1px solid #E6E8EC;
}
body.dark .footer {
  border-color: #23262F;
}
.footer__center {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .footer__center {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .footer__body {
    position: relative;
    padding-top: 32px;
  }
}
.footer__col {
  flex: 0 0 30.5%;
  padding: 80px 86px 64px;
}
@media only screen and (max-width: 1339px) {
  .footer__col {
    padding: 80px 64px 64px;
  }
}
@media only screen and (max-width: 1179px) {
  .footer__col {
    flex: 0 0 34%;
  }
}
@media only screen and (max-width: 1023px) {
  .footer__col {
    padding: 64px 32px 48px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__col {
    padding: 32px 0;
    border-bottom: 1px solid #E6E8EC;
  }
  body.dark .footer__col {
    border-color: #23262F;
  }
}
.footer__col:first-child {
  display: flex;
  flex: 0 0 39%;
  padding-left: 0;
}
@media only screen and (max-width: 1179px) {
  .footer__col:first-child {
    flex: 0 0 32%;
  }
}
@media only screen and (max-width: 767px) {
  .footer__col:first-child {
    display: block;
  }
}
.footer__col:nth-child(3) {
  padding-right: 0;
}
.footer__col:nth-child(2), .footer__col:nth-child(3) {
  border-left: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .footer__col:nth-child(2), .footer__col:nth-child(3) {
    border-left: none;
  }
}
body.dark .footer__col:nth-child(2), body.dark .footer__col:nth-child(3) {
  border-color: #23262F;
}
.footer__logo {
  display: inline-block;
  margin-right: 160px;
  width: 86px;
  overflow: hidden;
}
.footer__logo img {
  width:36px;
  height:36px;
}
@media only screen and (max-width: 1339px) {
  .footer__logo {
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer__logo {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__logo {
    width: 140px;
    margin: 0 0 32px;
  }
}

.footer__item .footer__category {
  display: none;
}
@media only screen and (max-width: 767px) {
  .footer__item .footer__category {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }
}
.footer__item .footer__category .icon {
  width: 24px;
  height: 24px;
  margin-left: auto;
  fill: #777E90;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.footer__item .footer__category.active .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.footer__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .footer__menu {
    display: flex !important;
  }
}
@media only screen and (max-width: 767px) {
  .footer__menu {
    display: none;
    padding-top: 40px;
  }
}
.footer__link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  //color: #777E90;
  transition: color 0.2s;
}
@media only screen and (max-width: 767px) {
  .footer__link {
    display: block;
  }
}
.footer__link:hover, .footer__link.active {
  color: #23262F;
}
body.dark .footer__link:hover, body.dark .footer__link.active {
  color: #FCFCFD;
}
.footer__link:not(:last-child) {
  margin-bottom: 24px;
}
.footer__category {
  margin-bottom: 41px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.footer__info {
  font-size: 14px;
  line-height: 1.7142857143;
}
.footer__info p:not(:last-child) {
  margin-bottom: 8px;
}
.footer__info:not(:last-child) {
  margin-bottom: 24px;
}
.footer__foot {
  padding: 25px 0 20px;
  border-top: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .footer__foot {
    padding: 56px 0 48px;
    border: none;
  }
}
body.dark .footer__foot {
  border-color: #23262F;
}
.footer__copyright {
  margin-right: auto;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .footer__copyright {
    margin: 0 0 24px;
  }
}
.footer__socials {
  display: flex;
}
.footer__social {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.footer__social .icon {
  width: 16px;
  height: 16px;
  fill: #777E90;
  transition: fill 0.2s;
}
.footer__social .icon-twitter {
  width: 18px;
  height: 18px;
}
.footer__social .icon-behance {
  width: 20px;
  height: 20px;
}
.footer__social:hover .icon {
  fill: #23262F;
}
body.dark .footer__social:hover .icon {
  fill: #FCFCFD;
}
.footer__social:not(:last-child) {
  margin-right: 24px;
}

.subscription {
  position: relative;
}
.subscription__input {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 14px;
  border-radius: 24px;
  background: none;
  border: 2px solid #E6E8EC;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.7142857143;
  color: #23262F;
  transition: border-color 0.2s;
}
body.dark .subscription__input {
  border-color: #353945;
  color: #FCFCFD;
}
.subscription__input:focus {
  border-color: #777E90;
}
body.dark .subscription__input:focus {
  border-color: #777E90;
}
.subscription__input::-webkit-input-placeholder {
  color: #777E90;
}
.subscription__input::-moz-placeholder {
  color: #777E90;
}
.subscription__input:-ms-input-placeholder {
  color: #777E90;
}
.subscription__input::-ms-input-placeholder {
  color: #777E90;
}
.subscription__input::placeholder {
  color: #777E90;
}
.subscription__btn {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background:linear-gradient(to bottom right, #0a84ff, #0041BE);
  transition: background 0.2s;
}
.subscription__btn .icon {
  width: 14px;
  height: 14px;
  fill: #FCFCFD;
}
.subscription__btn:hover {
  background: #044eff;
}
.subscription_big .subscription__input {
  height: 72px;
  padding: 0 72px 0 22px;
  border-radius: 36px;
  border: 2px solid #F4F5F6;
  font-size: 16px;
}
.subscription_big .subscription__input::-webkit-input-placeholder {
  color: #B1B5C3;
}
.subscription_big .subscription__input::-moz-placeholder {
  color: #B1B5C3;
}
.subscription_big .subscription__input:-ms-input-placeholder {
  color: #B1B5C3;
}
.subscription_big .subscription__input::-ms-input-placeholder {
  color: #B1B5C3;
}
.subscription_big .subscription__input::placeholder {
  color: #B1B5C3;
}
.subscription_big .subscription__input:focus {
  border-color: #B1B5C3;
}
body.dark .subscription_big .subscription__input {
  border-color: #353945;
}
body.dark .subscription_big .subscription__input:focus {
  border-color: #B1B5C3;
}
.subscription_big .subscription__btn {
  top: 16px;
  right: 16px;
  bottom: 16px;
  width: 40px;
  height: 40px;
}
.subscription_big .subscription__btn .icon {
  width: 20px;
  height: 20px;
}

.home {
  position: relative;
  padding-top: 156px;
  min-height: 692px;
  background: #DECBE9;
}
@media only screen and (max-width: 767px) {
  .home {
    min-height: auto;
    padding: 64px 0 112px;
  }
}
body.dark .home {
  background: #18191D;
}
.home__wrap {
  position: relative;
  z-index: 3;
  max-width: 545px;
  margin-bottom: 143px;
}
@media only screen and (max-width: 767px) {
  .home__wrap {
    margin-bottom: 8px;
  }
}
.home__title {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .home__title {
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 48px;
  }
}
.home__text {
  font-size: 24px;
  line-height: 1.3333333333;
  letter-spacing: -0.01em;
  color: #353945;
}
@media only screen and (max-width: 767px) {
  .home__text {
    font-size: 16px;
  }
}
body.dark .home__text {
  color: #B1B5C3;
}
.home__text strong {
  font-weight: 600;
}
.home__bg {
  position: absolute;
  top: 0;
  right: calc(50% - 760px);
  width: 780px;
  pointer-events: none;
}
@media only screen and (max-width: 1179px) {
  .home__bg {
    right: calc(50% - 820px);
  }
}
@media only screen and (max-width: 767px) {
  .home__bg {
    position: static;
    width: auto;
    margin: 0 -76px 24px -30px;
  }
}
.home__bg img {
  width: 100%;
}

.panel {
  position: relative;
  margin: -137px 0 72px;
}
.panel__wrapper {
  border-radius: 24px;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  background: #FCFCFD;
  border: 1px solid #F4F5F6;
}
@media only screen and (max-width: 767px) {
  .panel__wrapper {
    margin: 0 -16px 32px;
  }
}
body.dark .panel__wrapper {
  background: #18191D;
  border-color: #23262F;
}
.panel__list {
  display: flex;
  margin: 0 -18px;
}
@media only screen and (max-width: 1023px) {
  .panel__list {
    margin: 0;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .panel__list::-webkit-scrollbar {
    display: none;
  }
  .panel__list:before, .panel__list:after {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 1px;
  }
}
.panel__item {
  display: flex;
  flex: 0 0 calc(33.333% - 36px);
  width: calc(33.333% - 36px);
  margin: 0 18px;
  padding: 24px;
  color: #23262F;
}
@media only screen and (max-width: 1023px) {
  .panel__item {
    flex: 0 0 250px;
    width: 250px;
    margin: 0;
    padding: 24px 0;
  }
}
@media only screen and (max-width: 767px) {
  .panel__item {
    flex: 0 0 220px;
    width: 220px;
  }
}
body.dark .panel__item {
  color: #FCFCFD;
}
.panel__item:hover .panel__price {
  color: #2A85FF;
}
.panel__icon {
  flex-shrink: 0;
  width: 40px;
  margin-right: 16px;
}
.panel__line {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.panel__title {
  margin-right: 12px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.panel__positive, .panel__negative {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #FCFCFD;
}
.panel__positive {
  background: #58BD7D;
}
.panel__negative {
  background: #FF6838;
}
.panel__price {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
  transition: color 0.2s;
}
.panel__money {
  font-size: 12px;
  line-height: 1.6666666667;
}
.panel__foot {
  display: flex;
  align-items: center;
  padding: 34px 32px;
  border-top: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .panel__foot {
    display: block;
  }
}
body.dark .panel__foot {
  border-color: #23262F;
}
.panel .nav {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .panel .nav {
    display: none;
  }
}
.panel .nav__link:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 1023px) {
  .panel .nav__link:not(:last-child) {
    margin-right: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .panel__button {
    display: none;
  }
}
.panel .select {
  display: none;
}
@media only screen and (max-width: 767px) {
  .panel .select {
    display: block;
    width: 100%;
  }
  body.dark .panel .select {
    background: none;
  }
}
.panel__chart {
  width: 100px;
  margin: -16px 0 0 6px;
}
@media only screen and (max-width: 1339px) {
  .panel__chart {
    flex-grow: 1;
  }
}
@media only screen and (max-width: 1179px) {
  .panel__chart {
    display: none;
  }
}

.market__table {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .market__table {
    display: block;
  }
}
.market__row {
  display: table-row;
  color: #23262F;
}
@media only screen and (max-width: 1023px) {
  .market__row {
    position: relative;
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .market__row:first-child {
    display: none;
  }
}
.market__row:first-child .market__col {
  padding: 0 16px 32px;
  border-bottom: 1px solid #E6E8EC;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
body.dark .market__row:first-child .market__col {
  border-color: #23262F;
}
.market__row:first-child .market__col .icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  fill: #777E90;
}
.market__row:not(:first-child) {
  transition: background 0.2s;
}
.market__row:not(:first-child) .market__col {
  vertical-align: middle;
  font-weight: 500;
}
.market__row:not(:first-child) .market__col:first-child {
  border-radius: 12px 0 0 12px;
  color: #777E90;
}
@media only screen and (max-width: 1023px) {
  .market__row:not(:first-child) .market__col:first-child {
    border-radius: 0;
  }
}
.market__row:not(:first-child) .market__col:last-child {
  border-radius: 0 12px 12px 0;
}
@media only screen and (max-width: 1023px) {
  .market__row:not(:first-child) .market__col:last-child {
    border-radius: 0;
  }
}
.market__row:not(:first-child):hover {
  background: #F4F5F6;
}
body.dark .market__row:not(:first-child):hover {
  background: #23262F;
}
.market__row:not(:first-child):hover .market__button {
  display: inline-flex;
}
.market__row:not(:first-child):hover .market__chart {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .market__row:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E8EC;
  }
  body.dark .market__row:not(:last-child) {
    border-color: #353945;
  }
}
.market__col {
  display: table-cell;
  padding: 16px;
  text-align: right;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .market__col {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    padding: 0;
  }
}
body.dark .market__col {
  color: #FCFCFD;
}
.market__col:first-child, .market__col:nth-child(2) {
  text-align: left;
}
@media only screen and (max-width: 1023px) {
  .market__col:nth-child(2) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1179px) {
  .market__col:nth-last-child(2) {
    display: none;
  }
}
.market__col:first-child {
  font-size: 12px;
}
@media only screen and (max-width: 1023px) {
  .market__col:first-child {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .market__col:last-child {
    margin-bottom: 0;
  }
}
.market__line {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.market .favorite {
  position: relative;
  top: -1px;
  margin-right: 10px;
}
.market__item {
  display: flex;
  align-items: center;
}
.market__icon {
  flex-shrink: 0;
  width: 32px;
  margin-right: 12px;
}
.market__icon img {
  max-width: 100%;
}
.market__subtitle {
  margin-right: 4px;
}
.market__currency {
  font-weight: 400;
  color: #777E90;
}
.market__positive {
  color: #58BD7D;
}
.market__negative {
  color: #FF6838;
}
.market__button {
  display: none;
  width: 96px;
}
@media only screen and (max-width: 1179px) {
  .market__button {
    display: inline-flex;
  }
}
@media only screen and (max-width: 1023px) {
  .market__button {
    position: absolute;
    top: -6px;
    right: 0;
  }
}
.market__chart {
  width: 96px;
  margin: -15px 0 -15px auto;
}
@media only screen and (max-width: 1179px) {
  .market__chart {
    display: none;
  }
}
.market__label {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .market__label {
    display: block;
    margin-right: auto;
    font-size: 12px;
    line-height: 1.6666666667;
    font-weight: 600;
    color: #777E90;
  }
}

.loader {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  font-size: 4px;
  -webkit-animation: loader 1.1s infinite ease;
          animation: loader 1.1s infinite ease;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
body.dark .loader {
  -webkit-animation-name: loader-white;
          animation-name: loader-white;
}
.loader_white {
  -webkit-animation-name: loader-white;
          animation-name: loader-white;
}

@-webkit-keyframes loader {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #777e90, 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.5), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.7), 1.8em -1.8em 0 0em #777e90, 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.5), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7), 2.5em 0em 0 0em #777e90, 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5), 2.5em 0em 0 0em rgba(119, 126, 144, 0.7), 1.75em 1.75em 0 0em #777e90, 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.5), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.7), 0em 2.5em 0 0em #777e90, -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.5), 0em 2.5em 0 0em rgba(119, 126, 144, 0.7), -1.8em 1.8em 0 0em #777e90, -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.5), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.7), -2.6em 0em 0 0em #777e90, -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.5), -2.6em 0em 0 0em rgba(119, 126, 144, 0.7), -1.8em -1.8em 0 0em #777e90;
  }
}

@keyframes loader {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #777e90, 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.5), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.7), 1.8em -1.8em 0 0em #777e90, 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.5), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7), 2.5em 0em 0 0em #777e90, 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5), 2.5em 0em 0 0em rgba(119, 126, 144, 0.7), 1.75em 1.75em 0 0em #777e90, 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.5), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.7), 0em 2.5em 0 0em #777e90, -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.5), 0em 2.5em 0 0em rgba(119, 126, 144, 0.7), -1.8em 1.8em 0 0em #777e90, -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.5), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.7), -2.6em 0em 0 0em #777e90, -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.5), -2.6em 0em 0 0em rgba(119, 126, 144, 0.7), -1.8em -1.8em 0 0em #777e90;
  }
}
@-webkit-keyframes loader-white {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes loader-white {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.lessons__head {
  max-width: 455px;
  margin: 0 auto 64px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .lessons__head {
    margin-bottom: 48px;
  }
}
.lessons__title {
  margin-bottom: 20px;
}
.lessons__info {
  font-size: 16px;
  line-height: 1.5;
  color: #353945;
}
body.dark .lessons__info {
  color: #B1B5C3;
}
.lessons__list {
  display: flex;
  flex-wrap: wrap;
  margin: -48px -16px 0;
}
@media only screen and (max-width: 767px) {
  .lessons__list {
    display: block;
    margin: 0;
  }
}
.lessons__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 calc(33.333% - 32px);
  width: calc(33.333% - 32px);
  margin: 48px 16px 0;
  padding-bottom: 48px;
  border-bottom: 2px solid #E6E8EC;
  color: #23262F;
  transition: color 0.2s;
}
@media only screen and (max-width: 1023px) {
  .lessons__item {
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
  }
}
@media only screen and (max-width: 767px) {
  .lessons__item {
    width: 100%;
    margin: 32px 0 0;
    padding-bottom: 0;
    border: none;
  }
}
body.dark .lessons__item {
  border-color: #353945;
  color: #FCFCFD;
}
.lessons__item:hover {
  color: #2A85FF;
}
.lessons__item:hover .lessons__preview img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.lessons__item:nth-child(n+4) {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .lessons__item:nth-child(n+4) {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .lessons__item:nth-child(n+4) {
    display: none;
  }
}
.lessons__preview {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 48px;
  border-radius: 12px;
}
@media only screen and (max-width: 767px) {
  .lessons__preview {
    margin-bottom: 32px;
  }
}
.lessons__preview:before {
  content: "";
  display: block;
  padding-bottom: 57%;
}
@media only screen and (max-width: 1179px) {
  .lessons__preview:before {
    padding-bottom: 75%;
  }
}
.lessons__preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.lessons__category {
  margin-bottom: 16px;
}
.lessons__subtitle {
  margin-bottom: 48px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  .lessons__subtitle {
    margin-bottom: 32px;
  }
}
.lessons__line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  font-weight: 500;
  color: #777E90;
}
.lessons__author {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.lessons__avatar {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
  background: #58BD7D;
}
.lessons__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lessons__btns {
  margin-top: 64px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lessons__btns {
    margin-top: 48px;
  }
}
.lessons__button .loader {
  margin: 0 16px 0 5px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.discover {
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .discover {
    padding-top: 64px;
  }
}
.discover__head {
  max-width: 730px;
  margin: 0 auto 80px;
  text-align: center;
}
.discover__title {
  margin-bottom: 16px;
}
.discover__info {
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.3333333333;
  letter-spacing: -0.01em;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .discover__info {
    font-size: 16px;
  }
}
.discover__btns {
  display: flex;
  justify-content: center;
}
.discover__button:not(:last-child) {
  margin-right: 16px;
}
.discover__video {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .discover__video:before {
    content: "";
    display: block;
    padding-bottom: 122%;
  }
}
.discover__video img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .discover__video img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.releases {
  position: relative;
}
.releases__anchor {
  top: 48px;
}
.releases__head {
  display: flex;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1023px) {
  .releases__head {
    display: block;
    margin-bottom: 48px;
  }
}
.releases__stage {
  width: 352px;
}
@media only screen and (max-width: 1023px) {
  .releases__stage {
    width: 100%;
    margin-bottom: 20px;
  }
}
.releases__wrap {
  flex-shrink: 0;
  width: 640px;
  margin-left: auto;
}
@media only screen and (max-width: 1179px) {
  .releases__wrap {
    width: 500px;
  }
}
@media only screen and (max-width: 1023px) {
  .releases__wrap {
    width: 100%;
  }
}
.releases__title {
  margin-bottom: 20px;
}
.releases__info {
  max-width: 450px;
  margin-bottom: 64px;
  font-size: 16px;
  line-height: 1.5;
  color: #353945;
}
@media only screen and (max-width: 1023px) {
  .releases__info {
    margin-bottom: 48px;
  }
}
body.dark .releases__info {
  color: #F4F5F6;
}
@media only screen and (max-width: 767px) {
  .releases .nav {
    display: none;
  }
}
.releases .nav__link:not(:last-child) {
  margin-right: 12px;
}
.releases .select {
  display: none;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .releases .select {
    display: block;
  }
}
body.dark .releases .select {
  background: none;
}
.releases__item {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  color: #23262F;
  transition: color 0.2s;
}
@media only screen and (max-width: 1023px) {
  .releases__item {
    display: block;
  }
}
body.dark .releases__item {
  color: #FCFCFD;
}
.releases__item:hover {
  color: #2A85FF;
}
.releases__item:hover .releases__arrow {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.releases__item:hover .releases__arrow .icon {
  fill: #2A85FF;
}
.releases__item:not(:last-child) {
  margin-bottom: 80px;
}
.releases__preview {
  flex-shrink: 0;
  width: 640px;
  margin-left: auto;
}
@media only screen and (max-width: 1179px) {
  .releases__preview {
    width: 500px;
  }
}
@media only screen and (max-width: 1023px) {
  .releases__preview {
    width: 100%;
    margin-bottom: 32px;
  }
}
.releases__preview img {
  width: 100%;
  border-radius: 16px;
}
@media only screen and (max-width: 1023px) {
  .releases__preview img {
    min-height: 240px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.releases__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 352px;
}
@media only screen and (max-width: 1179px) {
  .releases__details {
    width: auto;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .releases__details {
    padding-right: 0;
  }
}
.releases__category {
  margin-bottom: auto;
}
.releases__subtitle {
  margin: 24px 0 8px;
}
@media only screen and (max-width: 1023px) {
  .releases__subtitle {
    margin-top: 16px;
  }
}
.releases__currency {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #353945;
}
body.dark .releases__currency {
  color: #B1B5C3;
}
.releases__content {
  margin-bottom: auto;
  color: #777E90;
}
.releases__arrow {
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  width: 24px;
  height: 24px;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
@media only screen and (max-width: 1023px) {
  .releases__arrow {
    position: static;
    margin-top: 16px;
  }
}
.releases__arrow .icon {
  width: 14px;
  height: 14px;
  fill: #777E90;
  transition: fill 0.2s;
}

.catalog {
  position: relative;
}
.catalog__anchor {
  top: 48px;
}
.catalog__form {
  position: relative;
  margin-bottom: 48px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .catalog__form {
    margin-bottom: 24px;
  }
}
body.dark .catalog__form {
  border-color: #353945;
}
.catalog__input {
  width: 100%;
  height: 48px;
  padding-right: 64px;
  border-radius: 0;
  background: none;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #23262F;
}
@media only screen and (max-width: 767px) {
  .catalog__input {
    font-size: 16px;
    font-weight: 500;
  }
}
.catalog__input::-webkit-input-placeholder {
  color: #23262F;
}
.catalog__input::-moz-placeholder {
  color: #23262F;
}
.catalog__input:-ms-input-placeholder {
  color: #23262F;
}
.catalog__input::-ms-input-placeholder {
  color: #23262F;
}
.catalog__input::placeholder {
  color: #23262F;
}
body.dark .catalog__input {
  color: #FCFCFD;
}
body.dark .catalog__input::-webkit-input-placeholder {
  color: #E6E8EC;
}
body.dark .catalog__input::-moz-placeholder {
  color: #E6E8EC;
}
body.dark .catalog__input:-ms-input-placeholder {
  color: #E6E8EC;
}
body.dark .catalog__input::-ms-input-placeholder {
  color: #E6E8EC;
}
body.dark .catalog__input::placeholder {
  color: #E6E8EC;
}
.catalog__result {
  position: absolute;
  top: 0;
  right: 0;
}
.catalog__result .icon {
  width: 24px;
  height: 24px;
  margin: 0;
}
.catalog__sorting {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
}
@media only screen and (max-width: 767px) {
  .catalog__sorting {
    display: block;
  }
}
.catalog .select {
  width: 256px;
}
@media only screen and (max-width: 767px) {
  .catalog .select {
    width: 100%;
  }
  .catalog .select:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .catalog .nav {
    display: none;
  }
}
.catalog .nav__link:not(:last-child) {
  margin-right: 12px;
}
.catalog__list, .catalog__group {
  display: flex;
  flex-wrap: wrap;
  margin: -32px -16px 0;
}
@media only screen and (max-width: 767px) {
  .catalog__list, .catalog__group {
    display: block;
    margin: 0;
  }
}
.catalog .card {
  flex: 0 0 calc(33.333% - 32px);
  width: calc(33.333% - 32px);
  margin: 32px 16px 0;
}
@media only screen and (max-width: 1179px) {
  .catalog .card {
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
  }
}
@media only screen and (max-width: 767px) {
  .catalog .card {
    width: 100%;
    margin: 0;
  }
  .catalog .card:not(:last-child) {
    margin-bottom: 32px;
  }
}
.catalog__group .card:nth-child(n+4) {
  display: none;
}
@media only screen and (max-width: 1179px) {
  .catalog__group .card:nth-child(n+4) {
    display: block;
  }
}
@media only screen and (max-width: 1179px) {
  .catalog__group .card:nth-child(n+5) {
    display: none;
  }
}
.catalog__btns {
  margin-top: 32px;
  text-align: center;
}

.card {
  display: block;
  color: #23262F;
  transition: color 0.2s;
}
body.dark .card {
  color: #FCFCFD;
}
.card:hover {
  color: #2A85FF;
}
.card:hover .card__preview img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.card__preview {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.card__preview img {
  width: 100%;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.card__category {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}
.card__body {
  display: flex;
  padding: 20px 0;
}
.card__avatar {
  position: relative;
  top: 2px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #E4D7CF;
}
body.dark .card__avatar {
  background: #353945;
}
.card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card__details {
  flex-grow: 1;
  padding: 0 16px;
}
.card__title {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.card__author {
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.card__status {
  align-self: flex-start;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumbs__item {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #23262F;
}
body.dark .breadcrumbs__item {
  color: #FCFCFD;
}
.breadcrumbs__item:not(:last-child) {
  margin-right: 16px;
}
.breadcrumbs__item:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  margin-left: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none' viewBox='0 0 6 10'%3E%3Cpath fill-rule='evenodd' d='M.793.793a1 1 0 0 0 0 1.414L3.586 5 .793 7.793a1 1 0 0 0 1.414 1.414l3.5-3.5a1 1 0 0 0 0-1.414l-3.5-3.5a1 1 0 0 0-1.414 0z' fill='%23777E90'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs__item:not(:last-child):not(:nth-last-child(2)) {
    display: none;
  }
}
.breadcrumbs__link {
  color: #777E90;
  transition: color 0.2s;
}
.breadcrumbs__link:hover {
  color: #2A85FF;
}

.article {
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .article {
    padding-top: 40px;
  }
}
.article__head {
  max-width: 730px;
  margin: 0 auto 80px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .article__head {
    margin-bottom: 32px;
  }
}
.article__title {
  margin-bottom: 24px;
}
.article .breadcrumbs {
  justify-content: center;
}
@media only screen and (max-width: 1179px) {
  .article__body {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .article__body {
    margin-bottom: 32px;
  }
}
.article__wrap .article__center {
  max-width: 888px;
}
.article .actions {
  margin-top: 80px;
}
@media only screen and (max-width: 1179px) {
  .article .actions {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .article .actions {
    margin-top: 32px;
  }
}

.player {
  position: relative;
}
.player:before {
  content: "";
  display: block;
  padding-bottom: 53.6%;
}
@media only screen and (max-width: 1179px) {
  .player:before {
    padding-bottom: 69%;
  }
}
@media only screen and (max-width: 767px) {
  .player:before {
    padding-bottom: 150%;
  }
}
.player img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
.player__control {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  background: #FCFCFD;
}
body.dark .player__control {
  background: #141416;
}
.player__button .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.player__button:hover .icon {
  fill: #23262F;
}
body.dark .player__button:hover .icon {
  fill: #FCFCFD;
}
.player__button:not(:last-child) {
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .player__button:not(:last-child) {
    margin-right: 16px;
  }
}
.player__line {
  position: relative;
  flex-grow: 1;
  height: 8px;
  margin-right: 24px;
  background: #E6E8EC;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .player__line {
    margin-right: 16px;
  }
}
body.dark .player__line {
  background: #353945;
}
.player__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background: #2A85FF;
}
.player__time {
  margin-right: 24px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .player__time {
    margin-right: 16px;
  }
}

.content h1 {
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
  .content h1 {
    font-size: 48px;
    line-height: 1.1666666667;
  }
}
.content h2 {
  font-size: 48px;
  line-height: 1.1666666667;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
  .content h2 {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
}
.content h3 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  .content h3 {
    font-size: 32px;
    line-height: 1.25;
  }
}
.content h4 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.content h1,
.content h2,
.content h3,
.content h4 {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.content h1:after,
.content h2:after,
.content h3:after,
.content h4:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 166px;
  height: 2px;
  background: #E6E8EC;
}
body.dark .content h1:after,
body.dark .content h2:after,
body.dark .content h3:after,
body.dark .content h4:after {
  background: #353945;
}
.content h1:not(:first-child),
.content h2:not(:first-child),
.content h3:not(:first-child),
.content h4:not(:first-child) {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .content h1:not(:first-child),
.content h2:not(:first-child),
.content h3:not(:first-child),
.content h4:not(:first-child) {
    margin-top: 40px;
  }
}
.content p {
  font-size: 16px;
  line-height: 1.5;
  color: #777E90;
}
.content p:not(:last-child) {
  margin-bottom: 32px;
}
.content figure {
  margin: 0 -76px;
}
@media only screen and (max-width: 1023px) {
  .content figure {
    margin-left: 0;
    margin-right: 0;
  }
}
.content figure img {
  width: 100%;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .content figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.content figure:not(:first-child) {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .content figure:not(:first-child) {
    margin-top: 40px;
  }
}

.actions {
  position: relative;
}
.actions__list {
  display: flex;
}
.actions__item_share {
  position: relative;
}
.actions__item:not(:last-child) {
  margin-right: 16px;
}
.actions__button .icon {
  width: 24px;
  height: 24px;
}
.actions__item.active .actions__button {
  background: #23262F;
  box-shadow: 0 0 0 2px #23262F inset;
  color: #FCFCFD;
}
.actions__item.active .actions__button .icon {
  fill: #FCFCFD;
}
body.dark .actions__item.active .actions__button {
  background: #353945;
  box-shadow: 0 0 0 2px #353945 inset;
}
.actions__body {
  position: absolute;
  z-index: 5;
  border: 1px solid #E6E8EC;
  background: #FCFCFD;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.actions__item.active .actions__body {
  visibility: visible;
  opacity: 1;
}
.actions__item_share .actions__body {
  left: 50%;
  top: calc(100% + 8px);
  width: 220px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 32px 16px;
  box-shadow: 0px 32px 32px -8px rgba(31, 47, 70, 0.12);
  border-radius: 16px;
  text-align: center;
}
body.dark .actions__item_share .actions__body {
  background: #23262F;
  border-color: #353945;
}
.actions__item_share .actions__body_up {
  top: auto;
  bottom: calc(100% + 8px);
}
.actions__title {
  margin-bottom: 24px;
  font-weight: 500;
}
.actions__list {
  display: flex;
  justify-content: center;
}
.actions__link span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #E6E8EC;
  cursor: pointer;
  transition: all 0.2s;
}
.actions__link span .icon {
  width: 20px;
  height: 20px;
  transition: fill 0.2s;
}
.actions__link span:hover {
  background: #2A85FF;
}
.actions__link span:hover .icon {
  fill: #FCFCFD;
}
body.dark .actions__link span {
  background: #353945;
}
body.dark .actions__link span .icon {
  fill: #FCFCFD;
}
body.dark .actions__link span:hover {
  background: #2A85FF;
}
body.dark .actions__link span:hover .icon {
  fill: #FCFCFD;
}
.actions__link:not(:last-child) {
  margin-right: 24px;
}
.actions__favorite {
  position: relative;
}
.actions__favorite .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 0.2s;
}
.actions__favorite .icon:nth-child(2) {
  z-index: 2;
  opacity: 0;
}
.actions__favorite:hover {
  box-shadow: inset 0 0 0 2px #23262F;
  background: #23262F;
}
body.dark .actions__favorite:hover {
  box-shadow: 0 0 0 2px #353945 inset;
}
.actions__favorite:hover .icon {
  fill: #FCFCFD;
}
.actions__favorite.active {
  box-shadow: inset 0 0 0 2px #23262F;
  background: #23262F;
  color: #23262F;
}
.actions__favorite.active .icon {
  fill: #FCFCFD;
}
.actions__favorite.active .icon:first-child {
  opacity: 0;
}
.actions__favorite.active .icon:nth-child(2) {
  opacity: 1;
}
body.dark .actions__favorite.active {
  background: #353945;
  box-shadow: 0 0 0 2px #353945 inset;
}

.contact {
  position: relative;
}
.contact__body .contact__center {
  display: flex;
  align-items: center;
  min-height: 740px;
  padding-top: 112px;
  padding-bottom: 112px;
}
@media only screen and (max-width: 1179px) {
  .contact__body .contact__center {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__body .contact__center {
    display: block;
    min-height: auto;
    padding-top: 32px;
    padding-bottom: 16px;
  }
}
.contact__wrap {
  position: relative;
  z-index: 3;
  max-width: 545px;
}
@media only screen and (max-width: 1023px) {
  .contact__wrap {
    max-width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__wrap {
    max-width: 100%;
    margin-bottom: 16px;
  }
}
.contact__stage {
  margin-bottom: 12px;
}
.contact__title {
  margin-bottom: 20px;
}
.contact__text {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.5;
  color: #777E90;
}
.contact .subscription {
  max-width: 300px;
}
@media only screen and (max-width: 767px) {
  .contact .subscription {
    max-width: 100%;
  }
}
.contact__bg {
  position: absolute;
  top: 62px;
  right: calc(50% - 630px);
  width: 705px;
  pointer-events: none;
}
@media only screen and (max-width: 1179px) {
  .contact__bg {
    right: calc(50% - 670px);
    width: 700px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__bg {
    position: static;
    width: 100%;
    padding-left: 16px;
  }
}
.contact__bg img {
  width: 100%;
}
.contact__foot .contact__center {
  max-width: 1440px;
  padding: 0;
}
.contact__info {
  max-width: 350px;
  margin: 0 auto 40px;
  text-align: center;
  font-weight: 500;
  color: #777E90;
}
.contact__item {
  display: block;
  color: #23262F;
  transition: color 0.2s;
}
body.dark .contact__item {
  color: #FCFCFD;
}
.contact__item:hover {
  color: #2A85FF;
}
.contact__item:hover .contact__preview img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.contact__preview {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 296px;
  overflow: hidden;
}
.contact__preview img {
  max-width: 100%;
  max-height: 100%;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.contact__category {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
}
.contact__box {
  padding: 40px 40px 0;
}
.contact__subtitle {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.contact__content {
  color: #777E90;
}
.contact__slider {
  padding-bottom: 88px;
  visibility: hidden;
}
.contact__slider.slick-initialized {
  visibility: visible;
}
.contact .slick-list {
  overflow: visible;
}
.contact .slick-slide {
  opacity: 0;
  transition: opacity 0.4s;
}
.contact .slick-slide.slick-active {
  opacity: 1;
}
.contact .slick-slide:nth-child(2n+1) .contact__preview {
  background: #F4F5F6;
}
body.dark .contact .slick-slide:nth-child(2n+1) .contact__preview {
  background: #323642;
}
.contact .slick-slide:nth-child(2n) .contact__preview {
  background: #E6E8EC;
}
body.dark .contact .slick-slide:nth-child(2n) .contact__preview {
  background: #23262F;
}
.contact .slick-arrow {
  bottom: 0;
}
.contact .slick-prev {
  left: calc(50% - 48px);
}
.contact .slick-next {
  right: calc(50% - 48px);
}

.faq__title {
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .faq__title {
    margin-bottom: 40px;
  }
}
.faq .nav {
  justify-content: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .faq .nav {
    display: none;
  }
}
.faq .nav__link:not(:last-child) {
  margin-right: 12px;
}
.faq .select {
  display: none;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .faq .select {
    display: block;
    margin-bottom: 24px;
  }
}
.faq__list {
  max-width: 546px;
  margin: 0 auto;
}
.faq__item:hover .faq__head {
  color: #2A85FF;
}
.faq__item:hover .faq__number {
  color: #2A85FF;
}
.faq__item.active .faq__number {
  color: #2A85FF;
}
.faq__item.active .faq__arrow .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq__item:not(:last-child) .faq__head {
  border-bottom: 1px solid #E6E8EC;
}
body.dark .faq__item:not(:last-child) .faq__head {
  border-color: #353945;
}
.faq__head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 24px 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.faq__number {
  flex-shrink: 0;
  width: 40px;
  color: #777E90;
  transition: color 0.2s;
}
.faq__subtitle {
  flex-grow: 1;
}
.faq__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 24px;
  margin-left: 16px;
}
.faq__arrow .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.faq__body {
  display: none;
  padding: 24px 0 0 40px;
  color: #777E90;
}

.field__label {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #B1B5C3;
}
.field__wrap {
  position: relative;
}
.field__input, .field__textarea {
  width: 100%;
  border-radius: 12px;
  border: 2px solid #E6E8EC;
  box-shadow: none;
  background: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: 500;
  color: #23262F;
  transition: border-color 0.2s;
}
body.dark .field__input, body.dark .field__textarea {
  border-color: #353945;
  color: #FCFCFD;
}
.field__input::-webkit-input-placeholder, .field__textarea::-webkit-input-placeholder {
  color: #777E90;
}
.field__input::-moz-placeholder, .field__textarea::-moz-placeholder {
  color: #777E90;
}
.field__input:-ms-input-placeholder, .field__textarea:-ms-input-placeholder {
  color: #777E90;
}
.field__input::-ms-input-placeholder, .field__textarea::-ms-input-placeholder {
  color: #777E90;
}
.field__input::placeholder, .field__textarea::placeholder {
  color: #777E90;
}
.field__input:focus, .field__textarea:focus {
  border-color: #777E90;
}
body.dark .field__input:focus, body.dark .field__textarea:focus {
  border-color: #777E90;
}
.field__input {
  height: 48px;
  padding: 0 14px;
}
.field__textarea {
  height: 156px;
  padding: 10px 14px;
  resize: none;
}
.field__button {
  position: absolute;
  right: 12px;
  bottom: 12px;
  height: 24px;
  padding: 0 16px;
  font-size: 14px;
}
body.dark .field__button {
  box-shadow: inset 0 0 0 2px #353945;
}
.field__view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 48px;
}
.field__view .icon {
  width: 24px;
  height: 24px;
  fill: #B1B5C3;
  transition: fill 0.2s;
}
.field__view:hover .icon {
  fill: #777E90;
}
.field__view.active .icon {
  fill: #141416;
}
body.dark .field__view .icon {
  fill: #777E90;
}
body.dark .field__view:hover .icon {
  fill: #B1B5C3;
}
body.dark .field__view.active .icon {
  fill: #FCFCFD;
}
.field__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  pointer-events: none;
}
.field__icon .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
}
.field__note {
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.6;
  font-weight: 500;
  color: #777E90;
}
.field_button .field__input {
  padding-right: 136px;
}
.field_textarea {
  font-size: 0;
}
.field_empty .field__input {
  border: none;
  height: 26px;
}
.field_empty .select {
  height: 26px;
  padding: 0 36px 0 14px;
  box-shadow: none;
  background: none;
  line-height: 26px;
}
body.dark .field_empty .select {
  box-shadow: none;
  background: none;
}
.field_empty .select:before {
  right: 12px;
  width: 24px;
  height: 24px;
  box-shadow: none;
}
body.dark .field_empty .select:before {
  box-shadow: none;
}
.field_empty .option {
  padding: 8px 14px;
}
.field_view .field__input, .field_icon .field__input {
  padding-right: 48px;
}

.question__form {
  max-width: 546px;
  margin: 0 auto;
}
.question__fieldset {
  margin-bottom: 40px;
}
.question__field:not(:last-child),
.question .field:not(:last-child) {
  margin-bottom: 32px;
}
.question__label {
  margin-bottom: 24px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #B1B5C3;
}
.question__variants {
  display: flex;
  margin: 0 -10px;
}
.question__radio {
  position: relative;
  flex: 0 0 calc(50% - 20px);
  width: calc(50% - 20px);
  margin: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.question__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.question__input:checked + .question__inner {
  box-shadow: inset 0 0 0 2px #2A85FF;
}
body.dark .question__input:checked + .question__inner {
  box-shadow: inset 0 0 0 2px #2A85FF;
}
.question__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 12px;
  border-radius: 8px;
  background: #FCFCFD;
  transition: box-shadow 0.2s;
}
@media only screen and (max-width: 767px) {
  .question__inner {
    height: 48px;
  }
}
.question__inner:hover {
  box-shadow: inset 0 0 0 2px #E6E8EC;
}
body.dark .question__inner {
  background: #23262F;
}
body.dark .question__inner:hover {
  box-shadow: inset 0 0 0 2px #353945;
}
.question__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-right: 14px;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .question__icon {
    display: none;
  }
}
.question__icon .icon {
  width: 20px;
  height: 20px;
  fill: #FCFCFD;
}
.question .field__input,
.question .field__textarea {
  background: #FCFCFD;
}
body.dark .question .field__input,
body.dark .question .field__textarea {
  background: #23262F;
}
body.dark .question .select {
  background: #23262F;
}
.question__text {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #23262F;
}
body.dark .question__text {
  color: #FCFCFD;
}
.question__btns {
  text-align: right;
}

.checkbox {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox__input:checked + .checkbox__inner .checkbox__tick {
  background: #2A85FF;
  border-color: #2A85FF;
}
.checkbox__input:checked + .checkbox__inner .checkbox__tick:before {
  opacity: 1;
}
.checkbox__inner {
  display: flex;
}
.checkbox__inner:hover .checkbox__tick {
  border-color: #2A85FF;
}
.checkbox__tick {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 4px;
  border: 2px solid #E6E8EC;
  transition: all 0.2s;
}
body.dark .checkbox__tick {
  background: none;
  border-color: #353945;
}
.checkbox__tick:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' fill='none' viewBox='0 0 14 10'%3E%3Cpath fill-rule='evenodd' d='M13.707.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L5 7.586 12.293.293a1 1 0 0 1 1.414 0z' fill='%23fcfcfd'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
  opacity: 0;
  transition: opacity 0.2s;
}
.checkbox__text {
  line-height: 1.7142857143;
  font-weight: 500;
  color: #23262F;
}
body.dark .checkbox__text {
  color: #FCFCFD;
}
.checkbox__link {
  color: #23262F;
  transition: color 0.2s;
}
body.dark .checkbox__link {
  color: #FCFCFD;
}
.checkbox__link:hover {
  color: #2A85FF;
}
body.dark .checkbox__link:hover {
  color: #2A85FF;
}

.notifications {
  padding: 32px 0;
  background: #F4F5F6;
}
@media only screen and (max-width: 1023px) {
  .notifications {
    padding-bottom: 64px;
  }
}
body.dark .notifications {
  background: none;
}
.notifications__body {
  padding: 40px;
  border-radius: 8px;
  background: #FCFCFD;
}
@media only screen and (max-width: 1023px) {
  .notifications__body {
    padding: 0;
    background: none;
  }
}
body.dark .notifications__body {
  background: #18191D;
}
@media only screen and (max-width: 1023px) {
  body.dark .notifications__body {
    background: none;
  }
}
.notifications__top {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .notifications__top {
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 0;
    border: none;
  }
}
body.dark .notifications__top {
  border-color: #353945;
}
.notifications__top .notifications__button:not(:last-child) {
  margin-right: 16px;
}
.notifications__title {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .notifications__title {
    flex: 0 0 100%;
    margin: 0 0 20px;
  }
}
.notifications__row {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .notifications__row {
    display: block;
  }
}
.notifications__toggle {
  display: none;
}
@media only screen and (max-width: 767px) {
  .notifications__toggle {
    display: flex;
    width: 100%;
  }
}
.notifications__wrapper {
  flex-grow: 1;
  padding-right: 80px;
}
@media only screen and (max-width: 1179px) {
  .notifications__wrapper {
    padding-right: 48px;
  }
}
@media only screen and (max-width: 1023px) {
  .notifications__wrapper {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .notifications__wrapper {
    padding: 48px 0 0;
  }
}
.notifications__filters {
  flex-shrink: 0;
  width: 352px;
}
@media only screen and (max-width: 1339px) {
  .notifications__filters {
    width: 300px;
  }
}
@media only screen and (max-width: 1179px) {
  .notifications__filters {
    width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .notifications__filters {
    display: none;
    padding-top: 32px;
  }
  .notifications__filters.visible {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .notifications__list {
    margin: 0 -32px;
  }
}
.notifications__btns {
  margin-top: 56px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .notifications__btns {
    margin-top: 32px;
  }
}
.notifications__info {
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.notifications__group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.notifications .checkbox:not(:last-child) {
  margin-bottom: 24px;
}
.notifications__control {
  display: flex;
  margin-top: 24px;
}
.notifications__control .notifications__button:not(:last-child) {
  margin-right: 12px;
}
.notifications__item {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .notifications__item {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.notifications__item:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E6E8EC;
}
body.dark .notifications__item:not(:last-child) {
  border-color: #353945;
}
.notifications__item.active .notifications__status {
  display: block;
}
.notifications__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  border-radius: 50%;
  border: 2px solid #E6E8EC;
}
body.dark .notifications__icon {
  border-color: #353945;
}
.notifications__icon .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
}
.notifications__line {
  display: flex;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .notifications__line {
    flex-wrap: wrap;
  }
}
.notifications__subtitle {
  margin-right: auto;
  padding-right: 32px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .notifications__subtitle {
    flex: 0 0 100%;
    margin: 0 0 8px;
    padding-right: 0;
  }
}
.notifications__date {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .notifications__date {
    margin: 0 auto 0 0;
  }
}
.notifications__status {
  display: none;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin: 5px 0 0 16px;
  border-radius: 50%;
  background: #58BD7D;
}
@media only screen and (max-width: 767px) {
  .notifications__status {
    margin-top: 3px;
  }
}
.notifications__content {
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}

.post {
  margin-top: 16px;
  padding: 32px;
  border-radius: 8px;
  background: #FCFCFD;
}
@media only screen and (max-width: 1023px) {
  .post {
    margin-top: 56px;
    padding: 0;
    background: none;
  }
}
body.dark .post {
  background: #18191D;
}
@media only screen and (max-width: 1023px) {
  body.dark .post {
    background: none;
  }
}
.post__list {
  display: flex;
  flex-wrap: wrap;
  margin: -32px -16px 0;
}
@media only screen and (max-width: 767px) {
  .post__list {
    flex-wrap: nowrap;
    margin: 0 -32px;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .post__list::-webkit-scrollbar {
    display: none;
  }
  .post__list:before, .post__list:after {
    content: "";
    flex-shrink: 0;
    width: 32px;
    height: 1px;
  }
}
.post__item {
  display: flex;
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 32px 16px 0;
  color: #23262F;
}
@media only screen and (max-width: 1023px) {
  .post__item {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .post__item {
    flex: 0 0 222px;
    width: 222px;
    margin: 0;
  }
  .post__item:not(:last-child) {
    margin-right: 16px;
  }
}
body.dark .post__item {
  color: #FCFCFD;
}
.post__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 128px;
  height: 144px;
  margin-right: 32px;
  padding: 12px;
  border-radius: 16px;
}
@media only screen and (max-width: 1023px) {
  .post__preview {
    width: 100%;
    margin: 0 0 24px;
  }
}
.post__preview img {
  max-width: 100%;
  max-height: 100%;
}
.post__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
.post__title {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  .post__title {
    font-size: 16px;
  }
}
.post__content {
  margin-bottom: 16px;
  color: #777E90;
}
.post__button {
  margin-top: auto;
}

.activity {
  padding: 32px 0;
  background: #F4F5F6;
}
@media only screen and (max-width: 767px) {
  .activity {
    background: #FCFCFD;
  }
}
body.dark .activity {
  background: none;
}
@media only screen and (max-width: 1179px) {
  .activity__center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .activity__center {
    padding: 0 32px;
  }
}
.activity__wrapper {
  padding: 40px;
  border-radius: 8px;
  background: #FCFCFD;
}
@media only screen and (max-width: 1179px) {
  .activity__wrapper {
    padding: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .activity__wrapper {
    padding: 0;
    background: none;
  }
}
body.dark .activity__wrapper {
  background: #18191D;
}
@media only screen and (max-width: 1023px) {
  body.dark .activity__wrapper {
    background: none;
  }
}
.activity__top {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .activity__top {
    display: block;
    padding: 0;
    border: none;
  }
}
body.dark .activity__top {
  border-color: #353945;
}
.activity .select {
  display: none;
  background: none;
}
@media only screen and (max-width: 1023px) {
  .activity .select {
    display: block;
    width: 256px;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .activity .select {
    width: 100%;
    margin: 0 0 16px;
  }
}
.activity .nav {
  margin-right: auto;
}
@media only screen and (max-width: 1023px) {
  .activity .nav {
    display: none;
  }
}
.activity .nav__link:not(:last-child) {
  margin-right: 16px;
}
@media only screen and (max-width: 1179px) {
  .activity .nav__link:not(:last-child) {
    margin-right: 8px;
  }
}
.activity__form {
  position: relative;
  flex-shrink: 0;
  width: 276px;
  margin-right: 16px;
}
@media only screen and (max-width: 1179px) {
  .activity__form {
    width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .activity__form {
    width: 100%;
    margin: 0 0 16px;
  }
}
.activity__input {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 14px;
  border-radius: 8px;
  background: none;
  border: 2px solid #E6E8EC;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #23262F;
  transition: border-color 0.2s;
}
@media only screen and (max-width: 1023px) {
  .activity__input {
    height: 48px;
  }
}
body.dark .activity__input {
  border-color: #353945;
  color: #FCFCFD;
}
.activity__input::-webkit-input-placeholder {
  color: #777E90;
}
.activity__input::-moz-placeholder {
  color: #777E90;
}
.activity__input:-ms-input-placeholder {
  color: #777E90;
}
.activity__input::-ms-input-placeholder {
  color: #777E90;
}
.activity__input::placeholder {
  color: #777E90;
}
.activity__input:focus {
  border-color: #777E90;
}
.activity__result {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
}
.activity__result .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
  transition: fill 0.2s;
}
.activity__result:hover .icon {
  fill: #2A85FF;
}
.activity__line {
  display: flex;
  align-items: center;
  margin-bottom: 42px;
}
.activity__title {
  margin-right: auto;
}
.activity__table {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .activity__table {
    display: block;
  }
}
.activity__row {
  display: table-row;
  color: #23262F;
}
@media only screen and (max-width: 1023px) {
  .activity__row {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1023px) {
  .activity__row:first-child {
    display: none;
  }
}
.activity__row:first-child .activity__col {
  padding: 0 16px 24px;
  border-bottom: 1px solid #E6E8EC;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
body.dark .activity__row:first-child .activity__col {
  border-color: #353945;
}
@media only screen and (max-width: 1179px) {
  .activity__row:first-child .activity__col:first-child {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .activity__row:first-child .activity__col:last-child {
    padding-right: 0;
  }
}
.activity__row:not(:first-child) {
  transition: background 0.2s;
}
.activity__row:not(:first-child) .activity__col {
  vertical-align: middle;
  font-weight: 500;
}
.activity__row:not(:first-child) .activity__col:first-child {
  border-radius: 12px 0 0 12px;
  color: #777E90;
}
@media only screen and (max-width: 1023px) {
  .activity__row:not(:first-child) .activity__col:first-child {
    border-radius: 0;
  }
}
.activity__row:not(:first-child) .activity__col:last-child {
  border-radius: 0 12px 12px 0;
}
@media only screen and (max-width: 1023px) {
  .activity__row:not(:first-child) .activity__col:last-child {
    border-radius: 0;
  }
}
.activity__row:not(:first-child):hover {
  background: #F4F5F6;
}
@media only screen and (max-width: 1023px) {
  .activity__row:not(:first-child):hover {
    background: none;
  }
}
body.dark .activity__row:not(:first-child):hover {
  background: #23262F;
}
@media only screen and (max-width: 1023px) {
  body.dark .activity__row:not(:first-child):hover {
    background: none;
  }
}
@media only screen and (max-width: 1023px) {
  .activity__row:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #E6E8EC;
  }
  body.dark .activity__row:not(:last-child) {
    border-color: #353945;
  }
}
.activity__col {
  display: table-cell;
  padding: 20px 16px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .activity__col {
    padding: 0;
    display: flex;
    align-items: center;
  }
}
body.dark .activity__col {
  color: #FCFCFD;
}
@media only screen and (max-width: 1179px) {
  .activity__col:first-child {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .activity__col:nth-child(2) {
    margin-left: auto;
  }
}
.activity__col:nth-child(5), .activity__col:nth-child(6) {
  color: #777E90;
}
.activity__col:last-child {
  text-align: right;
}
@media only screen and (max-width: 1179px) {
  .activity__col:last-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .activity__col:not(:first-child):not(:nth-child(2)) {
    flex: 0 0 100%;
    margin-top: 8px;
  }
}
.activity__coin {
  display: flex;
  align-items: center;
}
.activity__icon {
  flex-shrink: 0;
  width: 32px;
  margin-right: 12px;
}
.activity__icon img {
  max-width: 100%;
}
.activity__label {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .activity__label {
    display: block;
    margin-right: auto;
    font-size: 12px;
    line-height: 1.6666666667;
    font-weight: 600;
    color: #777E90;
  }
}
.activity__item {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .activity__item_calendar .activity__button {
    width: 100%;
  }
}
.activity__item_calendar.active > .activity__button {
  background: #23262F;
  box-shadow: 0 0 0 2px #23262F inset;
  color: #FCFCFD;
}
.activity__item_calendar.active > .activity__button .icon {
  fill: #FCFCFD;
}
body.dark .activity__item_calendar.active > .activity__button {
  background: #353945;
  box-shadow: 0 0 0 2px #353945 inset;
}
.activity__body {
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  z-index: 2;
  background: #FCFCFD;
  border: 1px solid #E6E8EC;
  box-shadow: 0px 40px 32px -24px rgba(15, 15, 15, 0.12);
  border-radius: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
body.dark .activity__body {
  background: #23262F;
  border-color: #353945;
}
.activity__item_calendar .activity__body {
  width: 660px;
  padding: 16px 16px 32px;
}
@media only screen and (max-width: 767px) {
  .activity__item_calendar .activity__body {
    display: none;
    position: static;
    width: auto;
    padding: 16px 0 0;
    border: none;
    background: none;
    box-shadow: none;
    border-radius: 0;
    visibility: visible;
    opacity: 1;
  }
  body.dark .activity__item_calendar .activity__body {
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  .activity__item_calendar .activity__datepicker {
    display: none;
  }
}
.activity__item_export .activity__body {
  width: 364px;
  padding: 32px;
}
@media only screen and (max-width: 767px) {
  .activity__item_export .activity__body {
    width: 311px;
    padding: 16px 0 24px;
  }
}
.activity__item.active .activity__body {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .activity__item.active .activity__body {
    display: block;
  }
}
.activity__variants {
  display: flex;
  flex-wrap: wrap;
  margin: -8px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .activity__variants {
    margin-left: -16px;
  }
}
.activity__variants .activity__button {
  margin: 8px 0 0 16px;
}
.activity__range {
  display: none;
  width: 100%;
  margin: 8px 0 16px;
  text-align: center;
  background: none;
  pointer-events: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #23262F;
}
body.dark .activity__range {
  color: #FCFCFD;
}
.activity__body .activity__button {
  margin-top: 16px;
}

.profile {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.profile__head {
  padding: 40px 0;
  border-bottom: 1px solid #F1F2F4;
}
@media only screen and (max-width: 767px) {
  .profile__head {
    padding: 16px 0 32px;
  }
}
body.dark .profile__head {
  border-color: #23262F;
}
.profile__head .profile__center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 1179px) {
  .profile__head .profile__center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .profile__head .profile__center {
    display: block;
    padding: 0 32px;
  }
}
.profile__title {
  margin-right: auto;
}
@media only screen and (max-width: 1179px) {
  .profile__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.01em;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__title {
    font-size: 32px;
    line-height: 40px;

  }
}
@media only screen and (max-width: 767px) {
  .profile__title {
    max-width:310px;
  }
}
.profile .breadcrumbs {
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .profile .breadcrumbs {
    margin: 16px 0 0;
  }
}
.profile__body {
  flex-grow: 1;
  padding: 80px 0;
  background: #F8F8F9;
}
@media only screen and (max-width: 1179px) {
  .profile__body {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__body {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .profile__body {
    padding: 16px 0;
  }
}
body.dark .profile__body {
  background: none;
}
.profile__body .profile__center {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 1179px) {
  .profile__body .profile__center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__body .profile__center {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .profile__body .profile__center {
    padding: 0 16px;
  }
}
.profile__sidebar {
  flex-shrink: 0;
  width: 288px;
  margin-right: 80px;
}
@media only screen and (max-width: 1339px) {
  .profile__sidebar {
    margin-right: 48px;
  }
}
@media only screen and (max-width: 1179px) {
  .profile__sidebar {
    width: 224px;
    margin-right: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__sidebar {
    width: 100%;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .profile__sidebar {
    margin-bottom: 24px;
  }
}
.profile__wrapper {
  flex-grow: 1;
  padding: 40px;
  border-radius: 16px;
  background: #FCFCFD;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
}
@media only screen and (max-width: 1023px) {
  .profile__wrapper {
    padding: 40px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .profile__wrapper {
    padding: 16px;
  }
}
body.dark .profile__wrapper {
  background: #18191D;
}
@media only screen and (max-width: 1023px) {
  .profile__dropdown {
    position: relative;
    z-index: 5;
  }
  .profile__dropdown.active .profile__top:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .profile__dropdown.active .profile__menu {
    visibility: visible;
    opacity: 1;
  }
}
.profile__top {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .profile__top {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 64px 0 16px;
    border-radius: 24px;
    background: #FCFCFD;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.1428571429;
    font-weight: 700;
  }
  body.dark .profile__top {
    background: #23262F;
  }
  .profile__top .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #23262F;
  }
  body.dark .profile__top .icon {
    fill: #FCFCFD;
  }
  .profile__top:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M16.207 9.793a1 1 0 0 0-1.414 0L12 12.586 9.207 9.793a1 1 0 0 0-1.414 1.414l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23777e91'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 2;
    padding: 16px;
    background: #FCFCFD;
    border-radius: 24px;
    box-shadow: 0px 40px 32px -24px rgba(15, 15, 15, 0.12);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
  }
  body.dark .profile__menu {
    background: #23262F;
  }
}
.profile__link {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #777E90;
  transition: color 0.2s;
}
@media only screen and (max-width: 1179px) {
  .profile__link {
    padding: 0;
  }
}
.profile__link .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  fill: #777E90;
  transition: fill 0.2s;
}
.profile__link:hover, .profile__link.active {
  color: #23262F;
}
.profile__link:hover .icon, .profile__link.active .icon {
  fill: #23262F;
}
body.dark .profile__link:hover, body.dark .profile__link.active {
  color: #FCFCFD;
}
body.dark .profile__link:hover .icon, body.dark .profile__link.active .icon {
  fill: #FCFCFD;
}
.profile__link:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
  .profile__link:not(:last-child) {
    margin-bottom: 4px;
  }
}
.profile__link:not(:last-child).profile__link_separator {
  position: relative;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1023px) {
  .profile__link:not(:last-child).profile__link_separator {
    margin-bottom: 4px;
  }
}
.profile__link:not(:last-child).profile__link_separator:after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: calc(100% + 12px);
  height: 1px;
  background: #E6E8EC;
}
@media only screen and (max-width: 1179px) {
  .profile__link:not(:last-child).profile__link_separator:after {
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__link:not(:last-child).profile__link_separator:after {
    display: none;
  }
}
body.dark .profile__link:not(:last-child).profile__link_separator:after {
  background: #23262F;
}

.switch {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 0;
}
.switch__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch__input:checked + .switch__inner .switch__box {
  background: #2A85FF;
}
.switch__input:checked + .switch__inner .switch__box:before {
  -webkit-transform: translate(20px, -50%);
          transform: translate(20px, -50%);
  background: #FCFCFD;
}
.switch__inner {
  position: relative;
  display: inline-block;
  transition: all 0.2s;
}
.switch__box {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  background: #E6E8EC;
  border-radius: 12px;
  transition: all 0.2s;
}
body.dark .switch__box {
  background: #353945;
}
.switch__box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2A85FF;
  transition: all 0.2s;
}

.account__head {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .account__head {
    display: flex;
  }
}
.account__details {
  margin-right: auto;
}
.account__user {
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.account__email {
  font-weight: 500;
  color: #777E90;
}
.account__level {
  float:right;
  margin-top: 10px;
  padding: 8px 16px;
  border-radius: 16px;
  box-shadow: inset 0 0 0 2px #E6E8EC;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #58BD7D;

}
@media only screen and (max-width: 767px) {
  .account__level {
    margin-top: -32px;
  }
}
body.dark .account__level {
  box-shadow: inset 0 0 0 2px #353945;
}
.account .select {
  flex-shrink: 0;
  width: 200px;
  margin: 12px 0 0 36px;
  background: #F4F5F6;
  box-shadow: inset 0 0 0 2px #F4F5F6;
  border-radius: 24px;
  //color:#ff490f
}


@media only screen and (max-width: 767px) {
  .account .select {
    width: 100%;
    margin: 40px 0 0;
  }
}
body.dark .account .select {
  background: #23262F;
  box-shadow: inset 0 0 0 2px #23262F;
}
.account__settings:not(:first-child) {
  margin-top: 48px;
}
@media only screen and (max-width: 767px) {
  .account__settings:not(:first-child) {
    margin-top: 24px;
  }
}
.account__title {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.account__box:not(:last-child) {
  margin-bottom: 40px;
}
.account__subtitle {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E6E8EC;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #B1B5C3;
}
body.dark .account__subtitle {
  border-color: #353945;
}
.account__item {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.account__item:not(:last-child) {
  margin-bottom: 24px;
}
.account__category {
  margin-right: auto;
}
.account__content {
  margin-left: 16px;
  text-align: right;
  color: #777E90;
}
.account__btns {
  margin-top: -5px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .account__btns {
    margin-top: 0px;
  }
}

.referrals__stage {
  font-weight: 500;
  color: #353945;
}
body.dark .referrals__stage {
  color: #E6E8EC;
}
.referrals__price {
  margin-bottom: 12px;
}
.referrals__price span {
  color: #58BD7D;
}
.referrals__info {
  max-width: 280px;
  margin-bottom: 48px;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .referrals__info {
    margin-bottom: 32px;
  }
}
.referrals__wrap {
  padding: 32px;
  border-radius: 16px;
  background: #F1F2F4;
}
@media only screen and (max-width: 767px) {
  .referrals__wrap {
    padding: 24px;
  }
}
body.dark .referrals__wrap {
  background: #23262F;
}
.referrals__title {
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.referrals__row {
  display: flex;
  margin: 0 -8px;
}
@media only screen and (max-width: 767px) {
  .referrals__row {
    display: block;
    margin: 0;
  }
}
.referrals__col {
  position: relative;
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
@media only screen and (max-width: 767px) {
  .referrals__col {
    width: 100%;
    margin: 0;
  }
  .referrals__col:not(:last-child) {
    margin-bottom: 16px;
  }
}
.referrals .field__label {
  color: #23262F;
}
body.dark .referrals .field__label {
  color: #FCFCFD;
}
.referrals .field__input {
  padding-right: 82px;
  background: #FCFCFD;
  border-color: #FCFCFD;
}
body.dark .referrals .field__input {
  background: #353945;
}
.referrals .field__input:focus {
  border-color: #58BD7D;
}
.referrals__category {
  position: absolute;
  right: 12px;
  bottom: 11px;
}
.referrals__button {
  margin-top: 48px;
}
@media only screen and (max-width: 767px) {
  .referrals__button {
    margin-top: 32px;
  }
}

.keys__stage {
  font-size: 12px;
  line-height: 1.6666666667;
  color: #353945;
}
@media only screen and (max-width: 767px) {
  .keys__stage {
    margin-bottom: 12px;
  }
}
body.dark .keys__stage {
  color: #E6E8EC;
}
.keys__title {
  margin-bottom: 12px;
}
.keys__disabled .keys__title span {
  color: #FF6838;
}
.keys__enabled .keys__title span {
  color: #58BD7D;
}
.keys__email {
  display: flex;
  align-items: center;
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .keys__email {
    margin-bottom: 32px;
  }
}
.keys__email .icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  fill: #23262F;
}
body.dark .keys__email .icon {
  fill: #FCFCFD;
}
.keys__subtitle {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.keys__info {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.5;
  color: #353945;
}
body.dark .keys__info {
  color: #E6E8EC;
}
.keys__row {
  display: flex;
  margin: 0 -8px;
}
@media only screen and (max-width: 767px) {
  .keys__row {
    display: block;
    margin: 0;
  }
}
.keys__row .field {
  position: relative;
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
@media only screen and (max-width: 767px) {
  .keys__row .field {
    width: 100%;
    margin: 0;
  }
  .keys__row .field:not(:last-child) {
    margin-bottom: 16px;
  }
}
.keys__form .keys__button {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .keys__form .keys__button {
    width: 100%;
  }
}
.keys__preview {
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .keys__preview {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .keys__preview img {
    max-width: 300px;
  }
}
.keys__text {
  margin-bottom: 16px;
  text-align: center;
  font-weight: 500;
  color: #777E90;
}
.keys__confirm .keys__email {
  justify-content: center;
}
.keys__btns {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .keys__btns {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .keys__btns .keys__button {
    width: 100%;
  }
}
.keys__btns .keys__button:not(:last-child) {
  margin-right: 16px;
}
@media only screen and (max-width: 767px) {
  .keys__btns .keys__button:not(:last-child) {
    margin: 0 0 12px;
  }
}
.keys__item {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .keys__item {
    margin-top: 24px;
    padding-top: 24px;
  }
}
body.dark .keys__item {
  border-color: #353945;
}
@media only screen and (max-width: 767px) {
  .keys__item:last-child .keys__button {
    width: 100%;
  }
}
.keys__group {
  margin-bottom: 24px;
}
.keys__box {
  position: relative;
}
.keys__box .field {
  position: relative;
  padding-right: 36px;
}
.keys__box .field__label {
  color: #23262F;
}
body.dark .keys__box .field__label {
  color: #777E90;
}
.keys__box .field__input {
  padding-right: 82px;
  border-color: #F4F5F6;
  background: #F4F5F6;
}
body.dark .keys__box .field__input {
  background: #23262F;
  border-color: #23262F;
}
.keys__box .field__input:focus {
  border-color: #58BD7D;
  background: transparent;
}
.keys__box:not(:last-child) {
  margin-bottom: 24px;
}
.keys__remove {
  position: absolute;
  right: 0;
  bottom: 12px;
}
.keys__remove .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.keys__remove:hover .icon {
  fill: #23262F;
}
.keys__category {
  position: absolute;
  right: 48px;
  bottom: 11px;
}
.keys__confirm, .keys__enabled {
  display: none;
}

.sessions__section:not(:last-child) {
  margin-bottom: 48px;
}
.sessions__title {
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  .sessions__title {
    margin-bottom: 16px;
  }
}
.sessions__table {
  display: table;
  width: 100%;
}
.sessions__row {
  display: table-row;
}
.sessions__row:first-child .sessions__col {
  border-bottom: 1px solid #F4F5F6;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #353945;
}
body.dark .sessions__row:first-child .sessions__col {
  border-color: #23262F;
  color: #B1B5C3;
}
.sessions__row:not(:first-child):not(:last-child) .sessions__col {
  border-bottom: 1px solid #E6E8EC;
}
body.dark .sessions__row:not(:first-child):not(:last-child) .sessions__col {
  border-color: #353945;
}
.sessions__col {
  display: table-cell;
  padding-top: 16px;
  padding-bottom: 16px;
}
.sessions__col:nth-child(2) {
  padding-left: 32px;
  padding-right: 32px;
}
.sessions__col:last-child {
  text-align: right;
}
.sessions__content {
  font-weight: 500;
}
.sessions__note {
  color: #777E90;
}
.sessions__location, .sessions__status {
  min-width: 64px;
  text-align: center;
}
body.dark .sessions__location {
  background: #FCFCFD;
  color: #23262F;
}
.sessions__btns {
  margin-top: 36px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .sessions__btns {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .sessions__button {
    width: 100%;
  }
}

.security__title {
  margin-bottom: 16px;
}
.security__disabled .security__title span {
  color: #FF6838;
}
.security__enabled .security__title span {
  color: #58BD7D;
}
.security__text {
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.security__text span {
  font-weight: 600;
  color: #23262F;
}
body.dark .security__text span {
  color: #FCFCFD;
}
.security__email {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.security__email .icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  fill: #23262F;
}
body.dark .security__email .icon {
  fill: #FCFCFD;
}
.security__subtitle {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.security__info {
  margin-bottom: 24px;
  color: #353945;
}
body.dark .security__info {
  color: #B1B5C3;
}
.security__row {
  display: flex;
  margin: 0 -8px;
}
@media only screen and (max-width: 767px) {
  .security__row {
    display: block;
    margin: 0;
  }
}
.security__row .field {
  position: relative;
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
@media only screen and (max-width: 767px) {
  .security__row .field {
    width: 100%;
    margin: 0;
  }
  .security__row .field:not(:last-child) {
    margin-bottom: 16px;
  }
}
.security__box {
  display: flex;
  margin-top: 32px;
  background: #F4F5F6;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .security__box {
    margin-top: 24px;
  }
}
body.dark .security__box {
  background: #23262F;
}
.security__details {
  max-width: 256px;
  margin: 64px auto 0;
  padding: 32px 48px;
  border-radius: 32px 32px 0 0;
  background: #FCFCFD;
}
body.dark .security__details {
  background: #353945;
}
.security__details .security__button {
  width: 100%;
  margin-top: 48px;
}
.security__code {
  padding: 16px;
  border-radius: 8px;
  border: 2px dashed #2A85FF;
}
.security__code img {
  width: 100%;
  border-radius: 8px;
}
.security__btns {
  margin-top: 32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .security__btns {
    margin-top: 24px;
  }
  .security__btns .security__button {
    width: 100%;
  }
}
.security__enabled .security__button {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .security__enabled .security__button {
    width: 100%;
  }
}
.security__disabled {
  display: none;
}

.password__form {
  max-width: 380px;
  margin: 0 auto;
}
.password__title {
  text-align: center;
}
.password__form .password__title {
  margin-bottom: 32px;
}
.password .field:not(:last-child) {
  margin-bottom: 32px;
}
.password__form .password__button_jo{
  width: 100%;
}
.password__wrap {
  display: none;
  text-align: center;
}
.password__wrap .password__title {
  margin-bottom: 8px;
}
.password__info {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}

.login {
  display: flex;
}
@media only screen and (max-width: 1023px) {
  .login {
    display: block;
  }
}
.login__col {
  position: relative;
}
.login__col:first-child {
  flex-shrink: 0;
  width: 512px;
  min-height: 100vh;
  background-color: #23262F;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: cover;
}
@media only screen and (max-width: 1339px) {
  .login__col:first-child {
    width: 420px;
  }
}
@media only screen and (max-width: 1179px) {
  .login__col:first-child {
    width: 350px;
  }
}
@media only screen and (max-width: 1023px) {
  .login__col:first-child {
    width: auto;
    min-height: auto;
    background: none !important;
  }
}
body.dark .login__col:first-child {
  background-color: #23262F;
}
.login__col:nth-child(2) {
  position: relative;
  display: flex;
  flex-grow: 1;
  padding: 148px 64px 132px;
}
@media only screen and (max-width: 1419px) {
  .login__col:nth-child(2) {
    padding: 124px 48px 76px;
  }
}
@media only screen and (max-width: 1023px) {
  .login__col:nth-child(2) {
    min-height: calc(var(--vh, 1vh) * 100);
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .login__col:nth-child(2) {
    flex-direction: column;
    padding: 100px 32px 32px;
  }
}
.login__logo {
  position: absolute;
  top: 50px;
  left: 80px;
  //width: 156px;
}
@media only screen and (max-width: 1419px) {
  .login__logo {
    top: 48px;
    left: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .login__logo {
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.login__logo img {
  width: 100%;
}
.login__logo img:first-child {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .login__logo img:first-child {
    display: inline-block;
  }
  body.dark .login__logo img:first-child {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .login__logo img:nth-child(2) {
    display: none;
  }
  body.dark .login__logo img:nth-child(2) {
    display: inline-block;
  }
}
.login__head {
  position: absolute;
  top: 80px;
  right: 80px;
  left: 80px;
  text-align: right;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
}
@media only screen and (max-width: 1419px) {
  .login__head {
    top: 56px;
    right: 64px;
    left: 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .login__head {
    right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .login__head {
    position: static;
    margin-bottom: 32px;
    text-align: center;
  }
}
.login__head .login__link {
  margin-left: 5px;
  color: #2A85FF;
  transition: color 0.2s;
}
.login__head .login__link:hover {
  color: #044eff;
}
.login__wrap {
  width: 380px;
  margin: auto;
}
@media only screen and (max-width: 639px) {
  .login__wrap {
    width: 100%;
  }
}
.login__top {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E6E8EC;
}
body.dark .login__top {
  border-color: #353945;
}
.login__title {
  margin-bottom: 32px;
  text-align: center;
}
.login__form .login__info {
  text-align: center;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.login__form .login__button, .login__new .login__button {
  width: 100%;
}
.login__form .login__button {
  margin-top: 32px;
}
.login__foot {
  margin-top: 24px;
  text-align: center;
}
.login__form .login__link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #23262F;
  transition: color 0.2s;
}
body.dark .login__form .login__link {
  color: #FCFCFD;
}
.login__form .login__link:hover {
  color: #2A85FF;
}
.login__verification .login__title {
  margin: 0 -5px 32px;
  text-align: center;
}
.login__note {
  margin-bottom: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #353945;
}
body.dark .login__note {
  color: #777E90;
}
.login__text {
  margin-bottom: 24px;
  text-align: center;
  color: #777E90;
}
.login__text span {
  font-weight: 500;
  color: #23262F;
}
body.dark .login__text span {
  color: #FCFCFD;
}
.login__numbers {
  display: flex;
  margin: 0 -8px 32px;
}
.login__number {
  flex: 0 0 calc(25% - 16px);
  width: calc(25% - 16px);
  margin: 0 8px;
}
.login__number input {
  width: 100%;
  height: 96px;
  border-radius: 8px;
  border: 1px solid #F4F5F6;
  background: #F4F5F6;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: #23262F;
  transition: all 0.2s;
}
.login__number input:focus {
  border-color: #E6E8EC;
  background: #FCFCFD;
}
body.dark .login__number input {
  background: #23262F;
  border-color: #23262F;
  color: #FCFCFD;
}
body.dark .login__number input:focus {
  background: none;
  border-color: #353945;
}
.login__btns {
  display: flex;
  justify-content: space-between;
}
.login__new .field:not(:last-child) {
  margin-bottom: 32px;
}
.login__verification, .login__new {
  display: none;
}

.entry__top {
  margin-bottom: 32px;
  //padding-bottom: 32px;
  //border-bottom: 1px solid #E6E8EC;
}
body.dark .entry__top {
  border-color: #353945;
}
.entry__title {
  margin-bottom: 32px;
  text-align: center;
}
.entry__info {
  margin-bottom: 12px;
  text-align: center;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.entry__correct {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 24px;
  background: #F4F5F6;
  border-radius: 20px;
  font-weight: 500;
  color: #58BD7D;
}
body.dark .entry__correct {
  background: #353945;
}
.entry__correct .icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  fill: #58BD7D;
}
.entry__correct span {
  color: #23262F;
}
body.dark .entry__correct span {
  color: #FCFCFD;
}
.entry .nav {
  justify-content: center;
  margin-bottom: 32px;
}
.entry .nav__link:not(:last-child) {
  margin-right: 24px;
}
.entry__container {
  margin-bottom: 32px;
}
.entry__item {
  display: none;
}
.entry__line {
  display: flex;
  align-items: flex-end;
}
.entry__line .field:first-child {
  flex-shrink: 0;
  width: 128px;
  margin-right: 8px;
}
.entry__line .field:nth-child(2) {
  flex-grow: 1;
}
.entry__foot {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
}
.entry__foot .entry__link {
  color: #2A85FF;
  transition: color 0.2s;
}
.entry__foot .entry__link:hover {
  color: #044eff;
}
.entry__scan {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
  transition: color 0.2s;
}
.entry__scan:hover {
  color: #23262F;
}
body.dark .entry__scan:hover {
  color: #FCFCFD;
}
.entry__form .entry__button_jo {
  width: 100%;
  margin-top: 32px;
}
.entry__box {
  display: flex;
  margin-top: 32px;
  background: #F4F5F6;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .entry__box {
    margin-bottom: -32px;
    background: none;
  }
}
body.dark .entry__box {
  background: #23262F;
}
@media only screen and (max-width: 767px) {
  body.dark .entry__box {
    background: none;
  }
}
.entry__details {
  max-width: 256px;
  margin: 64px auto 0;
  padding: 32px 48px;
  border-radius: 32px 32px 0 0;
  background: #FCFCFD;
}
@media only screen and (max-width: 767px) {
  .entry__details {
    margin-top: 0;
    background: #F4F5F6;
  }
}
body.dark .entry__details {
  background: #353945;
}
.entry__code {
  padding: 16px;
  border-radius: 8px;
  border: 2px dashed #2A85FF;
}
.entry__code img {
  width: 100%;
  border-radius: 8px;
}
.entry__wrap {
  display: none;
}
.entry__wrap .entry__button_jo {
  width: 100%;
  margin-top: 48px;
}
body.dark .entry__wrap .entry__button_jo {
  box-shadow: inset 0 0 0 2px #777E90;
}
body.dark .entry__wrap .entry__button_jo:hover {
  box-shadow: inset 0 0 0 2px #B1B5C3;
}

.registration__top {
  //margin-bottom: 32px;
  //padding-bottom: 32px;
  //border-bottom: 1px solid #E6E8EC;
}
body.dark .registration__top {
  border-color: #353945;
}
.registration__top .registration__info {
  margin-bottom: 20px;
}
.registration__title {
  margin-bottom: 32px;
  text-align: center;
}
.registration__info {
  text-align: center;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.registration__btns {
  display: flex;
  justify-content: center;
  margin: 0 -10px;
}
@media only screen and (max-width: 767px) {
  .registration__btns {
    margin: 0 -6px;
  }
}
.registration__btns .registration__button_jo {
  flex: 0 0 calc(50% - 20px);
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .registration__btns .registration__button_jo {
    flex: 0 0 calc(50% - 12px);
    margin: 0 6px;
  }
}
.registration__btns .registration__button_jo:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .registration__btns .registration__button_jo:not(:last-child) {
    margin-right: 6px;
  }
}
.registration .field:not(:last-child) {
  margin-bottom: 32px;
}
.registration .checkbox__text {
  font-weight: 400;
  color: #777E90;
}
body.dark .registration .checkbox__text {
  color: #777E90;
}
.registration .checkbox__link {
  font-weight: 500;
}
.registration__form > .registration__button_jo, .registration__confirm .registration__button_jo {
  width: 100%;
  margin-top: 32px;
}
.registration__form > .registration__info, .registration__confirm .registration__info {
  margin-bottom: 32px;
}
.registration__code .registration__info {
  margin-bottom: 12px;
}
.registration__variants {
  display: flex;
  flex-direction: column;
}
.registration .radio:not(:last-child) {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E6E8EC;
}
body.dark .registration .radio:not(:last-child) {
  border-color: #353945;
}
.registration__numbers {
  display: flex;
  margin: 0 -8px;
}
.registration__number {
  flex: 0 0 calc(25% - 16px);
  width: calc(25% - 16px);
  margin: 0 8px;
}
.registration__number input {
  width: 100%;
  height: 96px;
  border-radius: 8px;
  border: 1px solid #F4F5F6;
  background: #F4F5F6;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: #23262F;
  transition: all 0.2s;
}
.registration__number input:focus {
  border-color: #E6E8EC;
  background: #FCFCFD;
}
body.dark .registration__number input {
  background: #23262F;
  border-color: #23262F;
  color: #FCFCFD;
}
body.dark .registration__number input:focus {
  background: none;
  border-color: #353945;
}
.registration__confirm, .registration__code {
  display: none;
}

.radio {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.radio__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.radio__input:checked + .radio__inner .radio__tick:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.radio__inner {
  display: flex;
}
.radio__inner:hover .radio__tick {
  border-color: #2A85FF;
}
.radio__tick {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 50%;
  border: 2px solid #E6E8EC;
  transition: all 0.2s;
}
body.dark .radio__tick {
  background: #141416;
  border-color: #353945;
}
.radio__tick:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2A85FF;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.radio__text {
  line-height: 1.7142857143;
  color: #23262F;
}
body.dark .radio__text {
  color: #FCFCFD;
}
.radio__phone {
  display: block;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
}
.radio__email {
  font-weight: 500;
}

.popup {
  width: 100%;
  max-width: 448px;
  margin: auto;
  padding: 32px;
  background: #FCFCFD;
  border-radius: 20px;
  box-shadow: 0px 64px 64px -48px rgba(31, 47, 70, 0.12);
  z-index: 2;
}
body.dark .popup {
  background: #23262F;
}
@media only screen and (max-width: 767px) {
  .popup {
    padding: 32px 16px;
  }
}
.popup__title {
  margin-bottom: 32px;
  padding-right: 56px;
}
@media only screen and (max-width: 767px) {
  .popup__title {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
  }
}
.popup__title .icon {
  position: relative;
  top: -2px;
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
@media only screen and (max-width: 767px) {
  .popup__title .icon {
    top: 0;
    margin-right: 8px;
  }
}
body.dark .popup__title .icon {
  fill: #FCFCFD;
}
.popup .field:not(:last-child),
.popup .checkbox:not(:last-child), .popup__wrap:not(:last-child), .popup__sign:not(:last-child), .popup__list:not(:last-child), .popup__percent:not(:last-child) {
  margin-bottom: 32px;
}
body.dark .popup .select {
  background: none;
}
.popup__wrap {
  display: flex;
  padding: 20px 24px;
  border-radius: 4px;
  background: #F4F5F6;
}
body.dark .popup__wrap {
  background: #353945;
}
.popup__wrap .popup__category {
  margin-right: auto;
  font-weight: 500;
  color: #353945;
}
body.dark .popup__wrap .popup__category {
  color: #E6E8EC;
}
.popup__wrap .popup__details {
  text-align: right;
}
.popup__currency {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.popup__wrap .popup__price {
  color: #777E90;
}
.popup__sign {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #E6E8EC;
}
.popup__sign .icon {
  width: 16px;
  height: 16px;
  fill: #353945;
}
body.dark .popup__sign {
  background: #353945;
}
body.dark .popup__sign .icon {
  fill: #E6E8EC;
}
.popup__line {
  display: flex;
  justify-content: space-between;
}
.popup__line:not(:last-child) {
  margin-bottom: 16px;
}
.popup__line .popup__category {
  font-weight: 500;
  color: #353945;
}
body.dark .popup__line .popup__category {
  color: #E6E8EC;
}
.popup__line .popup__details {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .popup__line .popup__details {
    position: relative;
    top: 2px;
  }
}
.popup__line .popup__price {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .popup__line .popup__price {
    font-size: 14px;
  }
}
.popup__line .popup__note {
  color: #777E90;
}
.popup__percent {
  display: flex;
  justify-content: space-between;
}
.popup__percent .popup__button {
  height: 24px;
  padding: 0 16px;
  border-radius: 12px;
}
.popup > .popup__button {
  width: 100%;
}
.popup .mfp-close {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: normal;
  opacity: 1;
  border: 1px solid #E6E8EC;
  background: #FCFCFD url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Cpath fill-rule='evenodd' d='M.293 1.289a1 1 0 0 1 1.414 0L7 6.582l5.293-5.293a1 1 0 0 1 1.414 1.414L8.414 7.996l5.293 5.293a1 1 0 0 1-1.414 1.414L7 9.41l-5.293 5.293a1 1 0 0 1-1.414 0 1 1 0 0 1 0-1.414l5.293-5.293L.293 2.703a1 1 0 0 1 0-1.414z' fill='%2323262F'/%3E%3C/svg%3E") no-repeat 50% 50%/14px auto;
  font-size: 0;
  transition: all 0.2s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px) {
  .popup .mfp-close {
    top: 28px;
    right: 16px;
  }
}
body.dark .popup .mfp-close {
  border-color: #353945;
  background-color: #23262F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23FCFCFD' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E");
}
.popup .mfp-close:hover {
  border-color: #E6E8EC;
}
body.dark .popup .mfp-close:hover {
  border-color: #FCFCFD;
}

.mfp-container {
  padding: 48px;
}
@media only screen and (max-width: 767px) {
  .mfp-container {
    padding: 16px 8px;
  }
}

@media (max-width: 900px) {
  .mfp-container {
    padding: 16px 8px;
  }
}
.mfp-bg {
  background: rgba(20, 20, 22, 0.5);
}
body.dark .mfp-bg {
  background: rgba(20, 20, 22, 0.75);
}

.mfp-zoom-in .popup {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-out;
}
.mfp-zoom-in.mfp-ready .popup {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 1;
}
.mfp-zoom-in.mfp-removing .popup {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.wallet {
  display: flex;
  padding: 4px;
  background: #F4F5F6;
}
@media only screen and (max-width: 1023px) {
  .wallet {
    display: block;
    padding: 32px 16px 16px;
  }
}
body.dark .wallet {
  background: #141416;
}
.wallet__sidebar {
  display: flex;
  flex-direction: column;
  flex: 0 0 256px;
  width: 256px;
  height: calc(100vh - 88px);
  padding-top: 24px;
  background: #FCFCFD;
  border-radius: 4px;
}
@media only screen and (max-width: 1179px) {
  .wallet__sidebar {
    flex: 0 0 180px;
    width: 180px;
  }
}
@media only screen and (max-width: 1023px) {
  .wallet__sidebar {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
    padding-top: 0;
    background: none;
  }
}
body.dark .wallet__sidebar {
  background: #18191D;
}
@media only screen and (max-width: 1023px) {
  body.dark .wallet__sidebar {
    background: none;
  }
}
.wallet__wrapper {
  flex-grow: 1;
  height: calc(100vh - 88px);
  padding-left: 4px;
  overflow: auto;
}
@media only screen and (max-width: 1023px) {
  .wallet__wrapper {
    height: auto;
    padding-left: 0;
  }
}
.wallet__group {
  margin-bottom: auto;
}
@media only screen and (max-width: 1023px) {
  .wallet__group {
    position: relative;
    z-index: 5;
    margin: 32px 0 0;
  }
  .wallet__group.active .wallet__top {
    box-shadow: inset 0 0 0 2px #2A85FF;
  }
  .wallet__group.active .wallet__top:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .wallet__group.active .wallet__menu {
    visibility: visible;
    opacity: 1;
  }
}
.wallet__top {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .wallet__top {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 64px 0 0;
    border-radius: 12px;
    background: #FCFCFD;
    box-shadow: inset 0 0 0 2px #E6E8EC;
    font-weight: 500;
    transition: all 0.2s;
  }
  body.dark .wallet__top {
    background: #18191D;
    box-shadow: inset 0 0 0 2px #353945;
  }
  .wallet__top:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M16.207 9.793a1 1 0 0 0-1.414 0L12 12.586 9.207 9.793a1 1 0 0 0-1.414 1.414l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23777e91'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
.wallet__menu {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1023px) {
  .wallet__menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    box-shadow: 0px 16px 64px -16px rgba(31, 47, 70, 0.15);
    border-radius: 12px;
    background: #FCFCFD;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
  }
  body.dark .wallet__menu {
    background: #353945;
  }
}
.wallet__link {
  display: flex;
  align-items: center;
  height: 48px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #777E90;
  transition: color 0.2s;
}
.wallet__link .icon {
  width: 20px;
  height: 20px;
  margin: 0 14px 0 22px;
  fill: #777E90;
  transition: fill 0.2s;
}
.wallet__link:hover, .wallet__link.active {
  color: #23262F;
}
@media only screen and (max-width: 1023px) {
  .wallet__link:hover, .wallet__link.active {
    background: #E6E8EC;
  }
}
.wallet__link:hover .icon, .wallet__link.active .icon {
  fill: #23262F;
}
body.dark .wallet__link:hover, body.dark .wallet__link.active {
  color: #FCFCFD;
}
@media only screen and (max-width: 1023px) {
  body.dark .wallet__link:hover, body.dark .wallet__link.active {
    background: #353945;
  }
}
body.dark .wallet__link:hover .icon, body.dark .wallet__link.active .icon {
  fill: #FCFCFD;
}
.wallet__link:not(:last-child).wallet__link_separator {
  position: relative;
  margin-bottom: 41px;
}
@media only screen and (max-width: 1023px) {
  .wallet__link:not(:last-child).wallet__link_separator {
    margin-bottom: 0;
  }
}
.wallet__link:not(:last-child).wallet__link_separator:after {
  content: "";
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  right: 0;
  height: 1px;
  background: #E6E8EC;
}
body.dark .wallet__link:not(:last-child).wallet__link_separator:after {
  background: #23262F;
}
@media only screen and (max-width: 1023px) {
  .wallet__link:not(:last-child).wallet__link_separator:after {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .wallet__link_separator ~ .wallet__link {
    display: none;
  }
}
.wallet__color {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin: 0 18px 0 26px;
  border-radius: 4px;
}
.wallet__btns {
  margin-top: 24px;
  padding: 16px;
}
@media only screen and (max-width: 1023px) {
  .wallet__btns {
    display: flex;
    margin: 0 -6px;
    padding: 0;
    order: -1;
  }
}
.wallet__btns .wallet__button {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .wallet__btns .wallet__button {
    flex: 1;
    margin: 0 6px;
  }
}
.wallet__btns .wallet__button:last-child {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .wallet__btns .wallet__button:last-child {
    display: flex;
  }
}
.wallet__btns .wallet__button:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
  .wallet__btns .wallet__button:not(:last-child) {
    margin-bottom: 0;
  }
}
.wallet__main {
  padding: 32px;
  background: #FCFCFD;
  border-radius: 4px;
}
body.dark .wallet__main {
  background: #18191D;
}
.wallet__line {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .wallet__line {
    flex-wrap: wrap;
  }
}
.wallet__title {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .wallet__title {
    flex: 0 0 100%;
    margin: 0 0 20px;
  }
}
.wallet__description {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.wallet__text {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .wallet__text {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
  }
}
.wallet__text span {
  margin-left: 12px;
  color: #B1B5C3;
}
@media only screen and (max-width: 1023px) {
  .wallet__text span {
    margin-left: 6px;
  }
}
.wallet__back {
  margin-right: 12px;
}
.wallet__back .icon {
  width: 32px;
  height: 32px;
  fill: #777E90;
  transition: fill 0.2s;
}
.wallet__back:hover .icon {
  fill: #23262F;
}
.wallet__control {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .wallet__control {
    display: none;
  }
}
.wallet__control .wallet__button:not(:last-child) {
  margin-right: 12px;
}
.wallet__wrap {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .wallet__wrap {
    flex-wrap: wrap;
  }
}
.wallet .subscription {
  width: 256px;
  margin-right: 8px;
}
@media only screen and (max-width: 1179px) {
  .wallet .subscription {
    width: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .wallet .subscription {
    width: 100%;
    margin: 0 0 16px;
  }
}
.wallet .subscription__input {
  height: 40px;
  font-size: 12px;
}
.wallet .subscription__btn {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: none;
}
.wallet .subscription__btn .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
  transition: fill 0.2s;
}
.wallet .subscription__btn:hover .icon {
  fill: #23262F;
}
body.dark .wallet .subscription__btn:hover .icon {
  fill: #FCFCFD;
}
.wallet .select {
  width: 104px;
  height: 40px;
  margin-right: 8px;
  line-height: 40px;
  background: #E6E8EC;
  border-radius: 20px;
}
body.dark .wallet .select {
  background: #353945;
}
.wallet__info {
  margin-bottom: 4px;
  font-weight: 500;
}
.wallet__currency {
  display: flex;
  align-items: center;
}
.wallet__number {
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.wallet__category {
  margin-left: 8px;
}
.wallet__price {
  font-size: 16px;
  line-height: 1.5;
  color: #777E90;
}
.wallet__head {
  padding: 20px 32px 8px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .wallet__head {
    padding: 20px 0 8px;
  }
}
.wallet__body {
  background: #FCFCFD;
  border-radius: 4px;
  overflow: hidden;
}
body.dark .wallet__body {
  background: #18191D;
}

.successfully {
  padding-top: 40px;
}
.successfully__title {
  margin-bottom: 32px;
  text-align: center;
}
.successfully__info {
  max-width: 280px;
  margin: 0 auto 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.successfully__info span {
  color: #58BD7D;
}
.successfully__list {
  display: flex;
  flex-wrap: wrap;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #E6E8EC;
}
@media only screen and (max-width: 767px) {
  .successfully__list {
    padding: 24px 16px;
  }
}
body.dark .successfully__list {
  border-color: #353945;
}
.successfully__item:first-child {
  margin-right: auto;
}
.successfully__item:first-child .successfully__content {
  color: #58BD7D;
}
.successfully__item:nth-child(3) {
  flex: 0 0 100%;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E6E8EC;
}
body.dark .successfully__item:nth-child(3) {
  border-color: #353945;
}
.successfully__category {
  margin-bottom: 10px;
  color: #777E90;
}
.successfully__content {
  font-weight: 500;
  color: #23262F;
}
body.dark .successfully__content {
  color: #FCFCFD;
}
.successfully > .successfully__button {
  width: 100%;
  margin-top: 32px;
}
.successfully__btns {
  display: flex;
  margin: 32px -8px 0;
}
.successfully__btns .successfully__button {
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}

.overview__list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
  background: #F4F5F6;
}
body.dark .overview__list {
  background: #141416;
}
.overview__item {
  flex: 0 0 calc(50% - 4px);
  width: calc(50% - 4px);
  margin: 2px;
  border-radius: 4px;
  background: #FCFCFD;
}
@media only screen and (max-width: 767px) {
  .overview__item {
    flex: 0 0 calc(100% - 4px);
    width: calc(100% - 4px);
  }
}
body.dark .overview__item {
  background: #18191D;
}
@media only screen and (max-width: 767px) {
  .overview__item_soon {
    display: none;
  }
}
.overview__head {
  display: flex;
  align-items: flex-start;
  min-height: 89px;
  padding: 20px 32px;
  border-bottom: 1px solid #F1F2F4;
}
body.dark .overview__head {
  border-color: #23262F;
}
.overview__title {
  display: flex;
  align-items: center;
  margin-right: auto;
  font-weight: 500;
  color: #353945;
}
body.dark .overview__title {
  color: #F4F5F6;
}
.overview__details {
  text-align: right;
}
.overview__currency {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.overview__price {
  color: #777E90;
}
.overview__color {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 4px;
}
.overview__body {
  padding: 20px 32px;
}
.overview__soon {
  display: inline-block;
  padding: 8px 16px;
  box-shadow: inset 0 0 0 2px #E6E8EC;
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #58BD7D;
}
body.dark .overview__soon {
  box-shadow: inset 0 0 0 2px #353945;
}
.overview__btns {
  display: flex;
}
.overview__button {
  height: 32px;
}
.overview__button:not(:last-child) {
  margin-right: 8px;
}
.overview__wrap {
  padding-bottom: 4px;
}
.overview__table {
  display: table;
  width: 100%;
}
.overview__row {
  display: table-row;
  color: #23262F;
  transition: background 0.2s;
}
.overview__row:first-child .overview__col {
  padding-top: 20px;
  border-bottom: 1px solid #F4F5F6;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #353945;
}
body.dark .overview__row:first-child .overview__col {
  border-color: #23262F;
  color: #FCFCFD;
}
.overview__row:not(:first-child):not(:last-child) .overview__col {
  border-bottom: 1px solid #E6E8EC;
}
body.dark .overview__row:not(:first-child):not(:last-child) .overview__col {
  border-color: #23262F;
}
.overview__row:not(:first-child):hover {
  background: #F4F5F6;
}
body.dark .overview__row:not(:first-child):hover {
  background: #23262F;
}
.overview__col {
  display: table-cell;
  padding: 16px;
}
@media only screen and (max-width: 767px) {
  .overview__col {
    padding: 16px 8px;
  }
}
body.dark .overview__col {
  color: #FCFCFD;
}
.overview__col:first-child {
  padding-left: 32px;
}
.overview__col:last-child {
  padding-right: 32px;
}
.overview__col:nth-child(3), .overview__col:nth-child(4), .overview__col:last-child {
  text-align: right;
}
@media only screen and (max-width: 1023px) {
  .overview__col:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .overview__col:not(:first-child):not(:last-child) {
    display: none;
  }
}
.overview__element {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .overview__element {
    position: relative;
    bottom: -3px;
  }
}
.overview__icon {
  flex-shrink: 0;
  width: 32px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .overview__icon {
    margin-right: 12px;
  }
}
.overview__icon img {
  width: 100%;
}
.overview__info {
  font-weight: 500;
}
.overview__text {
  color: #777E90;
}

.integrations__list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
  background: #F4F5F6;
}
body.dark .integrations__list {
  background: #141416;
}
.integrations__item {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(50% - 4px);
  width: calc(50% - 4px);
  margin: 2px;
  border-radius: 4px;
  background: #FCFCFD;
}
@media only screen and (max-width: 767px) {
  .integrations__item {
    flex: 0 0 calc(100% - 4px);
    width: calc(100% - 4px);
  }
}
body.dark .integrations__item {
  background: #18191D;
}
.integrations__head {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  padding: 20px 32px;
  border-bottom: 1px solid #F1F2F4;
}
body.dark .integrations__head {
  border-color: #23262F;
}
.integrations__title {
  position: relative;
  margin-right: auto;
  padding-left: 20px;
  font-weight: 500;
  color: #353945;
}
body.dark .integrations__title {
  color: #F4F5F6;
}
.integrations__title:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  border: 2px solid #777E90;
}
.integrations__content {
  max-width: 336px;
  margin-left: 24px;
  text-align: right;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.integrations__body {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 32px;
}
.integrations__radio {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.integrations__radio:not(:last-child) {
  margin-right: 24px;
}
.integrations__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.integrations__input:checked + .integrations__inner .integrations__line {
  color: #58BD7D;
}
.integrations__input:checked + .integrations__inner .integrations__line .icon {
  fill: #58BD7D;
}
.integrations__input:checked + .integrations__inner .integrations__text span:first-child {
  display: inline;
}
.integrations__input:checked + .integrations__inner .integrations__text span:nth-child(2) {
  display: none;
}
.integrations__line {
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #777E90;
  transition: color 0.2s;
}
.integrations__line .icon {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  fill: #777E90;
  transition: fill 0.2s;
}
body.dark .integrations__line .icon {
  fill: #777E90;
}
.integrations__line:hover {
  color: #23262F;
}
body.dark .integrations__line:hover {
  color: #FCFCFD;
}
body.dark .integrations__line:hover .icon {
  fill: #FCFCFD;
}
.integrations__text span:first-child {
  display: none;
}
.integrations__button {
  height: 32px;
}

.deposit__head {
  padding-top: 72px;
}
.deposit__head .deposit__icon {
  background: #9757D7;
}
.deposit__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 32px;
  border-radius: 50%;
}
.deposit__icon .icon {
  width: 24px;
  height: 24px;
  fill: #FCFCFD;
}
.deposit__info {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.deposit__btns .deposit__button {
  width: 100%;
}
.deposit__btns .deposit__button:not(:last-child) {
  margin-bottom: 8px;
}
.deposit__title {
  margin-bottom: 8px;
  padding-right: 56px;
}
@media only screen and (max-width: 767px) {
  .deposit__title .h4 {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
  }
}
.deposit__back {
  position: relative;
  top: -7px;
  display: inline-block;
  margin-right: 16px;
}
@media only screen and (max-width: 767px) {
  .deposit__back {
    top: -5px;
  }
}
.deposit__back .icon {
  width: 32px;
  height: 32px;
  transition: fill 0.2s;
}
body.dark .deposit__back .icon {
  fill: #FCFCFD;
}
.deposit__back:hover .icon {
  fill: #2A85FF;
}
.deposit__subtitle {
  margin-bottom: 32px;
  padding-left: 48px;
  font-size: 16px;
  line-height: 1.5;
  color: #777E90;
}
.deposit__wrap {
  display: flex;
  margin-bottom: 32px;
  padding: 20px 32px;
  border-radius: 4px;
  background: #F4F5F6;
}
@media only screen and (max-width: 767px) {
  .deposit__wrap {
    padding: 20px;
  }
}
body.dark .deposit__wrap {
  background: #353945;
}
.deposit__category {
  position: relative;
  margin-right: auto;
  padding-left: 20px;
  font-weight: 500;
  color: #353945;
}
body.dark .deposit__category {
  color: #E6E8EC;
}
.deposit__category:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: #58BD7D;
}
.deposit__details {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .deposit__details {
    padding-top: 2px;
  }
}
.deposit__currency {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .deposit__currency {
    font-size: 14px;
  }
}
.deposit__price {
  color: #777E90;
}
.deposit__stage {
  margin-bottom: 12px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.deposit__content {
  margin-bottom: 32px;
  text-align: center;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.deposit__code {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 310px;
  height: 40px;
  margin: 0 auto 32px;
  background: #F4F5F6;
  border: 1px solid #E6E8EC;
  border-radius: 4px;
  font-weight: 500;
}
body.dark .deposit__code {
  background: #353945;
  border-color: #353945;
}
.deposit__copy {
  margin-left: 12px;
}
.deposit__copy .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.deposit__copy:hover .icon {
  fill: #23262F;
}
body.dark .deposit__copy:hover .icon {
  fill: #FCFCFD;
}
.deposit__preview {
  width: 160px;
  margin: 0 auto 32px;
  padding: 14px;
  border: 2px dashed #2A85FF;
  border-radius: 12px;
}
.deposit__preview img {
  width: 100%;
  border-radius: 8px;
}
.deposit__note {
  text-align: center;
  font-size: 10px;
  line-height: 1.6;
  font-weight: 500;
  color: #777E90;
}

.details__row {
  display: flex;
  background: #F4F5F6;
}
@media only screen and (max-width: 767px) {
  .details__row {
    display: block;
  }
}
body.dark .details__row {
  background: #141416;
}
.details__col:first-child {
  flex-grow: 1;
  padding-right: 4px;
}
@media only screen and (max-width: 767px) {
  .details__col:first-child {
    padding-right: 0;
  }
}
.details__col:first-child .details__price {
  color: #777E90;
}
.details__col:nth-child(2) {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 285px;
  padding: 24px;
  background: #FCFCFD;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .details__col:nth-child(2) {
    width: 100%;
    margin-top: 4px;
  }
}
body.dark .details__col:nth-child(2) {
  background: #17181B;
}
.details__col:nth-child(2) .details__price {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.details__list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
}
.details__item {
  display: flex;
  align-items: flex-start;
  flex: 0 0 calc(50% - 4px);
  width: calc(50% - 4px);
  margin: 2px;
  padding: 20px 32px;
  border-radius: 4px;
  background: #FCFCFD;
}
@media only screen and (max-width: 1339px) {
  .details__item {
    flex: 0 0 calc(100% - 4px);
    width: calc(100% - 4px);
  }
}
@media only screen and (max-width: 767px) {
  .details__item {
    padding: 20px 24px;
  }
}
body.dark .details__item {
  background: #17181B;
}
.details__item:last-child {
  flex: 0 0 calc(100% - 4px);
  width: calc(100% - 4px);
}
.details__title {
  display: flex;
  align-items: center;
  margin-right: auto;
  font-weight: 500;
  color: #353945;
}
body.dark .details__title {
  color: #F4F5F6;
}
.details__color {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 4px;
}
.details__wrap {
  text-align: right;
}
.details__currency {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.details__info {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.details__info .details__category {
  border-radius: 13px;
}
.details__money {
  margin-right: 12px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.details__chart {
  margin: -8px 0 -16px;
  width: 100%;
}

.faq1 {
  padding: 32px;
}
@media only screen and (max-width: 767px) {
  .faq1 {
    padding: 24px;
  }
}
.faq1__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -32px;
}
@media only screen and (max-width: 767px) {
  .faq1__list {
    display: block;
    margin-top: -20px;
  }
}
.faq1__item {
  display: flex;
  align-items: center;
  width: 33.333%;
  flex: 0 0 33.333%;
  margin-top: 32px;
  padding-right: 20px;
  color: #23262F;
  transition: color 0.2s;
}
@media only screen and (max-width: 1339px) {
  .faq1__item {
    width: 50%;
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 767px) {
  .faq1__item {
    width: 100%;
    margin-top: 20px;
    padding-right: 0;
  }
}
body.dark .faq1__item {
  color: #FCFCFD;
}
.faq1__item:hover {
  color: #2A85FF;
}
.faq1__preview {
  flex-shrink: 0;
  width: 128px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .faq1__preview {
    margin-right: 12px;
  }
}
.faq1__preview img {
  width: 100%;
  border-radius: 8px;
}
.faq1__details {
  flex-grow: 1;
}
.faq1__category {
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.faq1__title {
  font-weight: 500;
}
.faq1__button {
  margin-top: 32px;
}

.margin {
  padding: 32px;
  background: #FCFCFD;
  border-radius: 4px;
}
body.dark .margin {
  background: #17181B;
}
@media only screen and (max-width: 767px) {
  .margin {
    padding: 24px 16px;
  }
}
.margin__title {
  margin-bottom: 20px;
}
.margin__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .margin__list {
    display: block;
  }
}
.margin__item_flex {
  display: flex;
  align-items: center;
}
.margin__item_flex .margin__number {
  color: #58BD7D;
}
@media only screen and (max-width: 767px) {
  .margin__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.margin__info {
  margin-bottom: 4px;
  font-weight: 500;
  color: #353945;
}
body.dark .margin__info {
  color: #777E90;
}
.margin__currency {
  display: flex;
  align-items: center;
}
.margin__number {
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 1023px) {
  .margin__number {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .margin__number {
    font-size: 24px;
  }
}
.margin__category {
  margin-left: 8px;
}
.margin__price, .margin__stage {
  font-size: 16px;
  line-height: 1.5;
  color: #777E90;
}
.margin__chart {
  margin-right: 24px;
}
.margin__group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .margin__group {
    flex-wrap: wrap;
    margin-top: -24px;
  }
}
@media only screen and (max-width: 767px) {
  .margin__element {
    flex: 0 0 50%;
    width: 50%;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1179px) {
  .margin__element .margin__info {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1179px) {
  .margin__element .margin__number {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .margin__element .margin__number {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1179px) {
  .margin__element .margin__price {
    font-size: 12px;
  }
}

.balances {
  padding: 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .balances {
    padding: 0;
  }
}
.balances__line {
  display: flex;
  align-items: center;
  padding: 0 32px;
}
@media only screen and (max-width: 767px) {
  .balances__line {
    display: none;
  }
}
.balances .subscription {
  margin-right: auto;
}
.balances__link {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #777E90;
  transition: color 0.2s;
}
.balances__link .icon {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  fill: #777E90;
  transition: fill 0.2s;
}
.balances__link:hover {
  color: #23262F;
}
.balances__link:hover .icon {
  fill: #23262F;
}
body.dark .balances__link:hover {
  color: #FCFCFD;
}
body.dark .balances__link:hover .icon {
  fill: #FCFCFD;
}
.balances__row {
  display: flex;
}
.balances__list > .balances__row {
  border-bottom: 1px solid #F4F5F6;
}
body.dark .balances__list > .balances__row {
  border-color: #23262F;
}
.balances__col {
  flex: 1;
  padding: 16px;
}
.balances__col:first-child {
  padding-left: 32px;
}
@media only screen and (max-width: 767px) {
  .balances__col:first-child {
    padding-left: 16px;
  }
}
.balances__col:last-child {
  padding-right: 32px;
}
@media only screen and (max-width: 767px) {
  .balances__col:last-child {
    padding-right: 16px;
  }
}
.balances__col:not(:first-child) {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .balances__col:not(:first-child):not(:nth-child(2)) {
    display: none;
  }
}
.balances__list > .balances__row .balances__col {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #353945;
}
body.dark .balances__list > .balances__row .balances__col {
  color: #E6E8EC;
}
.balances__item {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: background 0.2s;
}
.balances__item:hover, .balances__item.active {
  background: #F8F8F9;
}
body.dark .balances__item:hover, body.dark .balances__item.active {
  background: #23262F;
}
.balances__item.active .balances__btns {
  display: flex;
}
.balances__item:not(:last-child) {
  border-bottom: 1px solid #E6E8EC;
}
body.dark .balances__item:not(:last-child) {
  border-color: #23262F;
}
@media only screen and (max-width: 1023px) {
  body.dark .balances__item:not(:last-child) {
    border-color: #353945;
  }
}
.balances__item .balances__row {
  display: flex;
  padding: 16px 0 20px;
  cursor: pointer;
}
.balances__item .balances__col {
  padding: 0 16px;
}
.balances__item .balances__col:first-child {
  padding-left: 32px;
}
@media only screen and (max-width: 767px) {
  .balances__item .balances__col:first-child {
    padding-left: 16px;
  }
}
.balances__item .balances__col:last-child {
  padding-right: 32px;
}
@media only screen and (max-width: 767px) {
  .balances__item .balances__col:last-child {
    padding-right: 16px;
  }
}
.balances__currency {
  display: flex;
}
.balances__currency .balances__text {
  font-weight: 400;
}
.balances__icon {
  flex-shrink: 0;
  width: 32px;
  margin-right: 20px;
}
.balances__icon img {
  width: 100%;
}
.balances__info {
  font-weight: 500;
}
.balances__text {
  font-weight: 500;
  color: #777E90;
}
.balances__btns {
  display: none;
  margin-top: -10px;
  padding: 0 32px 20px;
}
@media only screen and (max-width: 767px) {
  .balances__btns {
    padding: 0 16px 20px;
  }
}
.balances__button {
  height: 32px;
}
@media only screen and (max-width: 767px) {
  .balances__button {
    flex-grow: 1;
    padding: 0;
  }
}
.balances__button:not(:last-child) {
  margin-right: 8px;
}

.bidding__head {
  padding: 40px 0;
}
@media only screen and (max-width: 767px) {
  .bidding__head {
    padding: 16px 0 32px;
  }
}
.bidding__head .bidding__center {
  align-items: center;
}
.bidding__center {
  display: flex;
}
@media only screen and (max-width: 1179px) {
  .bidding__center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .bidding__center {
    display: block;
    padding: 0 32px;
  }
}
.bidding__title {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .bidding__title {
    margin: 0 0 16px;
    font-size: 32px;
    line-height: 40px;
  }
}
.bidding__info {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #777E90;
}
.bidding__link {
  margin-left: 8px;
  color: #23262F;
  transition: color 0.2s;
}
.bidding__link .icon {
  width: 20px;
  height: 20px;
  fill: #23262F;
  transition: fill 0.2s;
}
body.dark .bidding__link {
  color: #E6E8EC;
}
body.dark .bidding__link .icon {
  fill: #E6E8EC;
}
.bidding__link:hover {
  color: #2A85FF;
}
.bidding__link:hover .icon {
  fill: #2A85FF;
}
.bidding__body {
  padding: 80px 0 136px;
  background: #F8F8F9;
}
@media only screen and (max-width: 1179px) {
  .bidding__body {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .bidding__body {
    padding-top: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .bidding__body {
    padding: 32px 0;
    border-top: 1px solid #E6E8EC;
    background: none;
  }
}
body.dark .bidding__body {
  background: none;
  box-shadow: inset 0 1px 0 0 #23262F;
}
@media only screen and (max-width: 767px) {
  body.dark .bidding__body {
    border: none;
  }
}
@media only screen and (max-width: 1023px) {
  .bidding__body .bidding__center {
    display: block;
  }
}
.bidding__steps {
  flex-shrink: 0;
  width: 220px;
  margin-right: auto;
}
@media only screen and (max-width: 1023px) {
  .bidding__steps {
    display: none;
  }
}
.bidding__step {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 8px;
  border-radius: 24px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 700;
  color: #777E90;
  transition: all 0.2s;
}
.bidding__step.next {
  color: #23262F;
}
.bidding__step.next .bidding__number {
  border-color: #58BD7D;
}
.bidding__step.active {
  background: #FCFCFD;
  box-shadow: 0px 4px 16px -8px rgba(15, 15, 15, 0.1);
  color: #23262F;
}
.bidding__step.active .bidding__number {
  border-color: #58BD7D;
}
.bidding__step.active .bidding__number:after {
  opacity: 1;
}
.bidding__step:not(:last-child) {
  margin-bottom: 24px;
}
.bidding__step:not(:last-child):after {
  content: "";
  position: absolute;
  top: 100%;
  left: 23px;
  height: 24px;
  border-left: 2px dashed #B1B5C3;
}
body.dark .bidding__step.next {
  color: #FCFCFD;
}
body.dark .bidding__step.active {
  background: #23262F;
  color: #FCFCFD;
}
body.dark .bidding__step.active:not(:last-child):after {
  border-color: #777E90;
}
.bidding__number {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  border: 2px solid #E6E8EC;
  border-radius: 50%;
  transition: all 0.2s;
}
body.dark .bidding__number {
  border-color: #777E90;
}
.bidding__number:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #58BD7D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M4 8l2.667 2.667L12 5.333' stroke='%23fcfcfd' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%/16px auto;
  opacity: 0;
  transition: opacity 0.2s;
}
.bidding__wrapper {
  width: 736px;
  padding: 40px;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 16px;
  background: #FCFCFD;
}
@media only screen and (max-width: 1179px) {
  .bidding__wrapper {
    flex-grow: 1;
    width: auto;
    margin-left: 64px;
    padding: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .bidding__wrapper {
    margin-left: 0;
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .bidding__wrapper {
    padding: 40px;
    box-shadow: none;
    background: none;
    border-radius: 0;
  }
}
body.dark .bidding__wrapper {
  border:1px solid #18191D;
  background: linear-gradient(-45deg, #004A4D, #043F5B, #44404A);
}
@media only screen and (max-width: 767px) {
  body.dark .bidding__wrapper {
    background: none;
  }
}
.bidding__item:not(:first-child) {
  display: none;
}
.bidding__control {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
@media only screen and (max-width: 767px) {
  .bidding__control {
    display: block;
    margin-bottom: 32px;
  }
}
.bidding__back {
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
body.dark .bidding__back {
  color: #FCFCFD;
}
.bidding__back .icon {
  width: 14px;
  height: 14px;
  margin-right: 16px;
  fill: #777E90;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.bidding__back:hover .icon {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
.bidding__money {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .bidding__money {
    display: none;
  }
}
.bidding__money img {
  margin-left: 12px;
  width: 24px;
}

.currency__title {
  margin-bottom: 48px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  .currency__title {
    margin-bottom: 32px;
  }
}
.currency__row {
  display: flex;
  margin: 0 -12px;
}
@media only screen and (max-width: 767px) {
  .currency__row {
    display: block;
    margin: 0;
  }
}
.currency__row:not(:last-child) {
  margin-bottom: 48px;
}
.currency__col {
  flex: 0 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin: 0 12px;
}
@media only screen and (max-width: 767px) {
  .currency__col {
    width: 100%;
    margin: 0;
  }
  .currency__col:not(:last-child) {
    margin-bottom: 24px;
  }
}
.currency__label {
  margin-bottom: 12px;
  font-weight: 500;
  color: #23262F;
}
body.dark .currency__label {
  color: #FCFCFD;
}
.currency__payment {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.currency .select {
  background: none;
}
body.dark .currency .select {
  background: none;
}
.currency__field {
  position: relative;
}
.currency__value, .currency__input {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 96px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #23262F;
}
@media only screen and (max-width: 767px) {
  .currency__value, .currency__input {
    font-size: 64px;
  }
}
.currency__value {
  min-width: 72px;
  max-width: 500px;
  min-height: 96px;
  padding-right: 5px;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .currency__value {
    min-height: 64px;
    max-width: 280px;
    padding-bottom: 10px;
  }
}
.currency__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  box-shadow: none;
  color: #23262F;
}
body.dark .currency__input {
  color: #FCFCFD;
}
.currency__sign {
  position: relative;
  top: 8px;
}
@media only screen and (max-width: 767px) {
  .currency__sign {
    font-size: 24px;
  }
}
.currency__sign:first-child {
  margin-right: 8px;
}
.currency__sign:last-child {
  margin-left: 4px;
}
.currency__price {
  margin-bottom: 12px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.currency__note {
  margin-left: 8px;
  color: #777E90;
}
.currency__note:not(:last-child) {
  margin-right: 8px;
}
.currency__variants {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -8px;
}
.currency__variants .currency__button {
  margin: 8px 8px 0;
  color: #777E90;
}
.currency__variants .currency__button:hover {
  color: #FCFCFD;
}
.currency__variants .currency__button.active {
  color: #FCFCFD;
}
.currency__btns, .currency__foot {
  margin-top: 48px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .currency__btns, .currency__foot {
    margin-top: 32px;
  }
}
.currency__btns .currency__button {
  min-width: 184px;
}
@media only screen and (max-width: 767px) {
  .currency__btns .currency__button {
    min-width: 100%;
  }
}

.notes__title {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.notes__text, .notes__info {
  margin-bottom: 12px;
}
.notes__text {
  color: #777E90;
}
.notes__info {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.notes__code {
  padding: 12px;
  background: #E6E8EC;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
body.dark .notes__code {
  background: #353945;
}
.notes__btns, .notes__foot {
  margin-top: 24px;
}
.notes__btns {
  text-align: right;
}
.notes__foot {
  text-align: center;
}
.notes__button {
  min-width: 184px;
}
.notes__list {
  margin-bottom: 32px;
}
.notes__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.notes__line:not(:last-child) {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E6E8EC;
}
body.dark .notes__line:not(:last-child) {
  border-color: #353945;
}
.notes__subtitle {
  margin-right: auto;
  padding-right: 20px;
  color: #777E90;
}
.notes__details {
  display: flex;
  align-items: center;
}
.notes__content {
  margin-right: 12px;
  font-weight: 500;
}
.notes__copy .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.notes__copy:hover .icon {
  fill: #23262F;
}
body.dark .notes__copy:hover .icon {
  fill: #FCFCFD;
}

.crypto__title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.crypto__form {
  position: relative;
  flex-shrink: 0;
  margin-bottom: 40px;
}
.crypto__input {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 14px;
  border-radius: 8px;
  background: none;
  border: 2px solid #E6E8EC;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #23262F;
  transition: border-color 0.2s;
}
body.dark .crypto__input {
  border-color: #353945;
  color: #FCFCFD;
}
.crypto__input::-webkit-input-placeholder {
  color: #777E90;
}
.crypto__input::-moz-placeholder {
  color: #777E90;
}
.crypto__input:-ms-input-placeholder {
  color: #777E90;
}
.crypto__input::-ms-input-placeholder {
  color: #777E90;
}
.crypto__input::placeholder {
  color: #777E90;
}
.crypto__input:focus {
  border-color: #2A85FF;
}
.crypto__result {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 48px;
}
.crypto__result .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
  transition: fill 0.2s;
}
.crypto__result:hover .icon {
  fill: #2A85FF;
}
.crypto__table {
  display: table;
  width: 100%;
}
.crypto__row {
  display: table-row;
  color: #23262F;
}
.crypto__row:first-child .crypto__col {
  padding-top: 0;
  padding-bottom: 24px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.crypto__row:not(:first-child) {
  cursor: pointer;
}
.crypto__row:not(:first-child) .crypto__col {
  border-top: 1px solid #E6E8EC;
  vertical-align: middle;
  font-weight: 500;
}
body.dark .crypto__row:not(:first-child) .crypto__col {
  border-color: #353945;
}
.crypto__row:not(:first-child) .crypto__col:first-child {
  color: #777E90;
}
.crypto__row:not(:first-child):hover .crypto__subtitle {
  color: #2A85FF;
}
.crypto__col {
  display: table-cell;
  padding: 16px;
  text-align: right;
  font-weight: 500;
}
body.dark .crypto__col {
  color: #FCFCFD;
}
.crypto__col:first-child, .crypto__col:nth-child(2) {
  text-align: left;
}
.crypto__col:first-child {
  font-size: 12px;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .crypto__col:first-child {
    display: none;
  }
}
.crypto__col:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .crypto__col:last-child {
    display: none;
  }
}
.crypto__line {
  display: flex;
  align-items: center;
}
.crypto .favorite {
  position: relative;
  top: -4px;
  margin-right: 10px;
}
.crypto__item {
  display: flex;
  align-items: center;
}
.crypto__icon {
  flex-shrink: 0;
  width: 32px;
  margin-right: 12px;
}
.crypto__icon img {
  max-width: 100%;
}
.crypto__subtitle {
  margin-right: 4px;
  transition: color 0.2s;
}
.crypto__currency {
  font-weight: 400;
  color: #777E90;
}
.crypto__positive {
  color: #58BD7D;
}
.crypto__negative {
  color: #FF6838;
}

.payment__options {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  padding: 24px 36px;
  border-radius: 16px;
  background: #F4F5F6;
}
@media only screen and (max-width: 767px) {
  .payment__options {
    display: block;
    margin-bottom: 32px;
  }
}
body.dark .payment__options {
  background: #23262F;
}
.payment__option {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .payment__option:not(:last-child) {
    margin-bottom: 32px;
  }
}
.payment__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
}
.payment__icon .icon {
  width: 20px;
  height: 20px;
  fill: #FCFCFD;
}
.payment__category {
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.payment__content {
  font-weight: 500;
}
.payment__line {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.payment__subtitle {
  margin-right: auto;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.payment__cards {
  display: flex;
  align-items: center;
}
.payment__fieldset > .field {
  margin-bottom: 32px;
}
.payment__row {
  display: flex;
  margin: 0 -8px;
}
.payment__row .field {
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
.payment .checkbox {
  margin-top: 32px;
}
.payment__info {
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .payment__info {
    margin-bottom: 32px;
  }
}
.payment__flex {
  display: flex;
  justify-content: space-between;
}
.payment__flex:first-child {
  padding-bottom: 12px;
  border-bottom: 1px solid #E6E8EC;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
body.dark .payment__flex:first-child {
  border-color: #353945;
}
.payment__flex:not(:first-child) .payment__cell:first-child {
  color: #777E90;
}
.payment__flex:not(:last-child) {
  margin-bottom: 12px;
}
.payment__cell:nth-child(2) {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.payment__btns {
  margin-top: 48px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .payment__btns {
    margin-top: 32px;
  }
}
.payment__foot {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
@media only screen and (max-width: 767px) {
  .payment__foot {
    display: block;
    margin-top: 32px;
  }
  .payment__foot .payment__button {
    width: 100%;
  }
  .payment__foot .payment__button:not(:last-child) {
    margin-bottom: 10px;
  }
}

.exchange {
  min-height: calc(100vh - 88px);
  padding: 4px;
  background: #F1F2F4;
}
@media only screen and (max-width: 1023px) {
  .exchange {
    min-height: calc(100vh - 114px);
    padding: 16px 16px 132px;
  }
}
body.dark .exchange {
  background: #141416;
}
.exchange__main {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #FCFCFD;
  border-radius: 4px;
}
@media only screen and (max-width: 1023px) {
  .exchange__main {
    display: block;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .exchange__main {
    padding: 16px;
  }
}
body.dark .exchange__main {
  background: #17181B;
}
.exchange__details {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .exchange__details {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .exchange__details {
    display: block;
    margin-bottom: 24px;
  }
}
.exchange__box .exchange__content {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.exchange__box .exchange__content .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  fill: #777E90;
}
.exchange__box:not(:last-child) {
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  .exchange__box:not(:last-child) {
    margin: 0 0 8px;
  }
}
.exchange__line {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.exchange__info {
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #141416;
}
body.dark .exchange__info {
  color: #FCFCFD;
}
.exchange__category {
  margin-left: 4px;
  padding: 7px 8px 5px;
  border-radius: 12px;
}
.exchange__price {
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #FF6838;
}
.exchange__list {
  display: flex;
  margin-left: auto;
}
@media only screen and (max-width: 1023px) {
  .exchange__list {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .exchange__list {
    flex-wrap: wrap;
    margin: -12px 0 0;
  }
}
.exchange__item {
  flex: 0 0 160px;
  width: 160px;
  padding-right: 24px;
}
@media only screen and (max-width: 1179px) {
  .exchange__item {
    flex: 0 0 auto;
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .exchange__item {
    flex: 1 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .exchange__item {
    flex: 0 0 50%;
    width: 50%;
    margin: 12px 0;
  }
}
.exchange__item .exchange__content {
  font-weight: 500;
  color: #141416;
}
body.dark .exchange__item .exchange__content {
  color: #FCFCFD;
}
.exchange__item:not(:last-child) {
  margin-right: 24px;
  border-right: 1px solid #E6E8EC;
}
body.dark .exchange__item:not(:last-child) {
  border-color: #23262F;
}
@media only screen and (max-width: 767px) {
  .exchange__item:not(:last-child) {
    margin: 12px 0 0;
    border: none;
  }
}
.exchange__subtitle {
  display: flex;
  align-items: center;
  -webkit-margin-after: 4px;
          margin-block-end: 4px;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #777E90;
}
.exchange__subtitle .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  fill: #777E90;
}
.exchange > .nav {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .exchange > .nav {
    display: flex;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .exchange > .nav {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .exchange > .nav .nav__link:not(:last-child) {
    margin-right: 0;
  }
}
.exchange .nav__link.active {
  background: #E6E8EC;
  color: #23262F;
}
.exchange__row {
  display: flex;
  margin-top: 4px;
}
@media only screen and (max-width: 1179px) {
  .exchange__row {
    display: block;
  }
  .exchange__row:after {
    content: " ";
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 1179px) and (max-width: 1023px) {
  .exchange__row:after {
    display: none;
  }
}
.exchange__col:first-child, .exchange__col:nth-child(3) {
  flex-shrink: 0;
  width: 256px;
}
@media only screen and (max-width: 1179px) {
  .exchange__col:first-child, .exchange__col:nth-child(3) {
    float: left;
  }
}
@media only screen and (max-width: 1023px) {
  .exchange__col:first-child, .exchange__col:nth-child(3) {
    float: none;
    width: 100%;
  }
}
.exchange__col:nth-child(2) {
  flex: 0 0 calc(100% - 520px);
  width: calc(100% - 520px);
  margin: 0 4px;
}
@media only screen and (max-width: 1179px) {
  .exchange__col:nth-child(2) {
    float: right;
    width: calc(100% - 260px);
    margin: 0 0 0 4px;
  }
}
@media only screen and (max-width: 1023px) {
  .exchange__col:nth-child(2) {
    float: none;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .exchange__col:first-child {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 1023px) {
  .exchange__col:first-child {
    display: none;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .exchange__col:nth-child(3) {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .exchange__col {
    display: block !important;
  }
}

.balance {
  border-radius: 4px;
  background: #FCFCFD;
}
body.dark .balance {
  background: #17181B;
}
.balance__head {
  display: flex;
  align-items: center;
  padding: 16px 16px 12px;
}
.balance__sorting {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.balance__direction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: all 0.2s;
}
.balance__direction span {
  width: 12px;
  height: 2px;
  border-radius: 1;
}
.balance__direction span:not(:last-child) {
  margin-bottom: 2px;
}
.balance__direction:hover, .balance__direction.active {
  background: #F1F2F4;
}
body.dark .balance__direction:hover, body.dark .balance__direction.active {
  background: #23262F;
}
.balance__direction:not(:last-child) {
  margin-right: 12px;
}
.balance .select {
  width: 62px;
  height: 32px;
  padding: 0 36px 0 8px;
  background: #F1F2F4;
  border-radius: 4px;
  box-shadow: none;
  font-size: 12px;
  line-height: 32px;
}
body.dark .balance .select {
  background: #23262F;
  box-shadow: inset 0 0 0 2px #23262F;
}
.balance .select:before {
  right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.207.793a1 1 0 0 0-1.414 0L5 3.586 2.207.793A1 1 0 1 0 .793 2.207l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23777E90'/%3E%3C/svg%3E");
}
.balance .select .list {
  border-radius: 4px;
}
.balance .select .option {
  padding: 4px 8px;
  font-size: 12px;
}
.balance__top {
  display: flex;
  margin-bottom: 4px;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.balance__item {
  position: relative;
  display: flex;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
}
.balance__item.negative .balance__line {
  background: rgba(255, 104, 56, 0.15);
}
.balance__item.negative .balance__price {
  color: #FF6838;
}
.balance__item.positive .balance__line {
  background: rgba(88, 189, 125, 0.15);
}
.balance__item.positive .balance__price {
  color: #58BD7D;
}
.balance__item:not(:last-child) {
  margin-bottom: 4px;
}
@media only screen and (max-width: 1179px) {
  .balance__item:nth-child(n+10) {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .balance__item:nth-child(n+10) {
    display: flex;
  }
}
.balance__price {
  font-weight: 600;
}
.balance__price, .balance__amount {
  flex-shrink: 0;
  width: 70px;
}
.balance__amount {
  text-align: right;
}
.balance__total {
  flex-grow: 1;
  text-align: right;
}
.balance__line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.balance__statistics {
  display: flex;
  align-items: center;
  margin-top: 12px;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 1179px) {
  .balance__statistics {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 1023px) {
  .balance__statistics {
    margin-top: 12px;
  }
}
.balance__statistics .icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.balance__statistics:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (max-width: 1179px) {
  .balance__statistics:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .balance__statistics:not(:last-child) {
    margin-bottom: 12px;
  }
}
.balance__statistics.positive .balance__currency {
  color: #58BD7D;
}
.balance__statistics.positive .balance__icon {
  fill: #58BD7D;
}
.balance__statistics.negative .balance__currency {
  color: #FF6838;
}
.balance__statistics.negative .balance__icon {
  fill: #FF6838;
}
.balance__money {
  margin-left: 8px;
}

.currencies {
  padding: 16px;
  border-radius: 4px;
  background: #FCFCFD;
}
body.dark .currencies {
  background: #17181B;
}
.currencies .nav {
  margin-bottom: 12px;
}
.currencies__form {
  position: relative;
  margin-bottom: 12px;
}
.currencies__input {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 14px;
  border-radius: 8px;
  background: none;
  border: 2px solid #E6E8EC;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #23262F;
  transition: border-color 0.2s;
}
body.dark .currencies__input {
  border-color: #353945;
  color: #FCFCFD;
}
.currencies__input::-webkit-input-placeholder {
  color: #777E90;
}
.currencies__input::-moz-placeholder {
  color: #777E90;
}
.currencies__input:-ms-input-placeholder {
  color: #777E90;
}
.currencies__input::-ms-input-placeholder {
  color: #777E90;
}
.currencies__input::placeholder {
  color: #777E90;
}
.currencies__input:focus {
  border-color: #777E90;
}
.currencies__result {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
}
.currencies__result .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
  transition: fill 0.2s;
}
.currencies__result:hover .icon {
  fill: #2A85FF;
}
.currencies__table {
  display: table;
  width: 100%;
}
.currencies__row {
  display: table-row;
}
.currencies__row:first-child .currencies__col {
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.currencies__row:not(:first-child) .currencies__col {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
}
.currencies__col {
  display: table-cell;
  padding: 4px;
}
.currencies__col:first-child {
  padding-left: 0;
}
.currencies__col:last-child {
  padding-right: 0;
  text-align: right;
}
.currencies__line {
  display: inline-flex;
  align-items: center;
}
.currencies .favorite {
  position: relative;
  top: -2px;
  margin-right: 4px;
}
.currencies__info span {
  color: #777E90;
}
.currencies__positive {
  color: #58BD7D;
}
.currencies__negative {
  color: #FF6838;
}

.trades {
  margin-top: 4px;
  padding: 16px;
  border-radius: 4px;
  background: #FCFCFD;
}
body.dark .trades {
  background: #17181B;
}
.trades .nav {
  margin-bottom: 12px;
}
.trades__table {
  display: table;
  width: 100%;
}
.trades__row {
  display: table-row;
}
.trades__row:first-child .trades__col {
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.trades__row:not(:first-child) .trades__col {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
}
@media only screen and (max-width: 1179px) {
  .trades__row:nth-child(n+12) {
    display: none;
  }
}
.trades__col {
  display: table-cell;
  padding: 2px 4px;
}
.trades__col:first-child {
  padding-left: 0;
}
.trades__col:nth-child(2) {
  padding-right: 12px;
  text-align: right;
}
.trades__col:last-child {
  padding-right: 0;
  text-align: right;
}
.trades__col.positive {
  color: #58BD7D;
}
.trades__col.negative {
  color: #FF6838;
}
.trades__line {
  display: inline-flex;
  align-items: center;
}
.trades .favorite {
  position: relative;
  top: -2px;
  margin-right: 4px;
}
.trades__info span {
  color: #777E90;
}

.table {
  margin-top: 4px;
  padding: 16px;
  border-radius: 4px;
  background: #FCFCFD;
}
body.dark .table {
  background: #17181B;
}
@media only screen and (min-width: 1024px) {
  .table {
    display: block !important;
  }
}
.table .select {
  display: none;
}
@media only screen and (max-width: 767px) {
  .table .select {
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
}
.table .nav {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .table .nav {
    display: none;
  }
}
.table .nav__link:not(:last-child) {
  margin-right: 16px;
}
.table__inner {
  display: table;
  width: 100%;
}
.table__row {
  display: table-row;
}
.table__row:first-child .table__col {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
  color: #777E90;
}
.table__row:not(:first-child) .table__col {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
}
.table__col {
  display: table-cell;
  padding: 6px;
}
.table__col:first-child {
  padding-left: 0;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .table__col:nth-child(3) {
    padding-right: 0;
    text-align: right;
  }
}
.table__col:last-child {
  padding-right: 0;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .table__col:last-child {
    display: none;
  }
}
.table__col.positive {
  color: #58BD7D;
}
.table__col.negative {
  color: #FF6838;
}

.bargaining {
  margin-top: 4px;
  padding: 16px;
  background: #FCFCFD;
  border-radius: 4px;
}
@media only screen and (max-width: 1023px) {
  .bargaining {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin: 0;
    box-shadow: 0px -16px 64px rgba(15, 15, 15, 0.1);
  }
}
body.dark .bargaining {
  background: #17181B;
}
.bargaining__main {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1023px) {
  .bargaining__main {
    margin-bottom: 16px;
  }
}
.bargaining__info {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #777E90;
}
@media only screen and (max-width: 767px) {
  .bargaining__info {
    display: none;
  }
}
.bargaining__info a {
  margin-left: 8px;
  color: #23262F;
  transition: color 0.2s;
}
.bargaining__info a .icon {
  width: 20px;
  height: 20px;
  transition: fill 0.2s;
}
body.dark .bargaining__info a {
  color: #E6E8EC;
}
body.dark .bargaining__info a .icon {
  fill: #E6E8EC;
}
.bargaining__info a:hover {
  color: #2A85FF;
}
.bargaining__info a:hover .icon {
  fill: #2A85FF;
}
.bargaining .nav {
  margin-right: auto;
}
.bargaining .nav__link:not(:last-child) {
  margin-right: 16px;
}
@media only screen and (max-width: 1023px) {
  .bargaining__wrapper {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 6;
    background: #FCFCFD;
    padding: 16px;
    transition: all 0.3s;
  }
  body.dark .bargaining__wrapper {
    background: #141416;
  }
  .bargaining__wrapper.show {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    box-shadow: 0px -16px 64px rgba(15, 15, 15, 0.1);
  }
}
.bargaining__btns {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .bargaining__btns {
    display: flex;
    margin: 0 -6px;
  }
}
.bargaining__btns .bargaining__button {
  flex: 0 0 calc(50% - 12px);
  width: calc(50% - 12px);
  margin: 0 6px;
}
.bargaining__item {
  display: none;
}
.bargaining__top {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .bargaining__top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
  }
}
.bargaining__subtitle {
  margin-right: auto;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #777E90;
}
.bargaining__close .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
}
.bargaining__row {
  display: flex;
  margin: 0 -16px;
}
@media only screen and (max-width: 1023px) {
  .bargaining__row {
    display: block;
    margin: 0;
  }
}
.bargaining__col {
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .bargaining__col {
    display: block !important;
  }
}
@media only screen and (max-width: 1023px) {
  .bargaining__col {
    display: none;
    width: 100%;
    margin: 0;
  }
}
.bargaining__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.bargaining__title {
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.bargaining__counter {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 600;
}
.bargaining__counter .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.bargaining__field {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 16px;
  border-radius: 12px;
  box-shadow: inset 0 0 0 2px #E6E8EC;
  cursor: pointer;
}
body.dark .bargaining__field {
  box-shadow: inset 0 0 0 2px #23262F;
}
.bargaining__input {
  flex-grow: 1;
  height: 48px;
  padding: 0 10px;
  background: none;
  text-align: right;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #23262F;
}
body.dark .bargaining__input {
  color: #FCFCFD;
}
.bargaining__label, .bargaining__currency {
  font-weight: 500;
  color: #777E90;
  pointer-events: none;
}
.bargaining__col > .bargaining__button {
  width: 100%;
}

.range {
  position: relative;
  height: 36px;
}
.range__slider {
  position: absolute;
  left: 0;
  top: 12px;
  right: 0;
}
.range__indicators {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.range__indicators span {
  width: 2px;
  height: 6px;
  border-radius: 2px;
  background: #E6E8EC;
}
body.dark .range__indicators span {
  background: #353945;
}

.noUi-horizontal {
  height: 2px;
}
.noUi-target {
  border: none;
  background: #E6E8EC;
  box-shadow: none;
}
body.dark .noUi-target {
  background: #353945;
}
.noUi-connect {
  background: #2A85FF;
}
.noUi-handle {
  border: none;
  box-shadow: none;
  background: #2A85FF;
  border-radius: 50%;
  cursor: pointer;
}
.noUi-handle:before, .noUi-handle:after {
  display: none;
}
.noUi-horizontal .noUi-handle {
  right: -12px;
  top: -9px;
  width: 20px;
  height: 20px;
  border: 4px solid #777E90;
  background: #F4F5F6;
  box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.2);
}
.noUi-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  padding: 3px 10px;
  background: #23262F;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #FCFCFD;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.noUi-tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #141416 transparent transparent transparent;
}
body.dark .noUi-tooltip {
  background: #353945;
}
body.dark .noUi-tooltip:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #353945 transparent transparent transparent;
}
.noUi-handle:hover .noUi-tooltip {
  visibility: visible;
  opacity: 1;
}
.noUi-horizontal .noUi-tooltip {
  bottom: 24px;
}

.range_time .noUi-horizontal {
  height: 2px;
}
.range_time .noUi-handle {
  top: -11px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -12px;
}

.charts {
  position: relative;
  z-index: 2;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 4px;
}
@media only screen and (min-width: 1024px) {
  .charts {
    display: block !important;
  }
}
.charts__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-radius: 4px;
  background: #FCFCFD;
  border-bottom: 1px solid #E6E8EC;
}
body.dark .charts__head {
  background: #17181B;
  border-color: #23262F;
}
.charts .nav {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .charts__group .nav {
    display: none;
  }
}
.charts .select {
  display: none;
  height: 28px;
  line-height: 28px;
  background: #E6E8EC;
}
body.dark .charts .select {
  background: #353945;
}
@media only screen and (max-width: 767px) {
  .charts .select {
    display: block;
  }
}
.charts__item {
  display: none;
}
.charts__inner {
  overflow: hidden;
}
.charts__inner > div {
  height: 492px !important;
  margin: -1px;
}
@media only screen and (max-width: 1023px) {
  .charts__inner > div {
    position: relative;
    z-index: -1;
  }
}
body.dark .charts__inner:first-child {
  display: none;
}
.charts__inner:nth-child(2) {
  display: none;
}
body.dark .charts__inner:nth-child(2) {
  display: block;
}
.charts__element {
  width: 100%;
  height: 490px;
  background: #FCFCFD;
}
body.dark .charts__element {
  background: #17181B;
}
body.dark .charts__element .highcharts-grid-line,
body.dark .charts__element .highcharts-tick,
body.dark .charts__element .highcharts-axis-line {
  stroke: #353945 !important;
}



.account__btn__box {
  width:100%;
  height:50px;
  margin-top:40px;
  
}


.pageContainer {
  width:145px;
  height:auto;
  text-align:left;
  display:inline-block;
  margin-right:20px;
  overflow:hidden;
  margin-bottom:20px;
  vertical-align:top;
}

.pageContainer p {
  width:calc(100% - 30px);
  margin-top:-24px;
  overflow:hidden;
  

}

a, a:visited {
  color:inherit;
}

#profilepopup {
  width:150px;
  height:50px;
  line-height:50px;
  position:fixed;
  top:80px;
  right:50px;
  background:#23262F;
  z-index:999999999999;
  display:none;
  border-radius:10px;
  padding-left:10px;
  padding-right:10px;
  box-sizing:border-box;
}

.docoptionsbox {
  position: absolute;
  width:130px;
  height:50px;
  line-height:50px;
  margin-top:5px;
  background:#323642;
  border-radius:5px;
  display:none;
  box-sizing:border-box;
  padding-left:10px;
}


.docoptions {
  width:17px;
  position:relative;
  left:calc(100% - 34px);
}

.pagePreview {
  width:130px;
  height:auto;
  background:white;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
}

.profilebutton {
  cursor:pointer;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  background:linear-gradient(to bottom right, #0a84ff, #0041BE);
  color:white;
  border-radius:100%;
}




#uploadpopup, #subscriptionpopup {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,0.85);
  z-index:999;

}

#inneruploadpopup {
  width:600px;
  height:500px;
  background:#23262F;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-250px;
  border-radius:10px;
  padding:20px;
  box-sizing:border-box;

}

#innersubscriptionpopup {
  width:600px;
  height:570px;
  background:#23262F;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-250px;
  border-radius:10px;
  padding:20px;
  box-sizing:border-box;
}

#innersubscriptionpopupsuccess {
  width:600px;
  height:500px;
  background:#23262F;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-250px;
  border-radius:10px;
  padding:20px;
  box-sizing:border-box;
  text-align:center;
}

#uploadpopup__top__title {
  font-size:28px;
  color:white;
  font-weight:600;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px solid #353945;
}
#uploadpopup__top__title__success {
  font-size:28px;
  color:white;
  font-weight:600;
  padding-bottom:10px;
}

#uploadpopup__content__upload {
  width:100%;
  height:350px;
  padding-top:70px;
  justify-content:center;
  align-items:center;
  background:#353945;
  border-radius:10px;
  border:2px dashed #B1B5C3;
  text-align:center;
}

.uploadimage {
  width:80px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  display:block;
}
#uploadimagecontainer {
  width:100%;
  position:relative;
  overflow:hidden;
  display:block;
}

.uploadimagetext {
  width:100%;
  display:block;

}




















#lds-two div {
  background:#fff !important;
  top:24px;
}




.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 16px;
}
.lds-ellipsis div {
  position: absolute;
  top: 6px;
  margin-left:3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 3px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 3px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 10px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 19px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(8px, 0);
  }
}












.logoscreenmessenger {
  background:#111315;
}

#logoscreen {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:99999999999999999;
display:block;
}
.logobox {
margin-left:auto;
margin-right:auto;
width:196px;

}

.mmloadinglogo {
height:40px;
}

.jt {
position: relative;
font-size: 50px;
font-display: swap;
//text-shadow: 0 0 10px tomato;
font-weight: 500;
}

.jt__row {
display: block;
}
.jt__row:nth-child(1) {
clip-path: polygon(-10% 75%, 110% 75%, 110% 110%, -10% 110%);
}
.jt__row:nth-child(2) {
clip-path: polygon(-10% 50%, 110% 50%, 110% 75.3%, -10% 75.3%);
}
.jt__row:nth-child(3) {
clip-path: polygon(-10% 25%, 110% 25%, 110% 50.3%, -10% 50.3%);
}
.jt__row:nth-child(4) {
clip-path: polygon(-10% 0%, 110% 0%, 110% 25.3%, -10% 25.3%);
}

.jt__row.jt__row--sibling {
position: absolute;
top: 0;
left: 0;
user-select: none;
width:1024px;
}

.jt__text {
display: block;
transform-origin: bottom center;
animation: moveIn 3s 0s cubic-bezier(.36,0,.06,1) alternate infinite ;
}
.jt__row:nth-child(1) .jt__text {
transform: translateY(-0.1em);
}
.jt__row:nth-child(2) .jt__text {
transform: translateY(-0.3em) scaleY(1.1);
}
.jt__row:nth-child(3) .jt__text {
transform: translateY(-0.5em) scaleY(1.2) ;
}
.jt__row:nth-child(4) .jt__text {
transform: translateY(-0.7em) scaleY(1.3) ;
}
.jt__row:nth-child(5) .jt__text {
transform: translateY(-0.9em) scaleY(1.4) ;
}
.jt__row:nth-child(6) .jt__text {
transform: translateY(-1.1em) scaleY(1.5) ;
}

@keyframes moveIn {
50%, 100% { 
transform: translateY(0em)
}
0%   { 
opacity: 0; 
filter: blur(15px);

}
100% { 
opacity: 1; 
filter: blur(0px);
}
}



.debug .jt__row:nth-child(even) {
color: black;
background: white;
}
.debug .jt__row:nth-child(odd) {
color: white;
background: black;
}

.vertical {
  position: relative;
  top:50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.partyemoji {
  width:150px;
  height:150px;
  border-radius:100%;
  margin-left:auto;
  margin-right:auto;
  background:#353945;
  font-size:80px;
  line-height:150px;
  text-align:center;
  margin-bottom:10px;
}


#youtubesection {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:999999;
  background:rgba(0,0,0,0.85);
  text-align:center;
  display:none;
}


/* width under 768px */
@media screen and (max-width: 768px) {
  
  #playbtn {
    display:none;
  }

  .bgtitletop {
    margin-left:120px;
    margin-top:40px;
  }


}


.trennstrich {
  width:100%;
  height:1px;
  margin-bottom:10px;
  background:#353945;
}

.googleicon {
  width:20px;
  margin-right:15px;
}
.trennstrichp {
  position:relative;
  top:-23px;
  margin-left:auto;
  margin-right:auto;
  background:#111315;
  width:60px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  color:#aaa;
}

.titlelogo {
  width:30px;
  margin-right:10px;
  position:relative;
  top:-4px;
}


.pressimage {
  max-width:500px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:50px;
}

.press__item {
  display:block;
  padding:50px;
  box-sizing:border-box;

}

.section-press {
  background:black;
}

body.dark .section-press {
  background: rgba(0,0,0,1);
}


#joinnowbutton:hover {
  background:#eee !important;
  color:black !important;
}

#translationlink {
  margin-right: 20px;
  color: white;
  position: relative;
  top: 8px;
  cursor:pointer;
}
#translationlink img {
  width:20px;
  margin-right:2px;
  position:relative;
  top:-1px;
}
#translationlinktext {
  display: inline;
  position: relative;
  top: 0px;
}

#languagescontainer {
  width: 260px;
  position: absolute;
  border-radius: 10px;
  background: white;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
  top: 60px;
  overflow: hidden;
  display: none;
  transition: 0.2s all;
  opacity: 0;
  padding: 20px;
  max-height: calc(100vh - 200px);
  overflow-y: scroll;
  z-index:999999999999999;
  right:330px;
}
#languagescontainer h2 {
  color:black;
  font-size:20px !important;
  font-weight:500;
  margin-bottom:10px;
}

.languagebox {
  width:100%;
  line-height:36px;
  border-radius:5px;
  text-align:left;
  box-sizing:border-box;
  padding-left:10px;
  color:#666;
  font-weight:500;
  cursor:pointer;

  
}

@media only screen and (max-width: 1179px) {
  #languagescontainer {
    right:195px !important;
  }
}



.languagebox:hover {
  background:#f0f0f0;
}
.lbactive:hover {
  background:rgba(0, 65, 190, 0.1) !important;
}


.lbactive {
  background:rgba(0, 65, 190, 0.1);
  color:#00318F;
}