/* Start:/blog/style.css?179144607938479*/
@font-face {
    font-family: Menlo;
    src: url('/bitrix/templates/share/fonts/Menlo-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
header.mid-header {
    background-image: none !important;
    background: none !important;
}
header::before {
    display: none !important;
}
.header {
    position: relative;
}
header.mid-header .header {
    align-items: center;
    height: 4.75rem;
}

.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #111111;
    z-index: -1;
}
.blog__content {
    min-height: 8.875rem;
    padding: 1.25rem 2rem;
    margin-top: 3.25rem;
    margin-bottom: 3.125rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(180deg, #111111 38.55%, #262626 201.06%);
    border-radius: .5rem;
}
.blog__content .breadcrumbs {
    position: absolute;
    top: 1.25rem;
    left: 2rem;
    display: flex;
    gap: .625rem;
    font-size: 14px;
}
.blog__content .breadcrumbs__divider,
.blog__content .breadcrumbs__current {
    color: #C7C7C7;
}
.blog__content .breadcrumbs > *:not(:last-child) {
    margin-right: 0px !important;
}
.blog__title {
    font-weight: 700;
    font-size: 3rem;
    color: #fff;
}
.blog__wrapper {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    position: relative;
}
@media (max-width: 1300px) {
    .wrapper {
        width: 95%;
    }
}
@media (max-width: 768px) {
    .blog__content {
        margin: 1.5rem 0 0 0;
        min-height: 7.5625rem;
        padding: 3.9375rem 1.5rem 1.5rem 1.5rem;
        align-items: flex-end;
    }
    .blog__title {
        font-size: 1.75rem;
    }
    .breadcrumbs__item {
        font-size: .875rem;
    }
}
h2 {
    font-size: 1.75rem !important;
    margin-left: 0 !important;
    font-family: "Open Sans", sans-serif !important;
}
h2::before {
    display: none;
}
.blog {
    margin-bottom: 4rem;
}
.blog__grid {
    margin-top: 2.25rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1.625rem;
    row-gap: 2rem;
}
.blog__grid > :nth-child(-n+2) {
    grid-column: span 3;
}
.blog__grid > :nth-child(n+3) {
    grid-column: span 2;
}
.blog__grid.big > :nth-child(-n+4) {
    grid-column: span 3;
}
.blog__grid.big > :nth-child(n+5) {
    grid-column: span 2;
}
.blog__grid--item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.blog__grid--item-img {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
}
.blog__grid--item-img-cover {
    width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-out;
}
.blog__grid--item-img-logo {
    position: absolute;
    top: 1.4375rem;
    left: 1.3125rem;
}
.blog__grid--item-from {
    color: #757575;
    font-weight: 600;
    margin-bottom: .25rem;
}
.blog__grid--item-name {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.blog__grid--item-date {
    color: #757575;
    font-weight: 600;
    margin-top: auto;
}
.blog__view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.5625rem;
    height: 3.5rem;
    background-color: #F3F3F3;
    border-radius: .375rem;
    border: none;
    font-size: .875rem;
    font-weight: 600;
    margin: 0 auto;
    margin-top: 2rem;
}
.blog__grid--item:hover .blog__grid--item-img-cover {
    transform: scale(1.1);
}
@media (max-width: 768px) {
    .blog__grid {
        grid-template-columns: 1fr 1fr;
        column-gap: 0px;
    }
    .blog__grid > * {
        grid-column: span 1;
    }
}
.newsletter {
    margin-bottom: 5rem;
}
.newsletter__banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.5rem 2.625rem;
    width: 100%;
    border-radius: .5rem;
    background-image: url(/blog/img/newsletter__banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
.newsletter__banner--desc {
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
    max-width: 25.3125rem;
}
.newsletter__banner--btn {
    border: 1px solid #E5E5E5;
    background-color: #fff;
    color: #fff;
    border-radius: .375rem;
    font-size: .875rem;
    font-weight: 700;
    color: #1F1F1F;
    width: 16.375rem;
    height: 3.5rem;
    transition: background-color 0.3s ease-in;
}
.newsletter__banner--btn:hover {
    background-color: #D9D9D9;
}
.newsletter__banner--btn:active {
    background-color: #D9D9D9;
}
@media (max-width: 768px) {
    .newsletter__banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        padding: 2.5rem 2rem;
        background-position: right bottom;
        background-image: url(/blog/img/newsletter__banner-bg-mobile.png);
    }
    .newsletter__banner--desc {
        max-width: 100%;
    }
}
.article-blog__header {
    margin: 3.5rem 0 2.5rem;
    position: relative;
    min-height: 20.125rem;
    border-radius: .5rem;
    display: flex;
}
.article-blog__header .breadcrumbs__item {
    font-size: .875rem;
}
.article-blog__content {
    padding: 2.125rem 0 2.3125rem 2.625rem;
    max-width: 60%;
    display: flex;
    flex-direction: column;
}
.article-blog__content .breadcrumbs {
    color: #111;
}
.article-blog__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    border-radius: .5rem;
    z-index: -1;
}
.article-blog__content .breadcrumbs {
    margin-bottom: 1.75rem;
}
.article-blog__title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 2.8125rem;
}
.article-blog__tiles {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 1rem;
    column-gap: 2rem;
    margin-top: auto;
}
.article-blog__tiles--tile p {
    color: #66696B;
    font-size: .875rem;
}
.article-blog__tiles--tile.time {
    display: flex;
    gap: .375rem;
    align-items: center;
}
.article-blog__tiles--tile.time::before {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 15.375C12.5208 15.375 15.375 12.5208 15.375 9C15.375 5.47918 12.5208 2.625 9 2.625C5.47918 2.625 2.625 5.47918 2.625 9C2.625 12.5208 5.47918 15.375 9 15.375Z' stroke='%2366696B' stroke-width='1.2'/%3e%3cpath d='M9 5.25V9H12' stroke='%2366696B' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-size: cover;
}
.article__flex {
    display: flex;
    gap: 6.0625rem;
}
.article--blog {
    flex: 0 0 66%;
    max-width: 66%;
}
.article__menu {
    max-width: 19.6875rem;
}
.article--blog-content {
    margin: 2.5rem 0;
}
.article--blog-content .desc-twentypx {
    font-size: 1.25rem;
}
.article--blog .blog--paragraph-twentyPX {
    font-size: 1.25rem; 
    margin-bottom: 2.5rem;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .article--blog .blog--paragraph-twentyPX {
        font-size: 1.125rem;
    }
}

