

/* Start:/local/templates/html/components-template/authors/style.css?17470559483523*/
.authors-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px; }
  @media (max-width: 1339px) {
    .authors-grid {
      grid-template-columns: 1fr; } }
  @media (max-width: 1023px) {
    .authors-grid {
      gap: 24px; } }
  .authors-grid .author-card {
    background-color: #F7F8F9;
    border: 1px solid #EBEEF1;
    padding: 24px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 231px 1fr;
    gap: 32px; }
    @media (min-width: 1024px) {
      .authors-grid .author-card:hover {
        cursor: pointer; }
        .authors-grid .author-card:hover .author-name,
        .authors-grid .author-card:hover .author-position {
          color: #F53636; }
        .authors-grid .author-card:hover img {
          transform: scale(1.05); } }
    @media (max-width: 1023px) {
      .authors-grid .author-card {
        grid-template-columns: 188px 1fr; } }
    @media (max-width: 1023px) {
      .authors-grid .author-card {
        grid-template-columns: 120px 1fr;
        row-gap: 16px;
        column-gap: 12px; } }
    @media (max-width: 575px) {
      .authors-grid .author-card {
        grid-template-columns: 88px 1fr; } }
    .authors-grid .author-card__left .author-avatar__wrap {
      position: relative;
      padding-bottom: 100%;
      border-radius: 10px;
      overflow: hidden; }
      .authors-grid .author-card__left .author-avatar__wrap .lazy-img-wrap {
        position: absolute;
        inset: 0; }
        .authors-grid .author-card__left .author-avatar__wrap .lazy-img-wrap img {
          transition: transform 0.3s ease;
          min-width: 100%;
          min-height: 100%;
          max-width: 100%;
          max-height: 100%;
          object-fit: cover; }
    @media (max-width: 767px) {
      .authors-grid .author-card__right {
        display: contents; } }
    .authors-grid .author-card__right--top .author-name {
      transition: all 0.3s ease;
      font-weight: 500;
      font-size: 24px;
      line-height: 130%;
      color: #1A1B1C; }
      @media (max-width: 575px) {
        .authors-grid .author-card__right--top .author-name {
          font-size: 16px; } }
    .authors-grid .author-card__right--top .author-position {
      transition: all 0.3s ease;
      color: #585C62;
      font-weight: 500;
      font-size: 18px;
      line-height: 160%; }
      @media (max-width: 575px) {
        .authors-grid .author-card__right--top .author-position {
          font-size: 14px; } }
    .authors-grid .author-card__right--bottom {
      margin-top: 24px; }
      @media (max-width: 767px) {
        .authors-grid .author-card__right--bottom {
          grid-column: 1 / span 2;
          margin-top: 0; } }
      .authors-grid .author-card__right--bottom .author-about {
        color: #1A1B1C;
        font-weight: 400;
        font-size: 18px;
        line-height: 160%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical; }
        @media (max-width: 1023px) {
          .authors-grid .author-card__right--bottom .author-about {
            -webkit-line-clamp: 3;
            line-clamp: 3; } }
        @media (max-width: 767px) {
          .authors-grid .author-card__right--bottom .author-about {
            -webkit-line-clamp: 6;
            line-clamp: 6; } }
        @media (max-width: 575px) {
          .authors-grid .author-card__right--bottom .author-about {
            font-size: 16px; } }

/* End */
/* /local/templates/html/components-template/authors/style.css?17470559483523 */
