.news-detail {
  .preview_text {
    margin: 30px 0;
    color: var(--black-34);
    font-size: 18px;
  }

  .detail_info_article {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-flow: row wrap;
    margin-bottom: 30px;
    gap: 20px;

    .info_article__left {
      display: flex;
      align-content: center;
      flex-flow: row wrap;
      gap: clamp(20px, 3vw, 80px);

      .info_author {
        display: flex;
        gap: 16px;
        align-items: center;

        .author_img {
          width: 70px;
          height: 70px;
          display: block;
        }

        .author_info {
          display: flex;
          flex-direction: column;
          gap: 6px;

          .author_name {
            color: var(--black-34);
          }

          .author_skill {
            color: var(--black-34);
          }
        }
      }

      .info_date_see_time {
        display: flex;
        gap: 36px;
        align-items: center;

        .article_date, .count_see, .read_time {
          display: flex;
          align-items: center;
          gap: 10px;

          &:before {
            content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2V4M6 2V4' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 13H12.0045M11.9955 17H12.0045M15.991 13H16M8 13H8.00897M8 17H8.00897' stroke='%23181D25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 8H20.5' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.5 5.70728 21.5 7.88594 21.5 12.2432V12.7568C21.5 17.1141 21.5 19.2927 20.2479 20.6464C18.9958 22 16.9805 22 12.95 22H11.05C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432Z' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 8H21' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            width: 24px;
            height: 24px;
          }
        }

        .count_see {
          &:before {
            content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8C2 8 6.47715 3 12 3C17.5228 3 22 8 22 8' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M21.544 13.045C21.848 13.4713 22 13.6845 22 14C22 14.3155 21.848 14.5287 21.544 14.955C20.1779 16.8706 16.6892 21 12 21C7.31078 21 3.8221 16.8706 2.45604 14.955C2.15201 14.5287 2 14.3155 2 14C2 13.6845 2.15201 13.4713 2.45604 13.045C3.8221 11.1294 7.31078 7 12 7C16.6892 7 20.1779 11.1294 21.544 13.045Z' stroke='%23181D25' stroke-width='1.5'/%3E%3Cpath d='M15 14C15 12.3431 13.6569 11 12 11C10.3431 11 9 12.3431 9 14C9 15.6569 10.3431 17 12 17C13.6569 17 15 15.6569 15 14Z' stroke='%23181D25' stroke-width='1.5'/%3E%3C/svg%3E");
          }
        }

        .read_time {
          &:before {
            content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.37563 3C8.16172 3.07993 7.95135 3.16712 7.74481 3.26126M20.7176 16.3011C20.8198 16.0799 20.914 15.8542 20.9999 15.6245M18.4987 19.3647C18.6704 19.2044 18.8364 19.0381 18.9962 18.866M15.2688 21.3723C15.4629 21.2991 15.654 21.22 15.842 21.1351M12.1559 21.9939C11.925 22.0019 11.6925 22.0019 11.4615 21.9939M7.7872 21.1404C7.968 21.2217 8.15172 21.2978 8.33814 21.3683M4.67244 18.9208C4.80913 19.0657 4.95018 19.2064 5.09539 19.3428M2.63259 15.6645C2.70747 15.8622 2.78856 16.0569 2.87561 16.2483M2.00486 12.5053C1.99837 12.2972 1.99839 12.0878 2.00486 11.8794M2.62534 8.73714C2.6989 8.54165 2.77853 8.34913 2.86399 8.1598M4.65591 5.47923C4.80057 5.32514 4.95014 5.17573 5.10439 5.03124' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5M13.5 12C13.5 11.1716 12.8284 10.5 12 10.5M13.5 12H16M12 10.5V6' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M22 12C22 6.47715 17.5228 2 12 2' stroke='%23181D25' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
          }
        }
      }
    }

    .info_article_right {
      .info_social_shared {
        .ya-share2 {
          .ya-share2__container {
            .ya-share2__list {
              display: flex;
              gap: 10px;

              .ya-share2__item {
                outline: 1px solid var(--black-182);
                border-radius: 50px;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                padding: 10px;
              }

              .ya-share2__item_service_vkontakte {
                .ya-share2__link {
                  .ya-share2__badge {
                    .ya-share2__icon {
                      background-repeat: no-repeat;
                      background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 100 100' height='100px' viewBox='0 0 100 100' width='100px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='color_x5F_fill'%3E%3Cpath d='M84.418,69.921c-2.527,1.583-12.807,2.054-15.295,0.246c-1.365-0.991-2.613-2.232-3.799-3.412 c-0.828-0.826-1.77-1.227-2.482-2.123c-0.58-0.734-0.979-1.599-1.592-2.321c-1.033-1.215-2.625-2.248-3.885-0.764 c-1.895,2.231,0.299,6.617-2.229,8.285c-0.848,0.56-1.703,0.722-2.762,0.642l-2.346,0.107c-1.379,0.027-3.562,0.039-5.129-0.244 c-1.75-0.315-3.193-1.271-4.773-1.973c-3.002-1.331-5.863-3.145-8.039-5.658c-5.922-6.843-13.877-16.255-16.967-24.859 c-0.637-1.768-2.314-5.267-0.723-6.784c2.164-1.572,12.789-2.017,14.445,0.416c0.674,0.987,1.098,2.436,1.574,3.555 c0.592,1.396,0.914,2.713,1.84,3.949c0.82,1.097,1.426,2.199,2.061,3.402c0.713,1.349,1.385,2.643,2.252,3.886 c0.588,0.845,2.143,2.524,3.125,2.65c2.398,0.307,2.248-5.521,2.07-6.945c-0.17-1.371-0.215-2.825-0.17-4.216 c0.039-1.186,0.146-2.857-0.557-3.826c-1.145-1.58-3.695-0.397-3.895-2.52c0.422-0.603,0.332-1.138,3.146-2.064 c2.215-0.729,3.646-0.706,5.107-0.589c2.98,0.239,6.139-0.568,9.014,0.398c2.746,0.925,2.322,4.828,2.23,7.168 c-0.123,3.195,0.008,6.312,0,9.553c-0.004,1.477-0.062,2.912,1.736,2.793c1.688-0.113,1.859-1.532,2.664-2.704 c1.121-1.633,2.148-3.288,3.289-4.916c1.537-2.199,2-4.67,3.447-6.923c0.518-0.807,0.963-2.568,1.76-3.205 c0.604-0.481,1.75-0.275,2.48-0.275h1.736c1.33,0.016,2.686,0.035,4.051,0.083c1.967,0.068,4.17-0.359,6.121-0.084 c8.416,1.188-10.578,19.191-9.59,22.403c0.684,2.218,5.016,4.703,6.58,6.521C82.998,61.991,89.389,66.81,84.418,69.921z' fill='%234C75A3'/%3E%3C/g%3E%3Cg id='offset_x5F_print_x5F_outline'/%3E%3C/svg%3E");
                    }
                  }
                }
              }

              .ya-share2__item_service_telegram {
                .ya-share2__link {
                  .ya-share2__badge {
                    .ya-share2__icon {
                      background-repeat: no-repeat;
                      background-image: url("data:image/svg+xml,%3Csvg data-name='Social Media Icons' id='Social_Media_Icons' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23009eeb;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M477,43.86,13.32,223.29a5.86,5.86,0,0,0-.8.38c-3.76,2.13-30,18.18,7,32.57l.38.14,110.41,35.67a6.08,6.08,0,0,0,5.09-.62L409.25,120.57a6,6,0,0,1,2.2-.83c3.81-.63,14.78-1.81,7.84,7-7.85,10-194.9,177.62-215.66,196.21a6.3,6.3,0,0,0-2.07,4.17l-9.06,108a7.08,7.08,0,0,0,2.83,5.67,6.88,6.88,0,0,0,8.17-.62l65.6-58.63a6.09,6.09,0,0,1,7.63-.39l114.45,83.1.37.25c2.77,1.71,32.69,19.12,41.33-19.76l79-375.65c.11-1.19,1.18-14.27-8.17-22-9.82-8.08-23.72-4-25.81-3.56A6,6,0,0,0,477,43.86Z' id='Telegram'/%3E%3C/svg%3E");
                    }
                  }
                }
              }

              .ya-share2__item_service_whatsapp {
                .ya-share2__link {
                  .ya-share2__badge {
                    .ya-share2__icon {
                      background-repeat: no-repeat;
                      background-image: url("data:image/svg+xml,%3Csvg height='2048px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 2048 2048' width='2048px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil3 %7Bfill:none%7D .fil1 %7Bfill:%2354CC61%7D .fil0 %7Bfill:%23EEEEEE%7D .fil2 %7Bfill:%23FFFFFE%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Layer_x0020_1'%3E%3Cg id='_316006000'%3E%3Cpath class='fil0' d='M731.013 1639.91l-364.614 116.034 -110.4 35.1307 155.094 -458.096c-26.0268,-47.8406 -46.6429,-98.5217 -61.3311,-151.006 -17.8181,-63.6839 -26.8087,-129.5 -26.8087,-195.626 0,-194.586 77.419,-379.06 215.433,-515.963 138.463,-137.349 324.318,-213.454 519.307,-213.454 194.93,0 380.684,76.1965 519.029,213.565 137.956,136.986 215.277,321.503 215.277,516.085 0,194.55 -77.4048,379.004 -215.378,515.899 -138.411,137.327 -324.205,213.456 -519.146,213.456 -61.8473,0 -123.464,-7.63465 -183.389,-22.9654 -49.4209,-12.6425 -97.3843,-30.4559 -143.075,-53.0599z' id='_316005568'/%3E%3Cpath class='fil1' d='M1733.42 986.578c0,-185.293 -75.6568,-353.061 -197.974,-474.518 -122.303,-121.44 -291.219,-196.553 -477.754,-196.553 -186.696,0 -355.694,75.0875 -478.054,196.462 -122.414,121.429 -198.109,289.166 -198.109,474.375 0,62.1709 8.59843,122.502 24.6425,179.84 15.9425,56.9705 39.2646,110.91 68.8276,160.696l-117.108 345.896 -9.25749 27.3461 27.5067 -8.75316 360.192 -114.627c47.687,25.6642 98.7083,45.7725 152.271,59.4768 53.9658,13.8047 110.525,21.137 168.871,21.137 186.613,0 355.559,-75.0922 477.886,-196.461 122.379,-121.422 198.059,-289.142 198.059,-474.316z' id='_316005808'/%3E%3Cpath class='fil2' d='M947.772 803.395c-2.96693,-5.97756 -20.0953,-47.3445 -35.8819,-85.4741 -10.0913,-24.3756 -19.7162,-47.6209 -21.6036,-52.1174 -17.7791,-42.3898 -37.4292,-41.1118 -52.5012,-40.1327 -0.989765,0.0637796 -1.94291,0.126378 -3.21733,0.126378 -5.25945,0 -10.428,-0.327166 -15.7843,-0.666142 -6.69686,-0.425197 -13.6476,-0.865749 -20.2169,-0.865749 -8.73308,0 -20.6291,1.81181 -33.1547,7.67481 -9.28938,4.34764 -18.8728,10.8945 -27.6437,20.5311 -1.27913,1.38189 -2.24292,2.39528 -3.28937,3.49488 -20.8689,21.9366 -66.3615,69.7548 -66.3615,161.591 0,96.3343 69.469,187.947 79.6772,201.401l-0.0366142 0.0271654 0.0944883 0.124016 0.114567 0.114567c0.400394,0.516142 1.87441,2.67284 4.05355,5.86063 25.6559,37.5225 143.601,210.02 322.897,280.049 162.658,63.4701 192.091,56.3469 218.381,49.9867 4.47638,-1.08307 8.84528,-2.14134 13.5732,-2.57835 21.2894,-2.00079 56.1178,-16.5756 85.4268,-37.0418 24.313,-16.9784 45.5363,-38.4343 53.6611,-61.0264 7.24961,-20.2004 11.3492,-38.9658 13.2496,-54.4122 2.76142,-22.4374 0.575197,-40.0914 -3.5067,-46.9111l-0.0578741 -0.0578741c-6.2067,-10.226 -16.9441,-15.2953 -33.0496,-22.9004 -2.84055,-1.34055 -5.87717,-2.77323 -8.79449,-4.18583l0.00944883 -0.0188977c-11.1059,-5.64804 -49.5296,-24.4347 -82.3737,-39.9603 -21.2232,-10.0335 -40.0819,-18.6532 -47.55,-21.3331 -10.5047,-3.77244 -19.6571,-6.62481 -29.4697,-5.5193 -11.1248,1.25551 -20.8299,6.98504 -29.8264,20.6114l-0.0271654 -0.0177165c-4.5189,6.78662 -12.4772,16.963 -21.176,27.6189 -13.7776,16.878 -30.215,35.8299 -37.2201,43.787l0 0.0578741c-2.99055,3.40512 -5.57008,5.26063 -8.09883,5.56536 -3.51024,0.424016 -8.33505,-1.01457 -15.0154,-4.29567 -4.27087,-2.13662 -8.43308,-3.93425 -13.5673,-6.15 -25.9748,-11.2063 -76.5638,-33.0343 -134.221,-84.0827 -20.6244,-18.254 -38.7744,-38.2099 -53.9339,-56.9339 -24.5339,-30.3047 -41.1142,-57.3036 -47.7024,-68.6764 -5.2004,-8.91851 0.577559,-14.7 5.9126,-20.0351l-0.0271654 -0.0307087c5.89961,-5.89252 12.5752,-13.9169 19.2756,-21.9685 3.05079,-3.66733 6.10276,-7.33701 9.81497,-11.6126l0.056693 -0.0578741c9.03544,-10.5059 12.7807,-18.1583 17.837,-28.4847 0.879922,-1.79764 1.80236,-3.6815 2.73071,-5.53229l0.056693 -0.056693c4.44567,-8.95867 5.58308,-17.4827 4.75512,-25.4669 -0.768898,-7.43268 -3.2563,-14.0658 -6.29174,-20.0079l0.022441 -0.0106299z' id='_316006024'/%3E%3C/g%3E%3C/g%3E%3Crect class='fil3' height='2048' width='2048'/%3E%3C/svg%3E");
                    }
                  }
                }
              }

              .ya-share2__item_service_odnoklassniki {
                .ya-share2__link {
                  .ya-share2__badge {
                    .ya-share2__icon {
                      background-repeat: no-repeat;
                      background-image: url("data:image/svg+xml,%3Csvg style='enable-background:new 0 0 64 64;' viewBox='0 0 64 64' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234267B2;%7D .st1%7Bfill:url(%23SVGID_1_);%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23C2191E;%7D .st4%7Bfill:%231DA1F3;%7D .st5%7Bfill:%23FEFE00;%7D .st6%7Bfill:%2325D366;stroke:%23FFFFFF;stroke-width:5;stroke-miterlimit:10;%7D .st7%7Bfill:%23CB2027;%7D .st8%7Bfill:%230077B5;%7D .st9%7Bfill:url(%23SVGID_2_);%7D .st10%7Bfill:url(%23SVGID_3_);%7D .st11%7Bfill:%23FF004F;%7D .st12%7Bfill:%2300F7EF;%7D .st13%7Bfill:%235181B8;%7D .st14%7Bfill:%23395976;%7D .st15%7Bfill:%23F58220;%7D .st16%7Bfill:%23E6162D;%7D .st17%7Bfill:%23FF9933;%7D                      %3C/style%3E%3Cg id='guidlines'/%3E%3Cg id='FB'/%3E%3Cg id='ig'/%3E%3Cg id='yt'/%3E%3Cg id='twitter'/%3E%3Cg id='snapchat'/%3E%3Cg id='WA'/%3E%3Cg id='Pinterrest'/%3E%3Cg id='Layer_9'/%3E%3Cg id='Layer_10'/%3E%3Cg id='Layer_11'%3E%3Cg%3E%3Cg%3E%3Cpath class='st15' d='M32,2c-7.4,0-13.5,6-13.5,13.5c0,7.4,6,13.5,13.5,13.5s13.5-6,13.5-13.5C45.5,8,39.4,2,32,2z M32,20 c-2.5,0-4.5-2-4.5-4.5c0-2.5,2-4.5,4.5-4.5c2.5,0,4.5,2,4.5,4.5C36.5,18,34.5,20,32,20z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st15' d='M48.6,38.1c-3.4,1.9-7.1,3.2-10.8,3.8l10.5,12.9c1.2,1.5,1.5,3.6,0.4,5.2c-1.7,2.6-5.3,2.7-7.1,0.4 l-9.7-11.9l-9.6,11.9c-0.9,1.1-2.1,1.6-3.4,1.6c-1.3,0-2.6-0.6-3.5-1.8c-1.1-1.5-1-4,0.2-5.5l10.4-13c-3.7-0.7-7.4-1.9-10.7-3.8 c-2.1-1.2-2.8-3.8-1.6-6c1.2-2.1,3.9-2.8,6-1.6c7.6,4.3,17.1,4.3,24.8,0.1c2.1-1.2,4.8-0.4,5.9,1.7 C51.5,34.3,50.7,36.9,48.6,38.1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_12'/%3E%3Cg id='Layer_13'/%3E%3Cg id='Layer_14'/%3E%3Cg id='Layer_15'/%3E%3Cg id='Layer_16'/%3E%3Cg id='Layer_17'/%3E%3C/svg%3E");
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .detail_img {
    border-radius: 32px;
    margin: 0 auto;
    max-width: 800px;
    min-width: 300px;
    width: 100%;
    max-height: 600px;
    object-fit: cover;
  }

  .detail_article{
    line-height: 150%;
    font-size: 18px;
  }
}

article.detail_article > br {
  display: block;
}