.article--blog-content-paragraphs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.article--blog-content-paragraphs p {
    font-size: 1.125rem;
}
.article--blog h2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 2.5rem 0 1.5rem;
    line-height: 1.4;
    scroll-margin-top: 2rem;
}
@media screen and (max-width: 1240px) {
    .article--blog h2 {
        scroll-margin-top: 5.375rem;
    }
}
.article--blog h3 {
    font-size: 1.375rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.4;
    margin-top: 2rem;
}
.article--blog p {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}
.article--note-red,
.article--note-grey,
.article--note-blue,
.article--note-green,
.article--note-yellow {
    padding: 2rem;
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    border-radius: .5rem;
    color: #1F1F1F;
    font-size: 1.125rem;
}
.article--note-red p,
.article--note-grey p,
.article--note-blue p,
.article--note-green p,
.article--note-yellow p {
    margin-bottom: 0;
}
.article--note-grey {
    border: 1px solid #E5E5E5;
    background-color: #F3F4F5;
}
.article--note-red {
    border: 1px solid #EFE1E1;
    background-color: #FFF6F6;
}
.article--note-blue {
    border: 1px solid #CED4DA;
    background-color: #F1F4F8;   
}
.article--note-green {
    border: 1px solid #C6D7C0;
    background-color: #F3F8F1;
}
.article--note-yellow {
    border: 1px solid #EADCCD;
    background-color: #FFF9EE;
}
.article--note-red::before,
.article--note-grey::before,
.article--note-blue::before,
.article--note-green::before,
.article--note-yellow::before {
    content: "";
    min-width: 1.75rem;
    min-height: 1.75rem;
    background-size: cover;
}
.article--note-grey::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 10.9667C3.5 8.35333 3.5 7.04667 4.00867 6.048C4.45607 5.16995 5.16995 4.45607 6.048 4.00867C7.04667 3.5 8.35333 3.5 10.9667 3.5H17.0333C19.6467 3.5 20.9533 3.5 21.952 4.00867C22.8301 4.45607 23.5439 5.16995 23.9913 6.048C24.5 7.04667 24.5 8.35333 24.5 10.9667V17.0333C24.5 19.6467 24.5 20.9533 23.9913 21.952C23.5439 22.8301 22.8301 23.5439 21.952 23.9913C20.9533 24.5 19.6467 24.5 17.0333 24.5H10.9667C8.35333 24.5 7.04667 24.5 6.048 23.9913C5.16995 23.5439 4.45607 22.8301 4.00867 21.952C3.5 20.9533 3.5 19.6467 3.5 17.0333V10.9667Z' stroke='%237D8DA2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14.0013 18.6667V12.8334H13.418M13.418 18.6667H14.5846M14.0013 9.91671V9.33337' stroke='%237D8DA2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");  
}
.article--note-red::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9.33338V14.0001M14 18.6667H14.0117M23.1875 7.31505C24.0042 7.77938 24.5058 8.64855 24.5 9.58772V18.0857C24.5 19.0295 23.9832 19.8999 23.149 20.3584L15.274 25.34C14.8835 25.5543 14.4454 25.6666 14 25.6666C13.5546 25.6666 13.1165 25.5543 12.726 25.34L4.851 20.3584C4.44327 20.1349 4.10289 19.8061 3.86529 19.4065C3.62769 19.0068 3.50155 18.5507 3.5 18.0857V9.58655C3.5 8.64272 4.01683 7.77355 4.851 7.31505L12.726 2.67172C13.128 2.45009 13.5795 2.33386 14.0385 2.33386C14.4975 2.33386 14.949 2.45009 15.351 2.67172L23.226 7.31505H23.1875Z' stroke='%23D09A9A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.article--note-blue::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9.33333V14M14 18.6667H14.0117M3.5 14C3.5 15.3789 3.77159 16.7443 4.29926 18.0182C4.82694 19.2921 5.60036 20.4496 6.57538 21.4246C7.55039 22.3996 8.70791 23.1731 9.98182 23.7007C11.2557 24.2284 12.6211 24.5 14 24.5C15.3789 24.5 16.7443 24.2284 18.0182 23.7007C19.2921 23.1731 20.4496 22.3996 21.4246 21.4246C22.3996 20.4496 23.1731 19.2921 23.7007 18.0182C24.2284 16.7443 24.5 15.3789 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14Z' stroke='%237D8DA2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.article--note-green::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9.33333V14M14 18.6667H14.0117M3.5 14C3.5 15.3789 3.77159 16.7443 4.29926 18.0182C4.82694 19.2921 5.60036 20.4496 6.57538 21.4246C7.55039 22.3996 8.70791 23.1731 9.98182 23.7007C11.2557 24.2284 12.6211 24.5 14 24.5C15.3789 24.5 16.7443 24.2284 18.0182 23.7007C19.2921 23.1731 20.4496 22.3996 21.4246 21.4246C22.3996 20.4496 23.1731 19.2921 23.7007 18.0182C24.2284 16.7443 24.5 15.3789 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14Z' stroke='%237C937A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.article--note-yellow::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.002 11.2797V15.9463M14.002 19.4463H14.0137M12.0922 4.96918L2.63518 20.7588C2.44023 21.0965 2.33706 21.4792 2.33595 21.8691C2.33483 22.259 2.4358 22.6423 2.62882 22.981C2.82184 23.3198 3.10018 23.6021 3.43615 23.7998C3.77212 23.9976 4.15401 24.104 4.54385 24.1083H23.4602C23.8498 24.1039 24.2316 23.9975 24.5674 23.7997C24.9032 23.602 25.1814 23.3199 25.3744 22.9813C25.5674 22.6428 25.6684 22.2596 25.6674 21.8699C25.6665 21.4802 25.5635 21.0976 25.3689 20.76L15.9119 4.96801C15.7129 4.6396 15.4326 4.36805 15.098 4.17958C14.7635 3.99111 14.386 3.89209 14.002 3.89209C13.618 3.89209 13.2405 3.99111 12.906 4.17958C12.5714 4.36805 12.2912 4.6396 12.0922 4.96801V4.96918Z' stroke='%23CCA979' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.article--blog-content:has(.article--code) {
    margin: 1rem 0 1.25rem;
}
.article--code {
    padding: 1.625rem;
    border: 1px solid #D9D9D9;
    background-color: #F3F4F5;
    border-radius: .5rem;
}
.article--code-header {
    padding-bottom: 1.1875rem;
    margin-bottom: 1.1875rem;
    border-bottom: 1px solid #D3D3D3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.article--code .article--code-header-name {
    font-size: 1rem;
    margin-bottom: 0;
}
.article--code-header-copy {
    display: flex;
    align-items: center;
    gap: .125rem;
    color: #6C6C6C;
    font-size: .875rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}
