/* Start:/local/components/lab4u/contacts.view/templates/main-page/style.css?159058854356*/
.main-page__lpu-map-wrap img:hover{
    cursor:pointer
}
/* End */


/* Start:/local/components/lab4u/feedbacks/templates/main-page/style.css?17857462284440*/
._main_page_reviews_wrp {
  &,
  *:not(._no_unset) {
    all: unset;
  }

  * {
    box-sizing: border-box !important;
  }

  display: flex;
  flex-direction: column;
  gap: 24px;

  padding: 0 20px;
  max-width: 1280px;
  margin: 24px auto 50px;

  @media (width < 981px) {
    padding: 0 80px;
  }

  @media (width < 860px) {
    padding: 0 16px;
  }

  .header_wrp {
    width: 100%;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    .title {
      color: #030204;
      font-size: 32px;
      font-weight: 700;
      line-height: 40px;

      @media (width < 1280px) {
        font-size: 24px;
        line-height: 32px;
      }
      @media (width < 768px) {
        font-size: 18px;
        line-height: 24px;
      }
    }

    .buttons_wrp {
      display: flex;
      flex-direction: row;
      align-items: center;

      button {
        display: flex;
        align-items: center;
        justify-content: center;

        padding: 10px 16px;
        border-radius: 80px;
        border: 1px solid rgba(3, 2, 4, 0.12);
        background: #ffffff;
        outline: none;

        color: #030204;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;

        cursor: pointer;

        @media (width < 1280px) {
          padding: 6px 12px;
        }
        @media (width < 768px) {
          padding: 4px 8px;
        }

        .mobile {
          display: none;
        }
        @media (width < 768px) {
          .mobile {
            display: inline;
          }

          .desktop {
            display: none;
          }
        }

        path {
          fill: #030204;
        }

        &.disabled {
          cursor: default;
          border-color: rgba(3, 2, 4, 0.12);

          path {
            fill: #a7a7a7;
          }
        }
      }

      #main_reviews_arrow_left {
        margin: 0 8px 0 24px;
      }

      #main_reviews_arrow_left,
      #main_reviews_arrow_right {
        --size: 40px;

        width: var(--size);
        height: var(--size);
        max-width: var(--size);
        max-height: var(--size);

        @media (width < 1280px) {
          display: none;
        }
      }
    }
  }

  .reviews_wrp {
    width: 100%;

    overflow: auto;

    position: relative;

    --height: 204px;

    @media (width < 1280px) {
      --height: 166px;
    }

    .reviews_list {
      width: 100%;
      overflow: auto;

      display: flex;
      flex-direction: row;
      gap: 24px;
      align-items: center;

      padding-right: 120px;

      cursor: grab;

      .review {
        width: 320px;
        height: var(--height);
        border-radius: 24px;
        border: 1px solid rgba(3, 2, 4, 0.12);
        background: #ffffff;
        padding: 24px;
        flex-shrink: 0;

        @media (width < 1280px) {
          width: 310px;
          padding: 16px;
        }

        .review_header_wrp {
          width: 100%;

          display: flex;
          align-items: center;
          justify-content: space-between;

          .name {
            color: #030204;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;

            user-select: none;
          }

          .stars {
            display: flex;
            gap: 2px;
          }
        }

        .appointment_date {
          display: inline-block;
          margin-top: 2px;

          color: rgba(3, 2, 4, 0.56);
          font-size: 12px;
          font-weight: 400;
          line-height: 16px;

          user-select: none;
        }

        .review_text {
          --clamp: 5;

          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: var(--clamp);
          line-clamp: var(--clamp);

          user-select: none;

          margin-top: 12px;

          overflow: hidden;
          color: rgba(3, 2, 4, 0.56);
          text-overflow: ellipsis;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px;

          @media (width < 1280px) {
            --clamp: 4;
          }
        }
      }
    }

    .blur-right {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);

      height: var(--height);
      width: 120px;

      position: absolute;
      top: 0;
      right: 0;

      @media (width < 1280px) {
        display: none;
      }
    }
  }
}

/* End */
/* /local/components/lab4u/contacts.view/templates/main-page/style.css?159058854356 */
/* /local/components/lab4u/feedbacks/templates/main-page/style.css?17857462284440 */