/*** Colors ***/
/* line 3, configurator.scss */
.configurator-page {
  position: relative;
  background: #FCF6F1; }
  /* line 7, configurator.scss */
  .configurator-page:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(252, 246, 241, 0.1);
    backdrop-filter: blur(104px);
    z-index: 3; }
  /* line 19, configurator.scss */
  .configurator-page:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 522px;
    height: 511px;
    background: url("rainbow-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1; }
  /* line 34, configurator.scss */
  .configurator-page .wrapper {
    min-height: calc(100vh - 122px);
    z-index: 10; }

/* line 40, configurator.scss */
.configurator-form {
  padding-bottom: 200px; }
  /* line 43, configurator.scss */
  .configurator-form .step {
    display: none; }
    /* line 46, configurator.scss */
    .configurator-form .step.active {
      display: block; }
  /* line 51, configurator.scss */
  .configurator-form .step-1 {
    padding-top: 213px; }
    /* line 54, configurator.scss */
    .configurator-form .step-1 .sub-title {
      max-width: 395px;
      margin: 0 auto; }
    /* line 61, configurator.scss */
    .configurator-form .step-1 .configurator-select-list .sub-title {
      margin-top: 13px; }
  /* line 67, configurator.scss */
  .configurator-form .step-title {
    font-size: 28px;
    line-height: 33px; }
  /* line 74, configurator.scss */
  .configurator-form .title-wrap .btn {
    padding: 11px 50px; }
  /* line 79, configurator.scss */
  .configurator-form .prev-btn,
  .configurator-form .next-btn {
    display: flex;
    align-items: center;
    cursor: pointer; }
  /* line 88, configurator.scss */
  .configurator-form .prev-btn svg {
    margin-right: 17px; }
  /* line 95, configurator.scss */
  .configurator-form .next-btn svg {
    margin-left: 17px;
    transform: rotate(-180deg); }
  /* line 101, configurator.scss */
  .configurator-form .sub-title {
    max-width: 498px;
    margin: 32px auto 0; }
  /* line 106, configurator.scss */
  .configurator-form .search-form {
    max-width: 300px;
    margin: 62px auto 0; }
    /* line 110, configurator.scss */
    .configurator-form .search-form .input {
      background: none; }
  /* line 115, configurator.scss */
  .configurator-form .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 16px; }
    /* line 121, configurator.scss */
    .configurator-form .tags--item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 6px 6px 0;
      padding: 2px 8px 2px 10px;
      font-size: 12px;
      line-height: 16px;
      border: 1px solid #9E9E9E;
      border-radius: 14px; }
    /* line 133, configurator.scss */
    .configurator-form .tags .delete {
      margin: -2px 0 0 5px;
      cursor: pointer; }
    /* line 138, configurator.scss */
    .configurator-form .tags + .configurator-inner-list-wrap {
      margin-top: 20px; }