.article--code-header-copy::before {
    content: "";
    min-width: 1.25rem;
    min-height: 1.25rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.8984 5H7.22656C5.99687 5 5 5.99687 5 7.22656V15.8984C5 17.1281 5.99687 18.125 7.22656 18.125H15.8984C17.1281 18.125 18.125 17.1281 18.125 15.8984V7.22656C18.125 5.99687 17.1281 5 15.8984 5Z' stroke='%236C6C6C' stroke-width='1.2' stroke-linejoin='round'/%3e%3cpath d='M14.9805 5L15 4.0625C14.9984 3.48285 14.7674 2.9274 14.3575 2.51753C13.9476 2.10765 13.3922 1.87665 12.8125 1.875H4.375C3.71256 1.87696 3.07781 2.14098 2.6094 2.6094C2.14098 3.07781 1.87696 3.71256 1.875 4.375V12.8125C1.87665 13.3922 2.10765 13.9476 2.51753 14.3575C2.9274 14.7674 3.48285 14.9984 4.0625 15H5' stroke='%236C6C6C' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-size: cover;
}
.article--code-header-copy.copied::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.95783 12.625L15.0203 5.5625C15.187 5.39583 15.3814 5.3125 15.6037 5.3125C15.8259 5.3125 16.0203 5.39583 16.187 5.5625C16.3537 5.72917 16.437 5.92722 16.437 6.15667C16.437 6.38611 16.3537 6.58389 16.187 6.75L8.54117 14.4167C8.3745 14.5833 8.18005 14.6667 7.95783 14.6667C7.73561 14.6667 7.54117 14.5833 7.3745 14.4167L3.79117 10.8333C3.6245 10.6667 3.5445 10.4689 3.55117 10.24C3.55783 10.0111 3.64478 9.81306 3.812 9.64583C3.97922 9.47861 4.17728 9.39528 4.40617 9.39583C4.63505 9.39639 4.83283 9.47972 4.9995 9.64583L7.95783 12.625Z' fill='%236C6C6C'/%3e%3c/svg%3e ");
}
.article--code-content code {
    margin: 0;
    font-family: Menlo, Monaco, "Courier New", Courier, monospace;
    font-size: 1rem;
    line-height: 1.4;
    color: #1F1F1F;
    white-space: pre;
    word-wrap: break-word;
    tab-size: 4;
    -webkit-font-smoothing: antialiased;
    overflow-x: auto;
    display: block; 
}
.article--code-content code::-webkit-scrollbar {
    height: .375rem;
}
.article--code-content code::-webkit-scrollbar-track {
    background: transparent;
}
.article--code-content code::-webkit-scrollbar-thumb {
    background: #D0D0D0;
    border-radius: 10px;
}
.article--code-content code::-webkit-scrollbar-thumb:hover {
    background: #c2c2c2;
}
.article--blog ul, 
.article--blog ol {
    margin-left: 1.875rem;
    margin-bottom: 1rem;
}
.article--blog ul li,
.article--blog ol li {
    font-size: 1.125rem;
    line-height: 1.4;
}
.article__quote {
    padding: 2rem;
    border: 1px solid #F0DFDF;
    background-color: #FFF6F6;
    border-radius: .5rem;
    display: flex;
    gap: .5rem;
    align-items: stretch;
}
.article__quote-border {
    display: flex;
    flex-direction: column;
}
.article__quote-border .red-border {
    width: 2px;
    height: 100%;
    background-color: #CC2B24;
}
.article__quote-border::before {
    content: "";
    min-width: .9375rem;
    min-height: .6875rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.50431 9.55656C11.056 8.42836 11.8534 6.78582 11.8966 4.62896L9.05172 4.33032V0H15V2.04072C15 3.66667 14.9138 5.01056 14.7414 6.0724C14.5259 7.30015 13.9009 8.46154 12.8664 9.55656C12.306 10.1207 11.6595 10.6018 10.9267 11L9.50431 9.55656ZM0.64655 9.55656C2.24138 8.5279 3.06034 6.88537 3.10345 4.62896L0 4.33032V0H6.01293V2.04072C6.01293 3.0362 5.96983 3.83258 5.88362 4.42986C5.88362 4.79487 5.86207 5.14329 5.81897 5.47511C5.77586 5.93967 5.71121 6.30468 5.625 6.57014C5.625 6.6365 5.5819 6.76923 5.49569 6.96833C5.40948 7.2006 5.34483 7.3997 5.30172 7.56561C5.25862 7.93062 5.10776 8.26244 4.84914 8.56108C4.59052 8.89291 4.375 9.17496 4.20259 9.40724C3.81466 9.90498 3.125 10.4359 2.13362 11L0.64655 9.55656Z' fill='%23CC2B24'/%3e%3c/svg%3e ");
    background-size: cover;
    margin: .3125rem 0 .375rem;
}
.article__quote .article__quote-text {
    font-size: 1.125rem;
    color: #1F1F1F;
    margin-bottom: 1rem;
}
.article__quote-author {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.article__quote-author-avatar {
    width: 5rem;
    height: 5rem;
    border-radius: .375rem;
}
.article__quote .article__quote-author-name {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: .25rem;
    color: #1F1F1F;
}
.article__quote .article__quote-author-position {
    color: #606264;
    font-size: 1rem;
    margin-bottom: 0rem;
}
.article__menu-author {
    margin-bottom: 3.125rem;
}
.article__menu-author .article__menu--author-img {
    width: 5rem;
    height: 5rem;
    margin: 0 0 .875rem 0;
    border-radius: .375rem;
}
.article .article__menu-author-article {
    color: #606264;
    font-size: .875rem;
    margin-bottom: .5rem;
}
.article .article__menu-author-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1F1F1F;
    margin-bottom: .125rem;
}
.article .article__menu-author-position {
    color: #606264;
    font-size: 1rem;
}
.article__menu-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.625rem;
}
.article__menu-content-title {
    font-size: 1.125rem;
    font-weight: 700;
}
.article__menu .article__menu-content-link {
    text-decoration: none;
    color: #1F1F1F;
    transition: color 0.15s ease-in;
}
.article__menu-content-link:hover {
    color: #CC2B24;
}
.article__menu-feedback {
    padding: 1.625rem;
    border: 1px solid #E5E5E5;
    background-color: #F3F4F5;
    width: 100%;
    border-radius: .5rem;
}
.article__menu-feedback-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .625rem;
}
.article__menu-feedback-desc {
    margin-bottom: 2rem;
}
.article__menu-feedback-btn {
    width: 100%;
    height: 3.5rem;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    color: #1F1F1F;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .375rem;
}
.article__tags {
    display: flex;
    align-items: flex-start;
    gap: .9375rem;
    margin-top: 40px;
}
.article--blog-content .article__tags p {
    font-size: 1rem;
    margin-bottom: 0;
}
.article__tags--items {
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem;
}
.article__tags--items-link {
    color: #CC2B23;
    font-size: 1rem;
}
.article--notes {
    padding-top: 2.5rem;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 3rem;
}
.article--notes-block {
    background-color: #F3F4F5;
    padding: 2rem;
    border-radius: .5rem;
}
.article--notes-title {
    color: #1F1F1F;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.article--blog .article--notes-desc {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0;
}
.article--notes-desc span {
    font-weight: 700;
}
.article--notes-desc:not(:last-child) {
    margin-bottom: .625rem;
}
.article-related {
    padding-top: 3.25rem;
    margin-bottom: 5rem;
    border-top: 1px solid #E5E5E5;
}
.article-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-top: 2.25rem;
}
.article-related-tag {
    color: #CC2B24;
}
@media screen and (max-width: 1240px) {
    .article .container {
        padding: 0;
    }
    .article-blog__bg {
        display: none;
    }
    .article-blog__header {
        background-color: #F5F5F5;
    }
    .article-blog__content {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .article-blog__header {
        min-height: 0;
        margin: 2.5rem 0;
    }
    .article-blog__content {
        padding: 2rem;
    }
    .article__menu .article__menu-content-link {
        color: #CC2B24;
    }
    .article-blog__content .breadcrumbs {
        display: block;
    }
    .article-blog__title {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
        line-height: 1.2;
    }
    .article__flex {
        flex-direction: column-reverse;
        gap: 0;
    }
    .article__menu  {
        max-width: 100%;
        margin-bottom: 2.5rem;
        border-bottom: 1px solid #E5E5E5;
    }
    .article__menu-author {
        display: none;
    }
    .article__menu-author.mobile {
        display: flex;
        gap: .75rem;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .article--blog {
        max-width: 100%;
    }
    .article--blog-content {
        margin-bottom: 2rem;
    }
    .article--blog-content h2  {
        font-size: 1.5rem !important;
        margin-bottom: 1rem;
    }
    .article--blog-content h3  {
        font-size: 1.25rem;   
        margin: 2rem 0 1rem;
    }
    .article--note-grey,
    .article--note-red,
    .article--note-blue,
    .article--note-green,
    .article--note-yellow {
        flex-direction: column;
        padding: 1.5rem;
        font-size: 1rem;
    }
    .article--blog-content-paragraphs p,
    .article--blog-content-paragraphs ul li,
    .article__quote-text,
    .article__quote-author-name {
        font-size: 1rem;
    }
    .article--blog-content-paragraphs {
        gap: .75rem;
    }
    .article--blog-content .desc-twentypx {
        font-size: 1.125rem;
    }
    .article__quote {
        padding: 1.5rem;
        flex-direction: column;
        gap: 1rem;
    }
    .article__quote-border .red-border {
        display: none;
    }
    .article__quote-border::before {
        max-width: 1.5rem;
        min-width: 1.5rem;
        max-height: 1.125rem;
        min-height: 1.125rem;
    }
    .article__quote-author {
        flex-direction: column;
        align-items: flex-start;
    }
    .article__quote-text {
        margin-bottom: 1.5rem;
    }    
    .article__tags--items {
        flex-wrap: wrap;
    }
    .article-related__grid {
        grid-template-columns: 1fr;
    }
    .article__menu-feedback {
        display: none;
    }
}
.article--blog table {
    margin: 1rem 0 1.5rem;
}


/* Баннер "Была ли статья полезной?" */
.article--blog-content:has(.artice-useful) {
    position: relative;
}
.artice-useful {
    position: absolute;
    left: 105%;
    bottom: 0;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    border-radius: .5rem;
    max-width: 19.625rem;
    width: 100%;
    min-height: 9.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.artice-useful--content {
    transition: opacity .25s ease, transform .25s ease;
}
.artice-useful .artice-useful--content-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}
.artice-useful--content__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}
.artice-useful--content__btns-btn {
    width: 7rem;
    height: 2.875rem;
    border: 1px solid #E5E5E5;
    border-radius: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .125rem;
    font-size: .875rem;
    font-weight: 600;
    background-color: #fff;
    transition: background-color 0.3s ease-in; 
    color: #1F1F1F;
}
.artice-useful--content__btns-btn:hover {
    background-color: #E5E5E5;
}
.artice-useful--content__btns-btn::before {
    content: "";
    width: 1.375rem;
    height: 1.375rem;
    background-size: cover;
}
.artice-useful--content__btns-btn.yes::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.875 8.25H13.75V4.125C13.7495 3.57816 13.532 3.05387 13.1453 2.6672C12.7586 2.28052 12.2343 2.06305 11.6875 2.0625H10.2211C9.89048 2.0639 9.57135 2.18377 9.3216 2.40036C9.07184 2.61694 8.908 2.91588 8.85981 3.24294L8.27887 7.31087L5.81969 11H1.375V20.625H15.8125C17.0883 20.6232 18.3113 20.1156 19.2134 19.2134C20.1156 18.3113 20.6232 17.0883 20.625 15.8125V11C20.6241 10.2709 20.3341 9.57199 19.8185 9.05646C19.303 8.54093 18.6041 8.25091 17.875 8.25ZM5.5 19.25H2.75V12.375H5.5V19.25ZM19.25 15.8125C19.2489 16.7238 18.8864 17.5976 18.242 18.242C17.5976 18.8864 16.7238 19.2489 15.8125 19.25H6.875V11.8958L9.59612 7.81413L10.2218 3.4375H11.6875C11.8698 3.4375 12.0447 3.50993 12.1736 3.63886C12.3026 3.7678 12.375 3.94266 12.375 4.125V9.625H17.875C18.2395 9.62555 18.5889 9.77059 18.8467 10.0283C19.1044 10.2861 19.2495 10.6355 19.25 11V15.8125Z' fill='%231F1F1F'/%3e%3c/svg%3e ");
}
.artice-useful--content__btns-btn.no::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.125 13.75H8.25V17.875C8.25055 18.4218 8.46802 18.9461 8.8547 19.3328C9.24137 19.7195 9.76566 19.937 10.3125 19.9375H11.7789C12.1095 19.9361 12.4286 19.8162 12.6784 19.5996C12.9282 19.3831 13.092 19.0841 13.1402 18.7571L13.7211 14.6891L16.1803 11H20.625V1.375H6.1875C4.9117 1.37682 3.68868 1.88443 2.78656 2.78656C1.88443 3.68868 1.37682 4.9117 1.375 6.1875V11C1.37591 11.7291 1.66593 12.428 2.18146 12.9435C2.69699 13.4591 3.39593 13.7491 4.125 13.75ZM16.5 2.75H19.25V9.625H16.5V2.75ZM2.75 6.1875C2.75109 5.27615 3.11361 4.40245 3.75803 3.75803C4.40244 3.11361 5.27615 2.75109 6.1875 2.75H15.125V10.1042L12.4039 14.1859L11.7782 18.5625H10.3125C10.1302 18.5625 9.95529 18.4901 9.82636 18.3611C9.69743 18.2322 9.625 18.0573 9.625 17.875V12.375H4.125C3.76049 12.3745 3.41108 12.2294 3.15333 11.9717C2.89559 11.7139 2.75055 11.3645 2.75 11V6.1875Z' fill='%231F1F1F'/%3e%3c/svg%3e ");
}
.artice-useful--thanks {
    position: absolute;
    opacity: 0;
    transform: translateY(.5rem);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    transition: opacity .25s ease, transform .25s ease;
}

