.market-wrap {
  -webkit-tap-highlight-color: transparent;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  background-color: var(--layer-2-color, #f4f4f4);
}

.market-wrap > div {
  width: 100%;
}

.market-header {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 32px 24px 60px;
  background-color: #003026;
  background-image: url(/nimg/marketplace-header-bg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 48em) {
  .market-header {
    padding: 48px 30px 90px;
  }
}

.market-header--wrap {
  width: 100%;
  max-width: 1034px;
}

.market-promo {
  row-gap: 16px;
  display: grid;
  grid-template-areas: 'promo-logo promo-title' 'promo-cta promo-cta';
  grid-template-columns: 1fr 2fr;
  padding: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  border: 1px solid #005243;
  border-radius: 10px;
  background-color: #000;
  background-image: url("/nimg/gtpro-promo-background.png");
  background-position: 44vw 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  animation: neon 2s ease-in-out infinite alternate;
}

@media screen and (min-width: 30em) {
  .market-promo {
    grid-template-areas: 'promo-logo promo-title promo-title' 'promo-logo promo-cta promo-cta';
    padding: 18px 22px;
    background-position: 56vw 0;
  }
}

@media screen and (min-width: 48em) {
  .market-promo {
    row-gap: 8px;
    grid-template-areas: 'promo-logo promo-title promo-cta';
    grid-template-columns: auto;
    padding: 20px 24px;
    background-image: none;
    background-position: center;
  }
}

@media screen and (min-width: 79.375em) {
  .market-promo {
    row-gap: 0;
    grid-template-columns: max-content auto auto;
    padding: 27px 40px 30px 30px;
    -moz-column-gap: 0;
    column-gap: 0;
    background-image: url("/nimg/gtpro-promo-background.png");
    background-position: 572px 0;
  }
}

.market-promo--logo {
  grid-area: promo-logo;
  align-self: center;
  justify-self: center;
  width: 69px;
  height: 65px;
}

@media screen and (min-width: 30em) {
  .market-promo--logo {
    width: 60%;
    height: auto;
  }
}

@media screen and (min-width: 48em) {
  .market-promo--logo {
    width: 69px;
    height: 65px;
  }
}

@media screen and (min-width: 79.375em) {
  .market-promo--logo {
    align-self: start;
    justify-self: start;
    margin-right: 32px;
  }
}

.market-promo--title {
  grid-area: promo-title;
  align-self: center;
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
}

@media screen and (min-width: 30em) {
  .market-promo--title {
    font-size: 24px;
  }
}

@media screen and (min-width: 70.625em) {
  .market-promo--title {
    max-width: unset;
  }
}

.market-promo--text {
  grid-area: promo-text;
  max-width: 454px;
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  opacity: .7;
}

@media screen and (min-width: 30em) {
  .market-promo--text {
    font-size: 16px;
  }
}

@media screen and (min-width: 48em) {
  .market-promo--text {
    justify-self: start;
    text-align: left;
  }
}

.market-promo--cta {
  --i-color1: #e51e25;
  gap: 8px;
  display: flex;
  grid-area: promo-cta;
  align-items: center;
  align-self: center;
  justify-self: center;
  margin: 8px 0;
  padding: 6px 10px;
  border: 1px solid #626262;
  border-radius: 10px;
  background-color: #000;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 30em) {
  .market-promo--cta {
    justify-self: start;
  }
}

@media screen and (min-width: 79.375em) {
  .market-promo--cta {
    gap: 10px;
    justify-self: end;
    padding: 16px 36px;
    font-size: 18px;
    line-height: 18px;
  }
}

.market-promo--cta:hover {
  --i-color1: #fff;
  border-color: #e51e25;
  background-color: #e51e25;
  color: #fff;
}

.market-promo--cta:hover span {
  color: #fff;
}

.market-promo--cta span {
  color: #e51e25;
}

.market-promo--icon {
  aspect-ratio: 1 / 1;
  width: 15px;
}

@keyframes neon {
  from {
    box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 7px #005243, 0 0 10px #005243;
  }
  to {
    box-shadow: 0 0 0 #fff;
  }
}

.market-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1034px;
  margin: 0 auto;
  border: 1px solid #005243;
  border-radius: 10px;
  background-color: #003027;
  box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 7px #005243, 0 0 10px #005243;
}

@media screen and (min-width: 48em) {
  .market-plus {
    height: auto;
  }
}

.market-plus--target {
  width: 100%;
}

.market-plus--image {
  display: none;
  overflow: hidden;
  border-radius: 10px;
}

@media screen and (min-width: 48em) {
  .market-plus--image {
    display: flex;
  }
}

.market-plus--image_mobile {
  display: flex;
}

@media screen and (min-width: 48em) {
  .market-plus--image_mobile {
    display: none;
  }
}

.market-course {
  margin-top: 20px;
}

@media screen and (min-width: 64em) {
  .market-course {
    margin-top: 44px;
  }
}

.market-more {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 24px;
}

@media screen and (min-width: 48em) {
  .market-more {
    padding: 0 30px;
  }
}

.market-more--wrap {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1034px;
}

.market-more--wrap::after,
.market-more--wrap::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: var(--line-2-color, #e7e7e7);
  content: '';
}

.market-more--button {
  padding: 10px 24px;
  border-radius: 20px;
  background-color: var(--layer-5-color, #202020);
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-transform: uppercase;
}

.market-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.market-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 14px 0 0;
  background-color: #fff;
}

@media screen and (min-width: 48em) {
  .market-bottom {
    margin: 40px 0 0;
  }
}

.trainer-empty {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 24px;
}

@media screen and (min-width: 48em) {
  .trainer-empty {
    padding: 0 30px;
  }
}

.trainer-empty--wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1034px;
  padding: 24px 16px;
  background-color: #fff;
}

@media screen and (min-width: 48em) {
  .trainer-empty--wrap {
    padding: 40px 24px;
  }
}

.trainer-empty--content {
  color: #666;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .trainer-empty--content {
    font-size: 21px;
  }
}

.market-subheader {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: -40px 0 30px;
}

@media screen and (min-width: 48em) {
  .market-subheader {
    margin: -51px 0 36px;
    padding: 0 30px;
  }
}

.market-subheader--wrap {
  display: flex;
  z-index: 1;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 1034px;
}

.market-subheader--top {
  display: flex;
  width: 100%;
}