/* line 144, configurator.scss */
.configurator-select-list {
  display: flex;
  flex-wrap: wrap;
  margin: 170px 0 0 -32px; }
  /* line 149, configurator.scss */
  .configurator-select-list--item {
    flex: 100%;
    max-width: calc(33.333% - 32px);
    margin: 32px 0 0 32px;
    padding: 64px 20px 80px;
    background: rgba(255, 254, 254, 0.76);
    text-align: center;
    border-radius: 12px;
    cursor: pointer; }
    /* line 159, configurator.scss */
    .configurator-select-list--item.big {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: calc(50% - 32px);
      min-height: 440px; }
  /* line 169, configurator.scss */
  .configurator-select-list .title {
    font-size: 28px;
    line-height: 33px;
    font-weight: 500; }
  /* line 175, configurator.scss */
  .configurator-select-list .sub-title {
    margin-top: 19px; }
  /* line 179, configurator.scss */
  .configurator-select-list .link {
    margin-top: 13px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #5D5FEF; }
  /* line 187, configurator.scss */
  .configurator-select-list .image {
    margin-top: 46px; }

/* line 192, configurator.scss */
.configurator-inner-list-wrap {
  max-width: 965px;
  margin: 64px auto 0; }

/* line 197, configurator.scss */
.configurator-inner-list {
  display: flex;
  flex-wrap: wrap;
  margin: -32px 0 0 -32px; }
  /* line 202, configurator.scss */
  .configurator-inner-list--item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 100%;
    max-width: calc(33.333% - 32px);
    margin: 32px 0 0 32px;
    padding: 44px 20px;
    background: rgba(255, 254, 254, 0.76);
    font-size: 16px;
    line-height: normal;
    text-align: center;
    border-radius: 8px;
    cursor: pointer; }
  /* line 220, configurator.scss */
  .configurator-inner-list .title {
    margin-top: 20px; }
  /* line 226, configurator.scss */
  .configurator-inner-list.graphics-list .configurator-inner-list--item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px; }
    /* line 232, configurator.scss */
    .configurator-inner-list.graphics-list .configurator-inner-list--item span {
      background: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-size: 28px;
      line-height: 33px;
      font-weight: 500;
      text-fill-color: transparent; }
    /* line 243, configurator.scss */
    .configurator-inner-list.graphics-list .configurator-inner-list--item.two-k span {
      background: linear-gradient(90.52deg, #F2D50F -34.5%, #DA0641 121.45%);
      -webkit-background-clip: text;
      background-clip: text; }
    /* line 249, configurator.scss */
    .configurator-inner-list.graphics-list .configurator-inner-list--item.four-k span {
      background: linear-gradient(180deg, #F5515F 0%, #A1051D 100%);
      -webkit-background-clip: text;
      background-clip: text; }
  /* line 259, configurator.scss */
  .configurator-inner-list.model-list .configurator-inner-list--item {
    align-items: flex-start;
    padding-bottom: 139px;
    text-align: left;
    cursor: default; }
  /* line 266, configurator.scss */
  .configurator-inner-list.model-list .image {
    align-self: center;
    text-align: center; }
  /* line 271, configurator.scss */
  .configurator-inner-list.model-list .title {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px; }
  /* line 277, configurator.scss */
  .configurator-inner-list.model-list .properties {
    margin-top: 24px; }
    /* line 280, configurator.scss */
    .configurator-inner-list.model-list .properties--item {
      margin-top: 8px;
      font-size: 14px;
      line-height: 24px; }
      /* line 285, configurator.scss */
      .configurator-inner-list.model-list .properties--item:first-child {
        margin-top: 0; }
  /* line 291, configurator.scss */
  .configurator-inner-list.model-list .price {
    align-self: center;
    margin-top: 48px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center; }
  /* line 300, configurator.scss */
  .configurator-inner-list.model-list .btn {
    width: 100%;
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    border-radius: 58px; }
  /* line 312, configurator.scss */
  .configurator-inner-list.games-list .configurator-inner-list--item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 182px;
    padding: 20px;
    background-size: cover;
    background-position: center;
    text-align: center;
    border-radius: 10px;
    overflow: hidden; }
    /* line 324, configurator.scss */
    .configurator-inner-list.games-list .configurator-inner-list--item:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.4) 70.83%, #1A1A1A 100%);
      z-index: 1; }
  /* line 336, configurator.scss */
  .configurator-inner-list.games-list .title {
    position: relative;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    z-index: 5; }
  /* line 347, configurator.scss */
  .configurator-inner-list.cooling-list .configurator-inner-list--item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    border-radius: 12px; }
  /* line 356, configurator.scss */
  .configurator-inner-list.cooling-list .image {
    width: 20px;
    height: 20px; }
    /* line 360, configurator.scss */
    .configurator-inner-list.cooling-list .image img {
      max-height: 100%; }
  /* line 365, configurator.scss */
  .configurator-inner-list.cooling-list .title {
    margin-top: 12px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px; }
  /* line 375, configurator.scss */
  .configurator-inner-list.price-category-list .configurator-inner-list--item {
    padding-top: 60px;
    padding-bottom: 46px;
    border-radius: 12px;
    cursor: default; }
  /* line 382, configurator.scss */
  .configurator-inner-list.price-category-list .title {
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px; }
  /* line 389, configurator.scss */
  .configurator-inner-list.price-category-list .description {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px; }
  /* line 395, configurator.scss */
  .configurator-inner-list.price-category-list .price {
    margin-top: 48px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center; }
  /* line 403, configurator.scss */
  .configurator-inner-list.price-category-list .link {
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #1B6DDA;
    cursor: pointer; }