.artice-useful.is-thanks .artice-useful--content {
    opacity: 0;
    transform: translateY(-.5rem);
    pointer-events: none;
}

.artice-useful.is-thanks .artice-useful--thanks {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
@media (max-width: 992px) {
    .artice-useful {
        position: relative;
        left: 0;
        margin-top: 2rem;
         max-width: 100%;
    }
    .article__tags {
        padding-bottom: 2rem;
        border-bottom: 1px solid #E5E5E5;
    }
    .article--notes {
        border-top: none;
        padding-top: .5rem;
    }
}
.article--blog a {
    color: #CC2B24;
    display: inline;
}


.article--blog .article__slider-wrapper {
    position: relative;
    margin-bottom: 2.5rem;
}
.article--blog .article-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.article--blog .article-slider .swiper-wrapper {
    align-items: center;
    height: auto !important;
}

.article--blog .article-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.article--blog .article-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.article--blog .article-slider__btn {
    width: 2.625rem;
    height: 2.625rem;
    border: 0.75px solid #C7C7C7;
    border-radius: .25rem;
    background-color: #fff;
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
}

.article--blog .article-slider__btn::after {
    font-size: .6875rem;
    color: #000;
}
.article--blog .article-slider__btn.swiper-button-prev {
    left: -21px;
}
.article--blog .article-slider__btn.swiper-button-next {
    right: -21px;
}
.article--blog .article-slider__pagination {
    position: static;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    gap: .875rem;
}

.article--blog .article-slider__pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    background: #D9D9D9;
    transition: background 0.2s ease-in;
    opacity: 1;
}
.article--blog .article-slider__pagination .swiper-pagination-bullet-active {
    background: #CC2B24;
}
.article--blog .article-slider__btn.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}
.article--blog-content-slider-img {
    width: 100%;
    object-fit: cover;
}
.article--blog .article--blog-content-slider-note {
    margin: 1rem auto 0 0;
    color: #757575;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .article--blog .article-slider__btn {
        width: 2.375rem;
        height: 2.375rem;
        transform: translateY(-40%);
    }
    .article--blog .article-slider__btn.swiper-button-prev {
        left: 0px;
    }
    .article--blog .article-slider__btn.swiper-button-next {
        right: 0%;
    }
    .article--blog .article--blog-content-slider-note {
        font-size: .875rem;
    }
}

