/* region Help Detail */

.help_detail .help__hero {
    padding: 32px 100px 40px;
    margin-bottom: 32px;
}

.help_detail .help__wrapper {
    flex: 0 0 75%;
    max-width: 75%;
}

.help_detail .help__wrapper .breadcrumbs {
    margin-bottom: 32px;
}

@media (max-width: 1439px) {
    .help_detail .help__hero {
        padding: 32px 80px 40px;
    }
}

@media (max-width: 1023px) {
    .help_detail .help__hero {
        padding: 24px 32px;
    }

    .help_detail .help__wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .help_detail .help__wrapper .breadcrumbs {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .help_detail .help__hero {
        margin: 0 -16px 40px -16px;
        border-radius: unset;
        padding: 24px;
    }
}

/* region Main Content */

.help_detail .catalog {
    padding: 0 104px;
    max-width: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.help_detail .articleContent img {
    object-fit: contain;
    height: auto;
}

.help_detail .articleContent {
    font-size: 15px;
    line-height: 18px;
}

.help_detail .articleContent-table td:first-child::after,
.help_detail .articleContent table td:first-child::after {
    min-height: unset;
}

.help_detail :is(.articleContent-tablePopupContent, .articleContent-tableWrapper) td img {
    max-width: unset;
}

@media (max-width: 1439px) {
    .help_detail .catalog {
        padding: 0 84px;
    }
}

@media (max-width: 1023px) {
    .help_detail .catalog {
        padding: 0;
    }
}

/* endregion Main */

/* region Aside */

.help_detail .catalog__aside {
    position: static;
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 16px;
}

.help_detail .catalog__aside-blocks {
    margin-bottom: 96px;
}

.help_detail .asideItem-list:not(:last-child) {
    margin-bottom: 0;
}

.help_detail .asideItem-list__block {
    max-height: 0;
    overflow: hidden;
    transition: 0.25s ease-in-out max-height;
}

.help_detail .asideItem-list__hidden {
    padding-top: 8px;
    box-sizing: border-box;
}

.help_detail .asideItem-contentLink {
    cursor: pointer;
    margin-top: 16px;
    display: block;
}

.help_detail .asideItem-contentLink:hover {
    text-decoration: unset;
}

@media (max-width: 1023px) {
    .help_detail .catalog__aside {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .help_detail .catalog__aside-blocks {
        margin-bottom: 0;
    }

    .help_detail .asideItem.similar {
        display: none;
    }
}

/* endregion Aside */

/* region Lists */

.help_detail .articleContent ol li:not(.help_detail .articleContent ol ol li) {
    counter-increment: note-counter;
}

.help_detail .articleContent ol li:not(.help_detail .articleContent ol ol li)::before {
    content: counter(note-counter) '.';
}

.help_detail .articleContent ol ol li:not(.help_detail .articleContent ol ol ol li) {
    counter-increment: note-counter-second;
}

.help_detail .articleContent ol ol li:not(.help_detail .articleContent ol ol ol li)::before {
    content: counter(note-counter-second) '.';
}

.help_detail .articleContent ol ol ol li {
    counter-increment: note-counter-third;
}

.help_detail .articleContent ol ol ol li::before {
    content: counter(note-counter-third) '.';
}

.help_detail .articleContent :is(ol, ul) li {
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.help_detail .articleContent ol li::before {
    margin-right: 8px;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.help_detail .articleContent :is(ol, ul) {
    margin-bottom: 0;
}

.help_detail .articleContent :is(ol, ul) :is(ol, ul) {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .help_detail .articleContent ol {
        margin: 0;
        padding: 0;
    }

    .help_detail .articleContent ul {
        margin: 0 0 24px;
    }

    .help_detail .articleContent :is(ol, ul) li {
        padding-left: 16px;
    }
}

/* endregion Lists */

/* region Modal Table */

.help_detail .articleContent-tableContainer {
    cursor: url('/local/templates/main/images/zoom.svg'), auto;
}

.help_detail .articleContent-tableContainer:hover .articleContent-tableHandler {
    display: none;
}

.help_detail .articleContent-tablePopupClose:after {
    right: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.51042 0.561728C1.2485 0.299818 0.823845 0.299818 0.561926 0.561728C0.300007 0.823637 0.300007 1.24828 0.561926 1.51019L2.05142 2.99961L0.561918 4.48903C0.299999 4.75094 0.299999 5.17558 0.561918 5.43749C0.823836 5.6994 1.24849 5.6994 1.51041 5.43749L2.99991 3.94807L4.48918 5.43726C4.7511 5.69917 5.17575 5.69917 5.43767 5.43726C5.69959 5.17535 5.69959 4.75071 5.43767 4.4888L3.9484 2.99961L5.43766 1.51042C5.69958 1.24851 5.69958 0.823869 5.43766 0.561959C5.17574 0.300049 4.75109 0.300049 4.48917 0.561959L2.99991 2.05115L1.51042 0.561728Z' fill='%237C8793'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1439px) {
    .help_detail div.articleContent-table td,
    .help_detail div.articleContent table td {
        padding: 8px 20px 8px 8px;
    }
}

@media (max-width: 767px) {
    .help_detail .articleContent-tableContainer {
        cursor: auto;
        margin: 0 -16px 16px;
    }

    .help_detail .articleContent-tableContainer .articleContent-tablePopup {
        padding: 16px;
    }
}

/* endregion Modal Table */

/* region Footnote */

.help_detail .articleContent-footnote {
    font-size: 10px;
    line-height: 14px;
    color: var(--text-secondary);
}

.help_detail .articleContent .articleContent-footnote sup {
    font-size: 6px;
}

/* endregion Footnote */

/* endregion Help Detail */

/* region Articles */

.articles {
    margin-bottom: 75px;
}

@media (max-width: 1439px) {
    .articles {
        margin-bottom: 60px;
    }
}

@media (max-width: 1023px) {
    .articles {
        margin: 0 auto 62px;
    }
}

@media (max-width: 767px) {
    .articles {
        max-width: 495px;
        margin-bottom: 40px;
    }
}

.articles-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -16px;
    padding: 25px 0;
}

@media (max-width: 1439px) {
    .articles-item {
        padding: 20px 0;
    }
}

@media (max-width: 767px) {
    .articles-item {
        padding: 24px 0 14px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.articles-item:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    left: 16px;
    right: 16px;
    bottom: 0;
}

.articles-item:last-child:after {
    display: none;
}

.articles-content {
    padding: 14px 13% 0 16px;
}

@media (max-width: 1439px) {
    .articles-content {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .articles-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px 16px 0 16px;
    }
}

.articles-picture {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 16px;
    font-size: 0;
}

@media (max-width: 767px) {
    .articles-picture {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.articles-image {
    max-width: 300px;
    height: auto;
    border-radius: 12px;
    overflow: hidden;
    background-color: #F4F6FA;
}

@media (max-width: 1023px) {
    .articles-image {
        max-width: 244px;
    }
}

@media (max-width: 767px) {
    .articles-image {
        width: 100%;
        max-width: 100%;
    }
}

.articles-description p {
    margin: 0 0 10px;
}


/* endregion Articles */

/* region Topics */

.topics {
    padding: 60px 108px;
    margin: 0 auto;
    max-width: 1220px;
}

.h2.topics__heading {
    margin-bottom: 32px;
}

.topics__list {
    display: block;
    margin: 0;
    padding: 0;
    column-count: 3;
    column-gap: 32px;
}

.topics__item {
    display: block;
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
}

a.topics__link {
    color: var(--text-primary);
}

a.topics__link:hover {
    text-decoration: unset;
    color: var(--link-enabled);
}

@media (max-width: 1023px) {
    .topics {
        padding: 40px 32px;
    }

    .h2.topics__heading {
        margin-bottom: 24px;
    }

    .topics__list {
        column-count: 2;
    }
}

@media (max-width: 767px) {
    .topics {
        padding: 32px 16px;
    }

    .h2.topics__heading {
        margin-bottom: 16px;
    }

    .topics__list {
        column-count: 1;
    }
}

/* endregion Topics */

/* region Rating */

.rating {
    border-top: 1px solid var(--border-primary);
    padding: 32px 0 26px;
}

@media (max-width: 1023px) {
    .rating {
        padding: 24px 0 26px;
    }
}

.rating-wrapper {
    text-align: center;
}

.rating-items {
    text-align: center;
    min-height: 52px;
}

@media (max-width: 1023px) {
    .rating-items {
        min-height: 43px;
    }
}

.rating-item {
    cursor: pointer;
    display: inline-block;
    margin: 0 16px;
    border-radius: 8px;
    padding: 7px 18px;
    background-color: var(--background-secondary);
}

@media (max-width: 1023px) {
    .rating-item {
        padding: 5px 16px;
        margin: 0 14px;
    }
}

@media (max-width: 767px) {
    .rating-item {
        margin: 0 6px;
    }
}

.rating-item:hover .rating-itemIcon {
    fill: var(--icon-accent);
}

.rating-itemIcon {
    position: relative;
    top: 3px;
    transition: fill 0.15s;
    pointer-events: none;
}

.rating-result {
    display: inline-block;
}

.rating_course {
    border: none;
}

/*# sourceMappingURL=rating.css.map */

/* endregion Rating */