/*** Media ***/
@media (max-width: 992px) {
  /* line 418, configurator.scss */
  .configurator-form .step-1 {
    padding-top: 112px; }

  /* line 424, configurator.scss */
  .configurator-form .search-form {
    max-width: 274px;
    margin: 50px 0 0; }
  /* line 429, configurator.scss */
  .configurator-form .tags {
    justify-content: flex-start; } }
@media (max-width: 961px) {
  /* line 437, configurator.scss */
  .configurator-form {
    padding-bottom: 128px; }
    /* line 442, configurator.scss */
    .configurator-form .step-1 .step-title {
      max-width: 338px; }
    /* line 447, configurator.scss */
    .configurator-form .step-title {
      margin: 0 auto;
      font-size: 26px;
      line-height: 32px; }
    /* line 453, configurator.scss */
    .configurator-form .sub-title {
      font-size: 14px; }
    /* line 457, configurator.scss */
    .configurator-form .tags + .configurator-inner-list-wrap {
      margin-top: 32px; }

  /* line 462, configurator.scss */
  .configurator-select-list {
    margin: 83px 0 0 -20px; }
    /* line 465, configurator.scss */
    .configurator-select-list--item {
      margin: 20px 0 0 20px; }
      /* line 468, configurator.scss */
      .configurator-select-list--item.big {
        max-width: calc(100% - 20px);
        padding: 64px 20px; }
      /* line 473, configurator.scss */
      .configurator-select-list--item .title {
        font-size: 22px;
        line-height: 26px; }
      /* line 478, configurator.scss */
      .configurator-select-list--item .sub-title {
        font-size: 14px;
        line-height: 20px; }

  /* line 485, configurator.scss */
  .configurator-inner-list-wrap {
    margin-top: 30px; }

  /* line 489, configurator.scss */
  .configurator-inner-list {
    margin: -20px 0 0 -20px; }
    /* line 492, configurator.scss */
    .configurator-inner-list--item {
      max-width: calc(33.333% - 20px);
      margin: 20px 0 0 20px;
      padding: 28px 15px; }
    /* line 498, configurator.scss */
    .configurator-inner-list .image {
      width: 40px;
      height: 40px; }
    /* line 503, configurator.scss */
    .configurator-inner-list .title {
      margin-top: 8px;
      font-size: 14px; }
    /* line 508, configurator.scss */
    .configurator-inner-list.slide-mobile {
      flex-wrap: nowrap;
      margin: -20px -24px 0;
      padding: 0 10px 10px 0;
      overflow: auto; }
      /* line 514, configurator.scss */
      .configurator-inner-list.slide-mobile .configurator-inner-list--item {
        min-width: 170px; }
    /* line 521, configurator.scss */
    .configurator-inner-list.graphics-list .configurator-inner-list--item {
      min-height: 140px; }
    /* line 528, configurator.scss */
    .configurator-inner-list.games-list .configurator-inner-list--item {
      min-height: 140px;
      padding: 7px 10px; }
    /* line 533, configurator.scss */
    .configurator-inner-list.games-list .title {
      font-size: 14px;
      line-height: 16px; }
    /* line 541, configurator.scss */
    .configurator-inner-list.model-list .configurator-inner-list--item {
      min-width: 310px;
      padding: 55px 32px 48px; }
    /* line 546, configurator.scss */
    .configurator-inner-list.model-list .image {
      width: 163px;
      height: 163px;
      margin-bottom: 64px; } }
@media (max-width: 769px) {
  /* line 559, configurator.scss */
  .configurator-inner-list.price-category-list {
    margin-top: 14px; }
    /* line 562, configurator.scss */
    .configurator-inner-list.price-category-list .configurator-inner-list--item {
      align-items: flex-start;
      min-width: 310px;
      padding: 60px 32px 46px;
      text-align: left; }
    /* line 569, configurator.scss */
    .configurator-inner-list.price-category-list .description {
      font-size: 14px;
      line-height: 24px; } }
@media (max-width: 601px) {
  /* line 583, configurator.scss */
  .configurator-form .title-wrap .btn {
    padding: 7px 23px; }

  /* line 591, configurator.scss */
  .configurator-inner-list--item {
    max-width: calc(50% - 20px);
    padding: 19px 10px; }
  /* line 598, configurator.scss */
  .configurator-inner-list.games-list .configurator-inner-list--item {
    min-height: 96px; }

  /* line 608, configurator.scss */
  .configurator-inner-list.price-category-list .configurator-inner-list--item {
    min-width: 270px; } }