.article--blog .article-table--command {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    padding: .125rem .375rem;
    background-color: #EEF0F2;
    color: #505050;
    border-radius: .375rem;
    font-family: Menlo, Monaco, "Courier New", Courier, monospace;
    line-height: 1.5;
    font-size: 1rem;
    white-space: normal;
    word-break: break-word;
    position: relative;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
}
.article--blog .article-table--command:hover {
    background-color: #E2E5E8;
}

.copy-tooltip {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    background-color: #262626;
    color: #fff;
    padding: .375rem;
    border: 0.5px solid #DDDDDD;
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    animation: tooltipIn 0.2s ease forwards;
}

.copy-tooltip.hiding {
    animation: tooltipOut 0.2s ease forwards;
}

.copy-tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #262626;
}

@keyframes tooltipIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes tooltipOut {
    from {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    to {
        opacity: 0;
        transform: translateX(-50%) translateY(5px);
    }
}


.article--blog img {
    border-radius: .5rem;
}

.article--blog table {
    border: 1px solid #E5E5E5;
    border-collapse: collapse;
    border-radius: 8px;
    border-spacing: 0;
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    overflow: auto;
    position: relative;
    scrollbar-width: thin;
    width: auto;
    z-index: 1
}


.article--blog table tr:first-child td,.article--blog table tr:first-child th {
    border-top: none;
    background: #F5F5F5;
}

.article--blog table tr:last-child td,.article--blog table tr:last-child th {
    border-bottom: none
}

.article--blog table td,.article--blog table th {
    border: 1px solid #E5E5E5;
    padding: .75rem 1.25rem;
    text-overflow: ellipsis
}

.article--blog table td>:first-child,.article--blog table th>:first-child {
    margin-top: 0
}

.article--blog table td>:last-child,.article--blog table th>:last-child {
    margin-bottom: 0
}

.article--blog table td {
    vertical-align: top;
    white-space: normal
}

.article--blog table th, .article--blog table tr:first-child td {
    font-weight: 700;
    text-align: left
}

.article--blog table tr td:first-child,.article--blog table tr th:first-child {
    border-left: none
}

.article--blog table tr td:last-child,.article--blog table tr th:last-child {
    border-right: none
}

.article-blog-share-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 24px;
}