.market-toggle {
  display: flex;
  border-radius: 10px 10px 0 0;
  background-color: var(--layer-2-color, #e7e7e7);
}

.market-toggle--button {
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 12px 10px 12px;
  border-radius: 10px 10px 0 0;
  color: var(--text-4-color, #202020);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .market-toggle--button {
    gap: 8px;
    padding: 13px 24px 11px 32px;
    font-size: 18px;
    line-height: 27px;
  }
}

.market-toggle--button_active {
  background-color: var(--layer-3-color, #fff);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, .05);
  color: var(--text-1-color, #666);
}

.market-toggle--counter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--text-2-color, #000);
  color: var(--layer-1-color, #fff);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 10px;
  line-height: 1;
}

@media screen and (min-width: 48em) {
  .market-toggle--counter {
    width: 27px;
    height: 27px;
    font-size: 14px;
  }
}

.market-toggle--button_active .market-toggle--counter {
  background-color: #e51e25;
}

[theme='dark'] .market-toggle--button_active .market-toggle--counter {
  color: #fff;
}

.market-toggle--link {
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px 4px 16px;
  border-radius: 0 10px 0 0;
  background-color: #e51e25;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .market-toggle--link {
    padding: 9px 24px 7px 26px;
    font-size: 18px;
    line-height: 27px;
  }
}

.market-toggle--gtpro {
  flex-shrink: 0;
  width: 32px;
  height: 30px;
}

.market-subheader--bottom {
  gap: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .market-subheader--bottom {
    border-radius: 0 0 10px 10px;
  }
}

@media screen and (min-width: 64em) {
  .market-subheader--bottom {
    flex-direction: row;
    box-shadow: 0 24px 24px rgba(46, 5, 5, .05);
  }
}

.market-select {
  gap: 24px;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 30em) {
  .market-select {
    flex-direction: row;
    width: 100%;
    max-width: 578px;
  }
}

.market-select--item {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 30em) {
  .market-select--item {
    max-width: 277px;
  }
}

.market-select--label {
  margin: 0 0 8px;
  color: var(--text-5-color, #666);
  font-size: 16px;
  line-height: 24px;
}

.market-select--option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 13px 51px 13px 16px;
  border: 1px solid var(--control-1-border-color, #e4e5e7);
  border-radius: 6px;
  background-color: var(--layer-3-color, #fff);
  background-image: url(/nimg/select-arrow-24.svg);
  background-origin: content-box;
  background-position: right -32px center;
  background-repeat: no-repeat;
  background-size: 16px;
  color: var(--control-1-color, #202020);
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

[theme='dark'] .market-select--option {
  background-image: url(/nimg/select-arrow-light-24.svg);
}

.market-switch {
  display: flex;
  flex-direction: column;
}

.market-switch--label {
  margin: 0 0 8px;
  color: var(--text-5-color, #666);
  font-size: 16px;
  line-height: 24px;
}

.market-switch--inner {
  gap: 10px;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 30em) {
  .market-switch--inner {
    gap: 18px;
    flex-direction: row;
    align-items: center;
    padding: 17px 0 13px;
  }
}

.market-switch--item {
  gap: 0 6px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
}

@media screen and (min-width: 30em) {
  .market-switch--item {
    flex-direction: row;
    justify-content: flex-start;
    padding: 0;
  }
}

.market-switch--title {
  color: var(--control-1-color, #202020);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.market-switch--control {
  display: flex;
  position: relative;
}

.market-switch--input {
  position: absolute;
  opacity: 0;
}

.market-switch--tick {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 19px;
  border-radius: 100px;
  background-color: var(--layer-5-color, #bcbdc2);
  transition: background-color .2s;
}

.market-switch--tick::after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: var(--text-6-color, #f0f1f4);
  content: '';
  transition: left .2s, background-color .2s;
}

.market-switch--input:checked ~ .market-switch--tick {
  background-color: var(--text-2-color, #202020);
}

.market-switch--input:checked ~ .market-switch--tick::after {
  left: 17px;
  background-color: var(--layer-3-color, #fff);
}

.trainer-grid-wrapper {
  width: 100%;
}

.trainer-grid {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 24px;
}

@media screen and (min-width: 48em) {
  .trainer-grid {
    padding: 0 30px;
  }
}

.trainer-grid--wrap {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1034px;
}

@media screen and (min-width: 48em) {
  .trainer-grid--wrap {
    gap: 24px;
  }
}

.trainer-card {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  background-color: var(--layer-2a-color, #fff);
}

@media screen and (min-width: 30em) {
  .trainer-card {
    max-width: 328px;
  }
}

@media screen and (min-width: 48em) {
  .trainer-card {
    padding: 24px;
  }
  .trainer-card:hover {
    box-shadow: 0 6px 15px rgba(68, 8, 8, .1), 0 26px 25px -17px rgba(68, 8, 8, .3);
  }
}

.trainer-card--top {
  gap: 0 16px;
  display: flex;
  width: 100%;
  margin: 0 0 12px;
}

.trainer-card--avatar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  overflow: hidden;
  border-radius: 50%;
}

.trainer-card--wrap {
  display: flex;
  flex-direction: column;
  min-height: 98px;
}

.trainer-card--nick {
  color: var(--text-2-color, #202020);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.trainer-card--name {
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
}

.market-meta {
  gap: 0 12px;
  display: flex;
  align-items: center;
}

.market-meta--score {
  position: relative;
  width: 92px;
  height: 16px;
  overflow: hidden;
  background-image: url(/nimg/yellow-star-hollow19x16.svg);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 19px;
}

.market-meta--value {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-image: url(/nimg/yellow-star19x16.svg);
  background-repeat: repeat-x;
  background-size: 19px;
}

[data-rating='1'] .market-meta--value {
  width: 20%;
}

[data-rating='2'] .market-meta--value {
  width: 40%;
}

[data-rating='3'] .market-meta--value {
  width: 60%;
}

[data-rating='4'] .market-meta--value {
  width: 80%;
}

[data-rating='5'] .market-meta--value {
  width: 100%;
}

.market-meta--rate {
  color: var(--text-5-color, #282828);
  font-size: 14px;
  line-height: 21px;
}

.course-lead--rate .market-meta--rate {
  color: #f0f1f4;
}

.trainer-card--graph {
  gap: 0 8px;
  display: flex;
  z-index: 2;
  align-items: center;
  padding: 4px 0;
  color: var(--market-link, #0d47a1);
  font-size: 14px;
  line-height: 1.5;
}

[theme="dark"] .trainer-card--graph {
  --market-link: #62aff3;
}

.trainer-card--graph svg {
  width: 17px;
  height: 12px;
}

[theme='dark'] .trainer-card--graph svg {
  --i-color1: var(--market-link);
}

.trainer-card--list {
  margin: 0 0 24px;
}

.trainer-card--list li {
  display: flex;
  align-items: center;
}

.trainer-card--list li:not(:last-child) {
  margin: 0 0 12px;
}

.trainer-card--list li::after {
  flex-grow: 1;
  order: 2;
  height: 0;
  margin: 0 4px;
  border-bottom: 1px dashed var(--line-2-color, #f0f1f4);
  content: '';
}

.trainer-card--title {
  order: 1;
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 17px;
}

.trainer-card--tag {
  gap: 4px;
  display: flex;
  justify-content: flex-end;
  order: 3;
  max-width: 210px;
  text-align: right;
}

.trainer-card--label {
  padding: 3px 7px;
  border-radius: 40px;
  background-color: var(--layer-5-color, #e4e5e7);
  color: var(--text-2-color, #202020);
  font-size: 13px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.trainer-card--data {
  order: 3;
  max-width: 160px;
  color: var(--text-2-color, #202020);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: right;
}

.ui-tooltip {
  z-index: 9999;
  position: absolute;
  max-width: 300px;
}

.gtp-tooltip {
  z-index: 2;
  position: relative;
  border-bottom: 1px dashed #666;
  cursor: default;
}

.gtp-popup {
  display: none;
  position: relative;
  flex-direction: column;
  width: 226px;
  padding: 16px;
  border: 1px solid #cfcfcf;
  background-color: #f5f5f5;
}

.ui-tooltip .gtp-popup {
  display: flex;
}

.gtp-popup--icon {
  gap: 0 4px;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  color: #202020;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.gtp-popup--icon svg {
  flex-shrink: 0;
  width: 24px;
  height: 18px;
}

.gtp-popup--text {
  color: #202020;
  font-size: 13px;
  line-height: 1.3;
}

.trainer-card--review {
  gap: 0 8px;
  display: flex;
  align-items: center;
  order: 3;
}

.trainer-card--positive {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: #6dab73;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.trainer-card--positive svg {
  width: 18px;
  height: 16px;
  transform: translateY(-1px);
}

.trainer-card--negative {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: var(--text-3-color, #666);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.trainer-card--negative svg {
  width: 18px;
  height: 16px;
  transform: translateY(1px);
}

[theme='dark'] .trainer-card--negative svg {
  --i-color1: var(--text-3-color);
}

.trainer-card--bottom {
  display: flex;
  width: 100%;
  margin: auto 0 0;
}

.trainer-card--link {
  width: 100%;
  padding: 13px 24px;
  border: 1px solid #f49fa2;
  border-radius: 5px;
  color: #e51e25;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .trainer-card:hover .trainer-card--link {
    border-color: #e51e25;
    background-color: #e51e25;
    color: #fff;
  }
}

.trainer-card--link::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.trainer-single {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 32px 16px;
  background-color: #fff;
}

@media screen and (min-width: 70.625em) {
  .trainer-single {
    max-width: 680px;
    padding: 68px 24px 48px;
  }
}

.trainer-single--slogan {
  width: 100%;
  max-width: 542px;
  margin: 0 0 24px;
  color: #202020;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .trainer-single--slogan {
    margin: 0 0 32px;
    font-size: 24px;
  }
}

.trainer-single--grid {
  gap: 24px 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 0 32px;
}

@media screen and (min-width: 48em) {
  .trainer-single--grid {
    margin: 0 0 40px;
  }
}

.trainer-single--logo {
  display: flex;
  align-items: center;
}

.trainer-single--logo svg {
  flex-shrink: 0;
}

.trainer-single--greenline {
  width: 253px;
  height: 71px;
}

.trainer-single--kot {
  max-width: 104px;
  height: 114px;
}

.trainer-single--link {
  color: #000;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: underline;
}

.fund-grid {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 24px;
}

@media screen and (min-width: 48em) {
  .fund-grid {
    padding: 0 30px;
  }
}

.fund-grid--wrap {
  gap: 16px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1034px;
}

@media screen and (min-width: 48em) {
  .fund-grid--wrap {
    gap: 24px;
    grid-template-columns: 1fr 1fr;
  }
}

.fund-card {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  background-color: var(--layer-2a-color, #fff);
}

@media screen and (min-width: 48em) {
  .fund-card {
    padding: 24px;
  }
  .fund-card:hover {
    box-shadow: 0 6px 15px rgba(68, 8, 8, .1), 0 26px 25px -17px rgba(68, 8, 8, .3);
  }
}

.fund-card--top {
  gap: 0 8px;
  display: flex;
  width: 100%;
  margin: 0 0 21px;
}

@media screen and (min-width: 48em) {
  .fund-card--top {
    gap: 0 24px;
  }
}

.fund-card--logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  overflow: hidden;
  border: 1px solid var(--line-2-color, #e7e7e7);
  border-radius: 50%;
}

@media screen and (min-width: 48em) {
  .fund-card--logo {
    width: 86px;
    height: 86px;
  }
}

.fund-card--logo svg {
  width: 100%;
  max-width: 46px;
  height: 48px;
}

@media screen and (min-width: 48em) {
  .fund-card--logo svg {
    max-width: 50px;
    height: 60px;
  }
}

[theme='dark'] .market-wrap .fund-card--logo svg {
  --logo-color-1: initial;
  --logo-color-2: initial;
}

.fund-card--logo:has(> .recommend-pm-icon) {
  border-color: transparent;
}

.fund-card--wrap {
  display: flex;
  flex-direction: column;
}

.fund-card--heading {
  margin: 0 0 2px;
  color: var(--text-2-color, #202020);
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

@media screen and (min-width: 48em) {
  .fund-card--heading {
    margin: 0 0 4px;
    font-size: 24px;
  }
}

.fund-card--lead {
  margin: 0 0 8px;
  color: var(--text-4-color, #666);
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .fund-card--lead {
    margin: 0 0 13px;
    font-size: 16px;
  }
}

.fund-card--tag {
  gap: 0 4px;
  display: flex;
}

.fund-card--label {
  padding: 3px 7px;
  border-radius: 40px;
  background-color: var(--layer-5-color, #e4e5e7);
  color: var(--text-2-color, #202020);
  font-size: 13px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.fund-card--label_cash {
  background-color: #43a047;
  color: #fff;
}

.fund-card--label_mtt {
  background-color: #ff9800;
  color: #fff;
}

.fund-card--label_mbr {
  background-color: #f4813c;
  color: #fff;
}

.fund-card--list {
  margin: 0 0 27px;
  padding: 0 0 0 24px;
}

@media screen and (min-width: 48em) {
  .fund-card--list {
    margin: 0 0 32px;
  }
}

.fund-card--list li {
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
  list-style-position: outside;
  list-style-type: disc;
}

.fund-card--list li:not(:last-child) {
  margin: 0 0 6px;
}

@media screen and (min-width: 48em) {
  .fund-card--list li:not(:last-child) {
    margin: 0 0 8px;
  }
}

.fund-card--bottom {
  display: flex;
  width: 100%;
  margin: auto 0 0;
}

.fund-card--link {
  width: 100%;
  padding: 13px 24px;
  border: 1px solid #f49fa2;
  border-radius: 5px;
  color: #e51e25;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .fund-card:hover .fund-card--link {
    border-color: #e51e25;
    background-color: #e51e25;
    color: #fff;
  }
}

.fund-card--link::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.fund-mail {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  width: 100%;
  padding: 16px 0;
}

@media screen and (min-width: 48em) {
  .fund-mail {
    padding: 58px 0 0;
  }
}

.fund-mail--icon {
  flex-shrink: 0;
  width: 78px;
  height: 80px;
  margin: 0 0 10px;
}

[theme='dark'] .fund-mail--icon {
  --i-color1: var(--text-3-color);
}

@media screen and (min-width: 48em) {
  .fund-mail--icon {
    width: 76px;
    height: 78px;
    margin: 0 0 12px;
  }
}

.fund-mail--inner {
  display: flex;
  flex-direction: column;
  margin: 0 0 18px;
}

@media screen and (min-width: 48em) {
  .fund-mail--inner {
    max-width: 420px;
    margin: 0 0 24px;
  }
}

@media screen and (min-width: 64em) {
  .fund-mail--inner {
    margin: 0 0 55px;
  }
}

.fund-mail--text {
  color: var(--text-2-color, #202020);
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .fund-mail--text {
    font-size: 24px;
  }
}

.fund-mail--contact {
  gap: 4px;
  display: flex;
  flex-direction: column;
  margin: auto 0 0;
}

.fund-mail--link {
  width: 100%;
  padding: 14px 24px;
  border-radius: 5px;
  background-color: var(--text-1-color, #202020);
  color: var(--layer-1-color, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.fund-mail--sublink {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 0;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .fund-mail--sublink {
    max-width: 230px;
  }
}

[theme='dark'] .fund-mail--sublink svg {
  --i-color1: var(--text-2-color);
}

.freeplay {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 24px;
}

@media screen and (min-width: 48em) {
  .freeplay {
    padding: 0 30px;
  }
}

.market-mid .freeplay {
  margin: 0;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .market-mid .freeplay {
    padding: 40px 30px;
  }
}

.freeplay--wrap {
  width: 100%;
  max-width: 1034px;
  padding: 30px 24px 26px;
  background-image: url(/nimg/freeplay-bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 48em) {
  .freeplay--wrap {
    min-height: 252px;
    padding: 32px 24px 32px 275px;
    border-radius: 10px;
    background-image: url(/nimg/freeplay-bg1.png), url(/nimg/freeplay-bg.jpg);
    background-position: 50px 100%, 50%;
    background-size: 207px, cover;
  }
}

.freeplay--inner {
  width: 100%;
  margin: 0 0 30px;
}

.freeplay--heading {
  margin: 0 0 12px;
  color: #fff;
  font-family: "PT Serif", serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .freeplay--heading {
    font-size: 32px;
    line-height: 1.3;
    text-align: left;
  }
}

.freeplay--subheading {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .freeplay--subheading {
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
  }
}

.freeplay--cta {
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: auto 0 0;
}

@media screen and (min-width: 48em) {
  .freeplay--cta {
    flex-direction: row;
  }
}

.freeplay--reg {
  width: 100%;
  padding: 14px 24px;
  border-radius: 5px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .freeplay--reg {
    max-width: 196px;
  }
}

.freeplay--link {
  width: 100%;
  padding: 14px 24px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .freeplay--link {
    width: initial;
  }
}

.market-mail {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 24px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 48em) {
  .market-mail {
    padding: 0 30px;
  }
}

.market-mail--wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1034px;
  padding: 32px 16px;
  border-radius: 6px;
  background-color: var(--layer-2a-color, #fff);
}

@media screen and (min-width: 48em) {
  .market-mail--wrap {
    gap: 24px;
    flex-direction: row;
    justify-content: space-between;
    padding: 32px;
  }
}

.market-mail--main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 48em) {
  .market-mail--main {
    gap: 24px;
    flex-direction: row;
  }
}

.market-mail--icon {
  flex-shrink: 0;
  width: 78px;
  height: 80px;
  margin: 0 0 10px;
}

[theme='dark'] .market-mail--icon {
  --i-color1: var(--text-3-color);
}

@media screen and (min-width: 48em) {
  .market-mail--icon {
    width: 58px;
    height: 60px;
    margin: 0;
  }
}

.market-mail--inner {
  display: flex;
  flex-direction: column;
  margin: 0 0 18px;
}

@media screen and (min-width: 48em) {
  .market-mail--inner {
    max-width: 420px;
    margin: 0;
  }
}

.market-mail--text {
  color: var(--text-2-color, #202020);
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .market-mail--text {
    font-size: 21px;
    text-align: left;
  }
}

.market-mail--contact {
  gap: 4px;
  display: flex;
  flex-direction: column;
}

.market-mail--link {
  width: 100%;
  padding: 14px 24px;
  border-radius: 5px;
  background-color: var(--text-1-color, #202020);
  color: var(--layer-1-color, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .market-mail--link {
    max-width: 230px;
  }
}

.market-mail--link_chat {
  background-color: #388e3c;
  color: #fff;
}

.market-mail--sublink {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 0;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .market-mail--sublink {
    max-width: 230px;
  }
}

[theme='dark'] .market-mail--sublink svg {
  --i-color1: var(--text-2-color);
}

.market-faq {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 40px 24px 0;
  background-color: var(--layer-2a-color);
}

@media screen and (min-width: 48em) {
  .market-faq {
    padding: 80px 30px;
  }
}

.market-faq--wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1034px;
  border-bottom: 1px solid var(--line-1-color, #e7e7e7);
}

.market-faq--heading {
  margin: 0 0 24px;
  color: var(--text-2-color, #202020);
  font-family: "PT Serif", serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .market-faq--heading {
    margin: 0 0 40px;
    font-size: 32px;
  }
}

.market-faq--item {
  border-top: 1px solid var(--line-1-color, #e7e7e7);
}

.market-faq--item a {
  color: var(--text-2-color, #202020);
}

.market-faq--button {
  display: flex;
  width: 100%;
  padding: 21px 0 16px;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .market-faq--button {
    padding: 19px 16px;
    font-size: 18px;
  }
}

.market-faq--inner {
  flex-shrink: 0;
  margin: 0 0 0 auto;
  padding: 0 0 0 24px;
}

.market-faq--sign {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--text-3-color, #202020);
  border-radius: 50%;
}

.market-faq--sign svg {
  width: 14px;
  height: 14px;
}

.ui-state-active .market-faq--sign svg {
  --i-color2: transparent;
}

[theme='dark'] .ui-state-active .market-faq--sign svg {
  --i-color2: transparent;
}

[theme='dark'] .market-faq--sign svg {
  --i-color1: var(--text-3-color);
  --i-color2: var(--text-3-color);
}

.market-faq--content {
  display: none;
  padding: 0 0 24px;
}

@media screen and (min-width: 48em) {
  .market-faq--content {
    padding: 5px 68px 20px 16px;
  }
}

.market-faq--content p {
  margin: 0;
  color: var(--text-3-color, #666);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .market-faq--content p {
    font-size: 18px;
  }
}

.market-faq--content p a {
  color: var(--text-1-color, #202020);
  text-decoration: underline;
}

.market-faq--content ol {
  margin: 20px 0;
  list-style-position: inside;
  list-style-type: disc;
}

.market-faq--content ol li {
  color: #666;
  font-size: 18px;
  line-height: 1.5;
}

.market-discord {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 40px 24px;
  background-color: var(--layer-3-color, #fff);
  background-repeat: no-repeat;
}

@media screen and (min-width: 48em) {
  .market-discord {
    padding: 40px 30px;
  }
}

.market-discord--wrap {
  gap: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1034px;
  padding: 14px 88px 14px 14px;
  border: 2px solid #784ef5;
  border-radius: 10px;
  background-color: var(--layer-3-color, #fff);
  background-image: url(/nimg/discord-bg.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 48em) {
  .market-discord--wrap {
    gap: 24px;
    flex-direction: row;
    align-items: center;
    padding: 23px 24px 23px 10%;
    background-image: url(/nimg/discord-bg1.png);
    background-size: cover;
  }
}

.market-discord--icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.market-discord--inner {
  display: flex;
  flex-direction: column;
  max-width: 374px;
}

@media screen and (min-width: 48em) {
  .market-discord--inner {
    max-width: 420px;
  }
}

.market-discord--text {
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .market-discord--text {
    font-size: 21px;
  }
}

.market-discord--link {
  padding: 14px 24px;
  border-radius: 5px;
  background-color: #784ef5;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.market-contact {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 24px;
}

@media screen and (min-width: 48em) {
  .market-contact {
    padding: 0 30px;
  }
}

.market-contact--wrap {
  gap: 20px;
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1034px;
  padding: 40px 0;
}

@media screen and (min-width: 48em) {
  .market-contact--wrap {
    grid-template-columns: 1fr 1.5fr;
    padding: 80px 0;
  }
}

@media screen and (min-width: 64em) {
  .market-contact--wrap {
    gap: 60px;
  }
}

.market-contact--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .market-contact--inner {
    max-width: 360px;
  }
}

.market-contact--heading {
  margin: 0 0 8px;
  color: var(--text-2-color, #202020);
  font-family: "PT Serif", serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .market-contact--heading {
    margin: 0 0 12px;
    font-size: 32px;
    text-align: left;
  }
}

.market-contact--lead {
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .market-contact--lead {
    margin: 0 0 43px;
    font-size: 18px;
    text-align: left;
  }
}

.market-contact--lead a {
  color: var(--text-2-color, #202020);
  text-decoration: underline;
}

.market-contact--note {
  display: none;
  position: relative;
  color: var(--text-2-color, #202020);
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .market-contact--note {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
  }
}

.market-contact--note::before {
  margin: 0 4px 0 0;
  color: #e51e25;
  content: '*';
}

.market-contact--note_mobile {
  display: block;
}

@media screen and (min-width: 48em) {
  .market-contact--note_mobile {
    display: none;
  }
}

.market-form {
  gap: 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 30em) {
  .market-form {
    gap: 12px;
  }
}

.market-form--row {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}

.market-form--row_double {
  gap: 8px;
}

@media screen and (min-width: 30em) {
  .market-form--row_double {
    gap: 12px;
    grid-template-columns: 1fr 1fr;
  }
}

.market-form--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 16px 24px;
  border: 1px solid var(--control-1-border-color, #e4e5e7);
  border-radius: 6px;
  background-color: var(--layer-3-color, #fff);
  color: var(--text-2-color, #202020);
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
}

.market-form--field::-moz-placeholder {
  color: var(--text-2-color, #666);
}

.market-form--field::placeholder {
  color: var(--text-2-color, #666);
}

.market-form--option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 16px 51px 16px 24px;
  border: 1px solid var(--control-1-border-color, #e4e5e7);
  border-radius: 6px;
  background-color: var(--layer-3-color, #fff);
  background-image: url(/nimg/select-arrow-24.svg);
  background-origin: content-box;
  background-position: right -32px center;
  background-repeat: no-repeat;
  background-size: 16px;
  color: var(--control-1-color, #666);
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
}

[theme="dark"] .market-form--option {
  background-image: url(/nimg/select-arrow-light-24.svg);
}

.market-form--submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 16px 0 0;
  padding: 14px 24px;
  border: 0;
  border-radius: 5px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 30em) {
  .market-form--submit {
    margin: 20px 0 0;
  }
}

.market-step {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 30px 24px;
}

@media screen and (min-width: 48em) {
  .market-step {
    padding: 80px 30px;
  }
}

.market-step--wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1034px;
}

.market-step--heading {
  margin: 0 0 24px;
  color: var(--text-2-color, #202020);
  font-family: "PT Serif", serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .market-step--heading {
    margin: 0 0 40px;
    font-size: 32px;
  }
}

.market-step--grid {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  counter-reset: section;
}

@media screen and (min-width: 48em) {
  .market-step--grid {
    gap: 30px;
  }
}

@media screen and (min-width: 64em) {
  .market-step--grid {
    justify-content: space-between;
  }
}

.step-card {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 16px 24px 24px;
  border: 1px solid #e4e5e7;
  border-radius: 16px;
  background-color: #fff;
}

@media screen and (min-width: 30em) {
  .step-card {
    max-width: 296px;
    padding: 68px 24px 24px;
  }
}

.step-card::before {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #bcbdc2;
  font-size: 32px;
  font-weight: 700;
  line-height: 28px;
  content: "0" counter(section);
  counter-increment: section;
}

@media screen and (min-width: 30em) {
  .step-card::before {
    top: 24px;
    left: 24px;
  }
}

.step-card--image {
  display: flex;
  position: relative;
  justify-content: center;
  margin: 0 0 24px;
  border-bottom: 1px solid #bcbdc2;
}

.step-card--image img {
  max-width: 213px;
}

.step-card--image svg {
  display: none;
  position: absolute;
  right: -45px;
  bottom: -20px;
  width: 40px;
  height: 40px;
}

@media screen and (min-width: 64em) {
  .step-card--image svg {
    display: block;
  }
}

.step-card--text {
  color: #202020;
  font-size: 16px;
  line-height: 24px;
}

.market-crumbs {
  gap: 4px 11px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 1246px;
  padding: 32px 24px 16px;
}

.market-crumbs--link {
  display: flex;
  align-items: center;
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
}

.market-crumbs--link::after {
  flex-shrink: 0;
  width: 5px;
  height: 7px;
  margin: 0 0 0 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='7' viewBox='0 0 5 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12907 3.5L0.00732422 1.379L1.06782 0.317749L4.25007 3.5L1.06782 6.68225L0.00732422 5.621L2.12907 3.5Z' fill='%23202020' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 5px;
  content: '';
}

[theme='dark'] .market-crumbs--link::after {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='7' viewBox='0 0 5 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12907 3.5L0.00732422 1.379L1.06782 0.317749L4.25007 3.5L1.06782 6.68225L0.00732422 5.621L2.12907 3.5Z' fill='white' /%3E%3C/svg%3E");
}

.market-crumbs--heading {
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
}

.trainer-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--layer-2-color, #f4f4f4);
}

@media screen and (min-width: 48em) {
  .trainer-header {
    padding: 0 30px;
  }
}

.trainer-header--wrap {
  width: 100%;
  max-width: 1246px;
  min-height: 294px;
  padding: 24px;
  overflow: hidden;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .trainer-header--wrap {
    padding: 0;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px var(--line-2-color, #e7e7e7);
  }
}

.trainer-header--grid {
  gap: 10px;
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .trainer-header--grid {
    gap: 24px;
    grid-template-columns: 1fr 378px;
  }
}

@media screen and (min-width: 64em) {
  .trainer-header--grid {
    grid-template-columns: 240px 2fr 1fr;
  }
}

.trainer-header--image {
  display: none;
  align-items: flex-start;
  width: 240px;
  padding: 24px 0 0 30px;
}

@media screen and (min-width: 64em) {
  .trainer-header--image {
    display: flex;
  }
}

.trainer-header--picture {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
}

.trainer-lead {
  gap: 0 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .trainer-lead {
    padding: 24px 0 24px 24px;
  }
}

@media screen and (min-width: 64em) {
  .trainer-lead {
    padding: 24px 0;
  }
}

.trainer-lead--inner {
  gap: 8px;
  display: flex;
  margin: 0 0 14px;
}

.trainer-lead--avatar {
  display: flex;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
}

@media screen and (min-width: 64em) {
  .trainer-lead--avatar {
    display: none;
  }
}

.trainer-lead--wrap {
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.trainer-lead--nick {
  color: var(--text-2-color, #202020);
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.trainer-lead--name {
  color: var(--text-2-color, #202020);
  font-size: 18px;
  line-height: 20px;
}

.trainer-lead--rate {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
}

.trainer-lead--review {
  padding: 5px 7px;
  border: 1px solid var(--line-2-color, #e4e5e7);
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1;
}

.trainer-lead--text {
  margin: 0 0 22px;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

.trainer-lead--tag {
  gap: 0 4px;
  display: flex;
}

.trainer-lead--label {
  padding: 4px 8px;
  border-radius: 40px;
  background-color: var(--layer-5-color, #e4e5e7);
  color: var(--text-2-color, #202020);
  font-size: 15px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.trainer-header--inner {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 378px;
  padding: 16px 0 8px;
}

@media screen and (min-width: 48em) {
  .trainer-header--inner {
    width: 378px;
    padding: 24px;
  }
  .trainer-header--inner::before {
    position: absolute;
    top: 24px;
    left: 0;
    width: 1px;
    height: calc(100% - 48px);
    background-color: var(--line-2-color, #e4e5e7);
    content: '';
  }
}

.trainer-header--list {
  margin: 0 0 24px;
}

.trainer-header--list li {
  display: flex;
  align-items: center;
  margin: 0;
}

.trainer-header--list li:not(:last-child) {
  margin: 0 0 8px;
}

.trainer-header--list li::after {
  flex-grow: 1;
  order: 2;
  height: 0;
  margin: 0 4px;
  border-bottom: 1px dashed var(--text-5-color, #f0f1f4);
  content: '';
}

.trainer-header--title {
  order: 1;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 24px;
}

.trainer-header--data {
  order: 3;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.trainer-header--review {
  gap: 0 8px;
  display: flex;
  align-items: center;
  order: 3;
}

.trainer-header--positive {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: #6dab73;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.trainer-header--positive svg {
  width: 18px;
  height: 16px;
  transform: translateY(-1px);
}

.trainer-header--negative {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: var(--text-3-color, #666);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.trainer-header--negative svg {
  width: 18px;
  height: 16px;
  transform: translateY(1px);
}

[theme='dark'] .trainer-header--negative svg {
  --i-color1: var(--text-3-color);
}

.trainer-header--button {
  width: 100%;
  padding: 14px;
  border-radius: 5px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

.trainer-header--link {
  align-self: center;
  margin: 12px 0 0;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
}

.trainer-header--bottom {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 1196px;
  padding: 40px 24px 0;
}

@media screen and (min-width: 48em) {
  .trainer-header--bottom {
    padding: 40px 0 0;
  }
}

.trainer-toggle {
  display: flex;
  border-radius: 10px 10px 0 0;
  background-color: var(--layer-1-color, #e7e7e7);
}

.trainer-toggle--button {
  gap: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  padding: 13px 16px 11px;
  color: var(--text-5-color, #202020);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .trainer-toggle--button {
    width: auto;
    padding: 13px 32px 11px;
  }
}

.trainer-toggle--button:not(:last-child) {
  border-right: 1px solid var(--line-1-color, #d9d9d9);
}

.trainer-toggle--button svg {
  flex-shrink: 0;
}

[theme='dark'] .trainer-toggle--button svg {
  --i-color1: #9e9e9e;
}

.trainer-toggle--button span {
  display: none;
}

@media screen and (min-width: 48em) {
  .trainer-toggle--button span {
    display: block;
  }
}

.trainer-toggle--button.active {
  position: relative;
  width: auto;
  border-radius: 10px 10px 0 0;
  border-color: transparent;
  background-color: var(--layer-3-color, #fff);
  color: var(--text-1-color, #666);
}

.trainer-toggle--button.active span {
  display: block;
}

[theme='dark'] .trainer-toggle--button.active svg {
  --i-color1: #fff;
}

.trainer-toggle--button.active::before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background-color: var(--layer-1-color, #e7e7e7);
  content: '';
}

.trainer-tab {
  display: none;
  min-height: 200px;
  padding: 40px 24px 30px;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .trainer-tab {
    padding: 40px 30px 40px;
  }
}

.trainer-tab.active {
  display: flex;
  width: 100%;
}

.trainer-tab--grid {
  gap: 40px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1196px;
  margin: 0 auto;
}

@media screen and (min-width: 48em) {
  .trainer-tab--grid {
    flex-direction: row;
  }
}

.trainer-tab--list {
  width: 100%;
  margin: 0;
}

.trainer-tab--list h2 {
  margin: 0 0 16px;
  color: var(--text-2-color, #202020);
  font-size: 20px;
  line-height: 1.5;
}

.trainer-tab--list h3 {
  margin: 24px 0 16px;
  color: var(--text-2-color, #202020);
  font-size: 18px;
  line-height: 21px;
}

.trainer-tab--list p {
  margin: 0 0 24px;
  color: var(--text-1-color, #000);
  font-size: 16px;
  line-height: 1.5;
}

.trainer-tab--list a {
  color: var(--text-1-color, #000);
  text-decoration: underline;
}

.trainer-tab--list ul {
  margin: 24px 0;
  list-style-position: inside;
  list-style-type: disc;
}

.trainer-tab--list ul li {
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 24px;
}

.trainer-tab--list ol {
  margin: 24px 0;
  list-style-position: inside;
}

.trainer-tab--list ol li {
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

.market-cta {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 40px 24px;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .market-cta {
    padding: 40px 30px;
  }
}

.market-cta--wrap {
  gap: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1034px;
}

@media screen and (min-width: 48em) {
  .market-cta--wrap {
    flex-direction: row;
    justify-content: center;
  }
}

.market-cta--button {
  width: 100%;
  padding: 14px 48px;
  border-radius: 5px;
  background-color: var(--text-1-color, #202020);
  color: var(--layer-1-color, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .market-cta--button {
    width: auto;
  }
}

.market-cta--link {
  width: 100%;
  padding: 13px 47px;
  border: 1px solid var(--text-2-color, #202020);
  border-radius: 5px;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .market-cta--link {
    width: auto;
  }
}

.trainer-tab--media {
  gap: 40px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .trainer-tab--media {
    max-width: 508px;
  }
}

.trainer-forum--heading {
  margin: 0 0 16px;
  color: var(--text-2-color, #202020);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}

.trainer-forum--wrap {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 40px 0;
  border-top: 1px solid var(--line-2-color, #e4e5e7);
  border-bottom: 1px solid var(--line-2-color, #e4e5e7);
}

@media screen and (min-width: 48em) {
  .trainer-forum--wrap {
    padding: 24px;
    border: 1px solid var(--line-2-color, #e4e5e7);
  }
}

.trainer-forum--inner {
  gap: 24px;
  display: flex;
}

.trainer-forum--post {
  display: flex;
  align-items: center;
  color: var(--text-4-color, #666);
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
}

.trainer-forum--post span {
  font-size: 12px;
}

.trainer-forum--post svg {
  flex-shrink: 0;
  width: 18px;
  height: 16px;
  margin: 0 3px 0 8px;
}

.trainer-forum--view {
  display: flex;
  align-items: center;
  color: var(--text-4-color, #666);
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
}

.trainer-forum--view span {
  font-size: 12px;
}

.trainer-forum--view svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 3px 0 8px;
}

.trainer-forum--theme {
  margin: 0 0 12px;
  color: var(--text-2-color, #202020);
  font-family: "PT Serif", serif;
  font-size: 18px;
  line-height: 24px;
}

.trainer-forum--theme::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.trainer-media {
  display: flex;
  position: relative;
  flex-direction: column;
}

.trainer-media--heading {
  margin: 0 0 16px;
  color: var(--text-2-color, #202020);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
}

.trainer-media--title {
  padding: 15px 15px 0;
  color: var(--text-3-color, #757575);
  font-size: 15px;
  font-style: italic;
  line-height: 20px;
  text-align: center;
}

.trainer-media--tag {
  color: var(--text-4-color);
}

.trainer-embed {
  width: 100%;
  max-width: 640px;
  margin: 0 0 24px;
}

.trainer-embed--ratio {
  position: relative;
  padding-bottom: 56.25%;
}

.trainer-embed--wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.market-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000;
}

.market-video--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.market-video--link::before {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  content: '';
}

.market-video--media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.market-video--button {
  display: none;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 38px;
  padding: 0;
  transform: translate(-50%, -50%);
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.market-video_enabled .market-video--button {
  display: flex;
}

.market-video--button svg {
  width: 47px;
  height: 38px;
}

.all-videos {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 24px 0 0;
}

.all-videos::after,
.all-videos::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: var(--line-2-color, #e7e7e7);
  content: '';
}

.all-videos--button {
  padding: 10px 24px;
  border: 1px solid var(--line-2-color, #e4e5e7);
  color: var(--text-3-color, #666);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.trainer-graph {
  display: flex;
  position: relative;
  justify-content: center;
  width: 100%;
  max-width: 1196px;
  margin: 0 auto;
}

@media screen and (min-width: 48em) {
  .trainer-graph {
    padding: 32px;
    border: 1px solid var(--line-2-color, #e4e5e7);
  }
}

.trainer-graph--container {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.trainer-graph--row {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
}

.trainer-graph--item {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  overflow: hidden;
  transition-property: transform;
}

.trainer-graph--item a {
  -webkit-tap-highlight-color: transparent;
  display: flex;
}

.trainer-graph--note {
  padding: 16px 24px 0;
  color: var(--text-3-color, #666);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .trainer-graph--note {
    font-size: 16px;
    line-height: 24px;
  }
}

.trainer-graph--button {
  display: flex;
  z-index: 1;
  position: absolute;
  top: calc(50% - 14px);
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #e4e5e7;
  border-radius: 50%;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .trainer-graph--button {
    top: calc(50% - 21px);
    width: 42px;
    height: 42px;
  }
}

[theme='dark'] .trainer-graph--button svg {
  --i-color1: var(--text-1-color);
}

.trainer-graph--button_prev {
  left: -14px;
  box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, .1);
}

@media screen and (min-width: 48em) {
  .trainer-graph--button_prev {
    left: -21px;
  }
}

.trainer-graph--button_prev svg {
  transform: rotate(180deg);
}

.trainer-graph--button_next {
  right: -14px;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .1);
}

@media screen and (min-width: 48em) {
  .trainer-graph--button_next {
    right: -21px;
  }
}

.trainer-graph--button_disabled {
  display: none;
}

.trainer-graph--button svg {
  width: 16px;
  height: 12px;
}

.market-review {
  display: flex;
  justify-content: center;
  width: 100%;
}

.market-review--wrap {
  width: 100%;
  max-width: 950px;
}

.market-review--top {
  gap: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 72px;
  padding: 16px 0;
  border-bottom: 1px solid #e4e5e7;
}

@media screen and (min-width: 48em) {
  .market-review--top {
    gap: 0;
    flex-direction: row;
    align-items: center;
    padding: 16px;
  }
}

.market-review--toggle {
  gap: 6px;
  display: flex;
  align-items: center;
  margin: 0 auto 0 0;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

.market-review--toggle svg {
  flex-shrink: 0;
  width: 8px;
  height: 12px;
  transform: rotate(180deg);
}

[theme='dark'] .market-review--toggle svg {
  --i-color1: var(--text-2-color);
}

.market-review--toggle.active svg {
  transform: rotate(0deg);
}

.market-review--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 235px;
  padding: 7px 51px 7px 15px;
  border: 1px solid #e4e5e7;
  background-color: var(--layer-3-color, #fff);
  background-image: url(/nimg/select-arrow-24.svg);
  background-origin: content-box;
  background-position: right -32px center;
  background-repeat: no-repeat;
  background-size: 16px;
  color: var(--control-1-color, #666);
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
}

[theme='dark'] .market-review--select {
  background-image: url(/nimg/select-arrow-light-24.svg);
}

.market-review--list {
  position: relative;
  margin: 0;
}

.market-review--list::after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--layer-2-color, #fff);
  content: '';
}

.market-review--item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px 0 16px;
  border-bottom: 1px solid #e4e5e7;
}

@media screen and (min-width: 48em) {
  .market-review--item {
    padding: 24px 16px 16px;
  }
}

.market-review--user {
  gap: 8px 24px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 8px;
}

.market-review--profile {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.market-review--avatar {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-image: url(/nimg/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.market-review--nick {
  color: var(--text-2-color, #202020);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.market-review--data {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.market-review--rate {
  display: flex;
  align-items: center;
}

.market-review--icon {
  width: 18px;
  height: 16px;
}

.market-review--rate_negative .market-review--icon_positive {
  display: none;
}

.market-review--icon_negative {
  display: none;
  transform: translateY(1px);
}

.market-review--rate_negative .market-review--icon_negative {
  display: block;
}

.market-review--date {
  color: var(--text-3-color, #666);
  font-size: 13px;
  line-height: 1;
}

.market-review--link {
  gap: 0 6px;
  display: flex;
  align-items: center;
}

.market-review--link svg {
  flex-shrink: 0;
  width: 18px;
  height: 16px;
}

.market-review--tooltip {
  display: none;
  color: #000;
  font-size: 13px;
  line-height: 1;
}

@media screen and (min-width: 48em) {
  .market-review--link:hover .market-review--tooltip {
    display: block;
  }
}

.market-review--content {
  color: var(--text-2-color, #202020);
}

.market-review--content.longread {
  position: relative;
  max-height: 152px;
  overflow: hidden;
  cursor: pointer;
}

.market-review--content.longread::before {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 82px;
  background-image: linear-gradient(0deg, var(--layer-2-color, #fff) 0%, rgba(255, 255, 255, 0) 100%);
  content: '';
}

.market-review--content p {
  margin: 0 0 8px;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

.market-review--content a {
  color: var(--text-2-color, #202020);
  text-decoration: underline;
}

.market-review--picture {
  margin: 12px 0;
}

.all-reviews {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.all-reviews--inner {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.all-reviews--inner::after,
.all-reviews--inner::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: #e7e7e7;
  content: '';
}

.all-reviews--button {
  padding: 10px 24px;
  border: 1px solid #e4e5e7;
  color: var(--text-3-color, #666);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.all-reviews--counter {
  display: flex;
  padding: 12px 0 0;
  color: #a1a1a1;
  font-size: 14px;
  line-height: 21px;
}

.video-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.video-tab--grid {
  gap: 16px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1034px;
}

@media screen and (min-width: 30em) {
  .video-tab--grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 48em) {
  .video-tab--grid {
    gap: 24px;
  }
}

.more-videos {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1034px;
  margin: 24px 0 0;
}

.more-videos::after,
.more-videos::before {
  top: 0;
  flex-grow: 1;
  height: 1px;
  background-color: #e7e7e7;
  content: '';
}

.more-videos--button {
  padding: 10px 24px;
  border: 1px solid #e4e5e7;
  color: var(--text-3-color, #666);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.trainer-regmod-overlay {
  display: flex;
  z-index: 103;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
}

.trainer-regmod-overlay.hidden {
  display: none;
}

.trainer-regmod {
  display: flex;
  z-index: 103;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  max-height: 100%;
  padding: 10px 15px;
}

.trainer-regmod.hidden {
  display: none;
}

.trainer-regmod--close {
  z-index: 10;
  position: absolute;
  top: 14px;
  right: 14px;
  width: 24px;
  height: 24px;
}

.trainer-regmod--close::after,
.trainer-regmod--close::before {
  position: absolute;
  top: 3px;
  left: 11px;
  width: 2px;
  height: 18px;
  background-color: #a2a2a2;
  content: '';
}

.trainer-regmod--close::before {
  transform: rotate(45deg);
}

.trainer-regmod--close::after {
  transform: rotate(-45deg);
}

.trainer-regmod--inner {
  position: relative;
  flex-grow: 1;
  padding: 28px 24px;
  overflow-y: auto;
  background-color: #fff;
}

.trainer-regmod--heading {
  max-width: 280px;
  margin: 0 auto 16px;
  color: #666;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.trainer-regmod--form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.trainer-regmod--area {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 76px;
  margin: 0 0 16px;
  padding: 7px 10px;
  border: 1px solid #e4e5e7;
  border-radius: 3px;
  outline: none;
  color: var(--text-2-color, #202020);
  font-size: 13px;
  line-height: 1.5;
  resize: vertical;
}

.trainer-regmod--area::-moz-placeholder {
  color: #bdbdbd;
}

.trainer-regmod--area::placeholder {
  color: #bdbdbd;
}

.trainer-regmod--submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 auto;
  padding: 8px;
  border: 0;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.trainer-regmod--wrap {
  display: flex;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  background-color: #fff;
}

.trainer-regmod--link {
  width: 100%;
  padding: 19px 16px;
  color: var(--text-2-color, #202020);
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.trainer-sent {
  display: flex;
  z-index: 103;
  width: 100%;
  max-width: 520px;
  max-height: 100%;
  padding: 10px 15px;
}

.trainer-sent.hidden {
  display: none;
}

.trainer-sent--close {
  z-index: 10;
  position: absolute;
  top: 14px;
  right: 14px;
  width: 24px;
  height: 24px;
}

.trainer-sent--close::after,
.trainer-sent--close::before {
  position: absolute;
  top: 3px;
  left: 11px;
  width: 2px;
  height: 18px;
  background-color: #a2a2a2;
  content: '';
}

.trainer-sent--close::before {
  transform: rotate(45deg);
}

.trainer-sent--close::after {
  transform: rotate(-45deg);
}

.trainer-sent--inner {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  padding: 40px;
  overflow-y: auto;
  background-color: #fff;
}

.trainer-sent--inner svg {
  flex-shrink: 0;
  width: 114px;
  height: 78px;
  margin: 0 0 24px;
}

.trainer-sent--heading {
  margin: 0 0 20px;
  color: #666;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}

.trainer-sent--subheading {
  margin: 0 0 20px;
  color: var(--text-2-color, #202020);
  font-size: 17px;
  line-height: 1.3;
  text-align: center;
}

.trainer-sent--link {
  color: #0d47a1;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  text-decoration: underline;
}

.course-header {
  display: flex;
  position: relative;
  justify-content: center;
  width: 100%;
  padding: 32px 24px 50px;
  overflow: hidden;
  background-color: #003026;
  background-image: url(/nimg/header-group-bg2.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 48em) {
  .course-header {
    min-height: 440px;
    padding: 32px 30px 50px;
  }
}

.course-header--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .75) 20%, rgba(0, 0, 0, 0)), var(--header-bg-image);
  background-position: 50%, 0 20%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3px);
}

.course-header--wrap {
  gap: 16px 0;
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 1196px;
}

@media screen and (min-width: 48em) {
  .course-header--wrap {
    gap: 0;
  }
}

.course-crumbs {
  gap: 4px 11px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.course-crumbs--link {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.course-crumbs--link::after {
  flex-shrink: 0;
  width: 5px;
  height: 7px;
  margin: 0 0 0 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='7' viewBox='0 0 5 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12907 3.5L0.00732422 1.379L1.06782 0.317749L4.25007 3.5L1.06782 6.68225L0.00732422 5.621L2.12907 3.5Z' fill='%23fff' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 5px;
  content: '';
}

.course-crumbs--heading {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.course-header--inner {
  gap: 16px;
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .course-header--inner {
    flex-direction: row;
  }
}

.course-lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.course-lead--wrap {
  gap: 8px;
  display: flex;
  flex-direction: column;
  margin: 0 0 16px;
}

@media screen and (min-width: 48em) {
  .course-lead--wrap {
    margin: 70px 0 24px;
  }
}

.course-lead--nick {
  color: #fff;
  font-family: "PT Serif", serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 39px;
}

@media screen and (min-width: 48em) {
  .course-lead--nick {
    font-size: 32px;
    line-height: 42px;
  }
}

.course-lead--name {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
}

.course-lead--rate {
  display: flex;
}

.course-lead--tag {
  gap: 0 4px;
  display: flex;
}

.course-lead--label {
  padding: 5px 8px;
  border-radius: 40px;
  background-color: #fff;
  color: #202020;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .course-lead--label {
    font-size: 15px;
  }
}

.course-header--picture {
  display: flex;
  width: 100%;
  max-width: 330px;
  overflow: hidden;
  border: 1px solid #666;
  border-radius: 10px;
}

@media screen and (min-width: 48em) {
  .course-header--picture {
    flex-shrink: 0;
    height: 202px;
  }
}

.course-subheader {
  display: flex;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .course-subheader {
    margin: -116px 0 0;
    padding: 0 30px;
  }
}

.course-subheader--wrap {
  gap: 16px;
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 1196px;
  background-color: var(--layer-3-color, #fff);
}

@media screen and (min-width: 48em) {
  .course-subheader--wrap {
    gap: 24px;
    border: 1px solid var(--line-2-color, #e4e5e7);
    border-radius: 10px;
  }
}

.course-subheader--grid {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .course-subheader--grid {
    gap: 18px;
    grid-template-columns: 378px 1fr;
  }
}

.course-subheader--inner {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  max-width: 426px;
  padding: 30px 24px;
}

@media screen and (min-width: 48em) {
  .course-subheader--inner {
    width: 378px;
    padding: 32px;
  }
  .course-subheader--inner::after {
    position: absolute;
    top: 32px;
    right: 0;
    width: 1px;
    height: calc(100% - 64px);
    background-color: var(--line-2-color, #e4e5e7);
    content: '';
  }
}

.course-subheader--top {
  margin: 0 0 24px;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 24px;
}

.course-subheader--list {
  margin: 0 0 24px;
}

.course-subheader--list li {
  display: flex;
  align-items: center;
  margin: 0;
}

.course-subheader--list li:not(:last-child) {
  margin: 0 0 8px;
}

.course-subheader--list li::after {
  flex-grow: 1;
  order: 2;
  height: 0;
  margin: 0 4px;
  border-bottom: 1px dashed #f0f1f4;
  content: '';
}

.course-subheader--title {
  order: 1;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 24px;
}

.course-subheader--data {
  order: 3;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.course-subheader--review {
  gap: 0 8px;
  display: flex;
  align-items: center;
  order: 3;
}

.course-subheader--positive {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: #6dab73;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.course-subheader--positive svg {
  width: 18px;
  height: 16px;
  transform: translateY(-1px);
}

.course-subheader--negative {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.course-subheader--negative svg {
  width: 18px;
  height: 16px;
  transform: translateY(1px);
}

.course-subheader--button {
  width: 100%;
  padding: 14px;
  border-radius: 5px;
  background-color: #e51e25;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

.course-subheader--content {
  width: 100%;
  padding: 24px 24px 0;
}

@media screen and (min-width: 64em) {
  .course-subheader--content {
    padding: 32px;
  }
}

.course-subheader--content h2 {
  margin: 0 0 20px;
  color: var(--text-2-color, #202020);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

.course-subheader--content h3 {
  margin: 0 0 5px;
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

.course-subheader--content p {
  margin: 0 0 14px;
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
}

.course-subheader--content a {
  color: var(--text-2-color, #202020);
}

.course-subheader--content ul {
  margin: 14px 0;
  list-style-position: inside;
  list-style-type: disc;
}

.course-subheader--content ul li {
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
}

.course-subheader--content ul li:not(:last-child) {
  margin: 0 0 7px;
}

.course-subheader--content ol {
  margin: 14px 0;
  list-style-position: inside;
}

.course-subheader--content ol li {
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
}

.course-subheader--content ol li:not(:last-child) {
  margin: 0 0 7px;
}

.course-content {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}

.course-content h2 {
  margin: 0 0 8px;
  color: var(--text-2-color, #202020);
  font-size: 20px;
  line-height: 1.5;
}

.course-content h3 {
  margin: 16px 0 8px;
  color: var(--text-2-color, #202020);
  font-size: 18px;
  line-height: 21px;
}

.course-content p {
  margin: 0 0 24px;
  color: var(--text-1-color, #000);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .course-content p {
    margin: 0 0 27px;
    font-size: 18px;
  }
}

.course-content a {
  color: var(--text-1-color, #000);
  font-weight: 700;
  text-decoration: underline;
}

.course-content ul {
  margin: 24px 0;
  list-style-position: inside;
  list-style-type: disc;
}

@media screen and (min-width: 48em) {
  .course-content ul {
    margin: 27px 0;
  }
}

.course-content ul li {
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .course-content ul li {
    font-size: 18px;
  }
}

.course-content ol {
  margin: 24px 0;
  list-style-position: inside;
}

@media screen and (min-width: 48em) {
  .course-content ol {
    margin: 27px 0;
  }
}

.course-content ol li {
  color: var(--text-2-color, #202020);
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  .course-content ol li {
    font-size: 18px;
  }
}

.course-grid-wrapper {
  width: 100%;
}

.course-grid {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 24px;
}

@media screen and (min-width: 48em) {
  .course-grid {
    padding: 0 30px;
  }
}

.course-grid--wrap {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1034px;
}

@media screen and (min-width: 48em) {
  .course-grid--wrap {
    gap: 24px;
  }
}

.course-card {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 0 0 16px;
  background-color: var(--layer-2a-color, #fff);
}

@media screen and (min-width: 30em) {
  .course-card {
    max-width: 328px;
  }
}

@media screen and (min-width: 48em) {
  .course-card {
    padding: 0 0 24px;
  }
  .course-card:hover {
    box-shadow: 0 6px 15px rgba(68, 8, 8, .1), 0 26px 25px -17px rgba(68, 8, 8, .3);
  }
}

.course-card--top {
  display: flex;
  width: 100%;
  margin: 0 0 16px;
}

@media screen and (min-width: 30em) {
  .course-card--top {
    height: 200px;
  }
}

.course-card--wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 69px;
  margin: 0 0 36px;
  padding: 0 16px;
}

@media screen and (min-width: 48em) {
  .course-card--wrap {
    padding: 0 24px;
  }
}

.course-card--name {
  color: var(--text-2-color, #202020);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.course-card--author {
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 1.5;
}

.course-card--list {
  margin: 0 0 24px;
  padding: 0 16px;
}

@media screen and (min-width: 48em) {
  .course-card--list {
    padding: 0 24px;
  }
}

.course-card--list li {
  display: flex;
  align-items: center;
}

.course-card--list li:not(:last-child) {
  margin: 0 0 12px;
}

.course-card--list li::after {
  flex-grow: 1;
  order: 2;
  height: 0;
  margin: 0 4px;
  border-bottom: 1px dashed var(--line-2-color, #f0f1f4);
  content: '';
}

.course-card--title {
  order: 1;
  color: var(--text-2-color, #202020);
  font-size: 14px;
  line-height: 17px;
}

.course-card--tag {
  gap: 4px;
  display: flex;
  justify-content: flex-end;
  order: 3;
  max-width: 210px;
  text-align: right;
}

.course-card--label {
  padding: 3px 7px;
  border-radius: 40px;
  background-color: var(--layer-5-color, #e4e5e7);
  color: var(--text-2-color, #202020);
  font-size: 13px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.course-card--data {
  order: 3;
  max-width: 160px;
  color: var(--text-2-color, #202020);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: right;
}

.course-card--review {
  gap: 0 8px;
  display: flex;
  align-items: center;
  order: 3;
}

.course-card--positive {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: #6dab73;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.course-card--positive svg {
  width: 18px;
  height: 16px;
  transform: translateY(-1px);
}

.course-card--negative {
  gap: 0 3px;
  display: flex;
  align-items: center;
  color: var(--text-3-color, #666);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.course-card--negative svg {
  width: 18px;
  height: 16px;
  transform: translateY(1px);
}

[theme='dark'] .course-card--negative svg {
  --i-color1: var(--text-3-color);
}

.course-card--bottom {
  display: flex;
  width: 100%;
  margin: auto 0 0;
  padding: 0 16px;
}

@media screen and (min-width: 48em) {
  .course-card--bottom {
    padding: 0 24px;
  }
}

.course-card--link {
  width: 100%;
  padding: 13px 24px;
  border: 1px solid #f49fa2;
  border-radius: 5px;
  color: #e51e25;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .course-card:hover .course-card--link {
    border-color: #e51e25;
    background-color: #e51e25;
    color: #fff;
  }
}

.course-card--link::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}