.article-blog-share-btn {
    display: flex;
    align-items: center;
    gap: .3125rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #66696B;
    transition: color 0.3s ease;
    font-family: inherit;
}

.article-blog-share-btn:hover,
.article-blog-share-btn.active {
    color: #1F1F1F;
}

.article-blog-share-btn svg {
    width: 1.25rem;
    height: 1.25rem;
}

.article-blog-share-btn svg path {
    transition: stroke 0.3s ease;
}

.article-blog-share-btn:hover svg path,
.article-blog-share-btn.active svg path {
    stroke: #1F1F1F;
}

.article-blog-share-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0.2px 1.5px 0px #47535605, 0px 0.5px 3.5px 0px #47535608, 0px 0.5px 7.5px 0px #47535608, 0px 1.5px 15.5px 0px #4753560A, 0px 4px 43px 0px #4753560F;
    min-width: 200px;
    border: 0.5px solid #E5E5E5;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s ease;
    z-index: 100;
}

.article-blog-share-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.article-blog-share-dropdown-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem .75rem;
    cursor: pointer;
    text-decoration: none;
    color: #1c1c1e;
    font-size: 14px;
    font-weight: 400;
    transition: background 0.15s;
    border: none;
    background: none;
    width: 100%;
    font-family: inherit;
}

.article-blog-share-dropdown-item:first-child {
    border-radius: .25rem .25rem 0 0;
}

.article-blog-share-dropdown-item:last-child {
    border-radius: 0 0 .25rem .25rem;
}

.article-blog-share-dropdown-item:hover {
    background: #F3F4F5;
}

.article-blog-share-dropdown-item:active {
    background: #e5e5ea;
}

.article-blog-share-dropdown-item svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.article-blog-share-divider {
    height: 1px;
    background: #E5E5E5;
}

@media (max-width: 768px) {
    .article-blog-share-dropdown {
        display: none !important;
    }
    .article-blog-share-btn:hover,
    .article-blog-share-btn.active {
        color: #66696B;
    }
    .article-blog-share-btn:hover svg path,
    .article-blog-share-btn.active svg path {
        stroke: #66696B;
    }
}



.article__linking {
    width: 100%;
    padding: .625rem;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    border-radius: .5rem;
    margin: 2rem 0;
    display: flex !important;
    align-items: center;
    gap: 2rem;
    transition: background-color 0.3s ease;
}
.article__linking .article__linking--img {
    object-fit: cover;
    width: 12.6875rem;
    border-radius: .5rem;
    margin: 0;
}
.article__linking .article__linking--title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1F1F1F;
    margin-bottom: 1rem;
}
.article__linking .article__linking--link {
    display: flex;
    align-items: center;
    gap: .125rem;
    color: #CC2B24;
    font-weight: 600;
    font-size: 1rem;
    line-height: 20px;
    transition: gap 0.3s ease;
    margin: 0;
}
.article__linking--link::after {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.66667 11.3337L10 8.00033L6.66667 4.66699' stroke='%23CC2B24' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 1rem;
    height: 1rem;
}
.article__linking:hover {
    background-color: #F3F4F5;
}
.article__linking:hover .article__linking--link {
    gap: .25rem;
}
@media (max-width: 768px) {
    .article__linking {
        padding: 1.5rem;
    }
    .article__linking .article__linking--img {
        display: none;
    }
    .article__linking .article__linking--title {
        font-size: 1rem;
        margin-bottom: .75rem;
    }
}
/* End */


/* Start:/bitrix/templates/redos/components/bitrix/news/blog/bitrix/news.list/.default/style.css?17918809126871*/
.controls {
    margin-bottom: 2.625rem;
}
.controls__items {
    display: grid;
    grid-template-columns: 16.25rem 16.25rem 2fr;
    gap: 1rem;
}

.controls__search {
    position: relative;
    width: 100%;
    height: 3.5rem;
}

.controls__search input {
    width: 100%;
    padding: 1.125rem .625rem 1.125rem 3.125rem;
    border: 1px solid #D0D0D0;
    border-radius: .25rem;
    font-size: .875rem;
    color: #111;
    outline: none;
    box-sizing: border-box;
    height: 56px;
}

.controls__search input::placeholder {
    color: #757575;
}

.search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.product-select {
    position: relative;
    max-width: 16.25rem;
    width: 100%;
    height: 3.5rem;
    font-family: "Open Sans", sans-serif;
}

.product-select--title {
    position: absolute;
    top: 0.5rem;
    left: 1.25rem;
    color: #7C7C7C;
    font-size: 0.75rem;
    pointer-events: none;
    z-index: 1;
}

.product-select--value {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1.75rem 5.5rem 0.5rem 1.25rem;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    background-color: #fff;
    font-size: 0.875rem;
    color: #111;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

.tag-display {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: inherit;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.4;
}

.tag-display:empty::before {
    content: 'Все теги';
    color: #999;
}

.tag-counter {
    position: absolute;
    right: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.75rem;
    font-weight: 600;
    color: #757575;
    border: 1px solid #CECECE;
    padding: 0.125rem 0.375rem;
    border-radius: 2px;
    display: none;
    z-index: 2;
    pointer-events: none;
}

.tag-counter.visible {
    display: block;
}

.tag-reset {
    position: absolute;
    right: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: right 0.2s ease, opacity 0.15s ease;
}

.tag-reset.visible {
    display: flex;
}

.tag-reset:hover {
    opacity: 0.6;
}

.tag-reset svg {
    width: 1rem;
    height: 1rem;
}

.tag-select.has-counter .tag-reset {
    right: 4.5rem;
}

.dropdown-arrow {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('/blog/img/dropdown-arrow-icon.svg');
    background-size: cover;
    pointer-events: none;
    transition: transform 0.2s ease;
    z-index: 1;
}

.product-select.open .dropdown-arrow {
    transform: translateY(-50%) rotate(180deg);
}

.product-select--dropdown {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    box-shadow: 
        0 0.2px 1.5px rgba(71, 83, 86, 0.02),
        0 0.5px 3.5px rgba(71, 83, 86, 0.03),
        0 0.5px 7.5px rgba(71, 83, 86, 0.03),
        0 1.5px 15.5px rgba(71, 83, 86, 0.04),
        0 4px 43px rgba(71, 83, 86, 0.06);
    z-index: 100;
    display: none;
    flex-direction: column;
}

.product-select.open .product-select--dropdown {
    display: flex;
}

.tag-select .product-select--dropdown {
    max-height: 15.625rem;
    overflow-y: auto;
    padding: 0 0 4px;
}

.product-select--search {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    padding: 0.25rem;
    margin: 0;
    display: flex;
    align-items: center;
}

.product-select--search input {
    width: 100%;
    padding: 0.5rem 0.75rem 0.5rem 2.25rem;
    border: 1px solid #D0D0D0;
    font-size: 0.875rem;
    font-family: inherit;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.product-select--search-icon {
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.product-select--option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    color: #1F1F1F;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin: 0 0.25rem;
}

.product-select--option:not(:last-child) {
    margin-bottom: 0.125rem;
}

.product-select--option:hover {
    background-color: #F0F0F0;
}

.option-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 0.5rem;
}

.option-check {
    display: none;
    flex-shrink: 0;
}

.product-select--option.active .option-check {
    display: block;
}

.tag-select .product-select--dropdown::-webkit-scrollbar {
    width: 8px;
}

.tag-select .product-select--dropdown::-webkit-scrollbar-track {
    background: transparent;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.tag-select .product-select--dropdown::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    border: 2px solid #fff;
}

.tag-select .product-select--dropdown::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

.tag-select .product-select--dropdown {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 transparent;
}

@media (max-width: 768px) {
    .controls__items {
        grid-template-columns: repeat(2, 1fr);
    }
    .controls__search {
        grid-column: span 2 / span 2;
    }
    .product-select {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .controls__items {
        grid-template-columns: 1fr;
    }
    .controls__search {
        grid-column: auto;
    }
}

.blog-tabs {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.blog-tabs__item {
    padding: 0.6875rem 1.25rem;
    border: none;
    border-radius: 0.25rem;
    background-color: #F5F5F5;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #111111;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 400;
}

.blog-tabs__item:hover {
    background-color: #E8E8E8;
}

.blog-tabs__item.active {
    background-color: #111111;
    color: #FFFFFF;
}

.blog-tabs__item.active:hover {
    background-color: #111111;
}
/* End */


/* Start:/bitrix/templates/redos/components/bitrix/news.list/blog_news/style.css?1776942119150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /blog/style.css?179144607938479 */
/* /bitrix/templates/redos/components/bitrix/news/blog/bitrix/news.list/.default/style.css?17918809126871 */
/* /bitrix/templates/redos/components/bitrix/news.list/blog_news/style.css?1776942119150 */