

/* Start:/local/components/techart/elements.list/templates/statii/style.css?17512887338453*/
.b-statii-filter-block {
    display: grid;
    gap: 10px;
    margin-bottom: 32px;
    width: 100%;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
}

.b-statii-filter-head {
    display: grid;
    grid-template-columns: auto auto;
    width: fit-content;
    gap: 10px;
    align-items: center;
}

.b-statii-filter-head .b-statii__filter--selected {
    display: none;
}

.b-statii-filter-head .b-statii__filter {
    padding: 0;
    border: none;
    margin: 4px 0 0;
}

.b-statii-filter-head span {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
}

.filters-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: fit-content;
    gap: 10px;
}

.statii-deatail-sv .filters-list {
    grid-template-columns: auto 1fr 1fr;
}

.filter-category {
    display: block;
    position: relative;
    cursor: pointer;
    min-width: 250px;
}

.statii-deatail-sv .filter-category:nth-child(1) {
    min-width: 320px;
}

@media (max-width: 360px) {
    .statii-deatail-sv .filter-category:nth-child(1) {
        min-width: 245px;
    }
}

.filter-category-list {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
    grid-gap: 10px;
    z-index: 21;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #EE001A;
    border-radius: 4px;
    transform: translateY(5px);
}

.statii-deatail-sv .filter-category-list {
    border: 1px solid #2A3346;
}

.filter-category-active .filter-category-list {
    display: grid;
}

.filter-category-name svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.filter-category-active .filter-category-name svg {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.filter-category-list .b-statii__filter {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    cursor: pointer;
    border-radius: 0;
    border: none;
    color: #000;
    padding: 0;
    margin: 0;
    user-select: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
}

.filter-category-list .b-statii__filter p {
    color: #000;
    margin: 0;
}

.filter-category-list .b-statii__filter:hover p {
    color: #EE001A;
    margin: 0;
}

.statii-deatail-sv .filter-category-list .b-statii__filter:hover p {
    color: #2A3346;
}

.filter-category-list .b-statii__filter--selected {
    background: #ffffff00;
}

.filter-category-list .b-statii__filter--selected span {
    background: url("/local/components/techart/elements.list/templates/statii/img/checked.svg") no-repeat center center;
}

.statii-deatail-sv .filter-category-list .b-statii__filter--selected span {
    background: url("/local/components/techart/elements.list/templates/statii/img/checked_sv.svg") no-repeat center center;
}

.filter-category-list .b-statii__filter span {
    width: 24px;
    height: 24px;
    border: 1px solid #EE001A
}

.statii-deatail-sv .filter-category-list .b-statii__filter span {
    border: 1px solid #2A3346;
}

.filter-category-name {
    display: grid;
    grid-template-columns: auto 11px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 52px;
    border: 1px solid #EE001A;
    border-radius: 4px;
}

.statii-deatail-sv .filter-category-name {
    border: 1px solid #2A3346;
}

.filter-category-name span {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #EE001A;
}

.statii-deatail-sv .filter-category-name span {
    color: #2A3346;
}

.b-statii-list {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 920px) {
    .filters-list, .statii-deatail-sv .filters-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .filters-list, .statii-deatail-sv .filters-list {
        grid-template-columns: 1fr;
    }
}

.statii-item-teg {
    position: absolute;
    left: 20px;
    top: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    background: #EE001A;
    padding: 10px 15px;
    border-radius: 20px;
    width: fit-content;
    z-index: 1;
}

.statii-deatail-sv .statii-item-teg {
    background: #2A3346;
}

.statii-item-top {
    position: relative;
    display: block;
}

.statii-item-top img {
    display: block;
    width: 100%;
    height: auto;
}

.statii-item-top .b-statii__title {
    position: absolute;
    display: grid;
    grid-template-columns: auto 1fr;
    bottom: 0;
    width: 100%;
    height: fit-content;
    background: #EE001A;
    padding: 10px 20px 10px 10px;
    text-decoration: none;
    z-index: 1;
}

.statii-deatail-sv .statii-item-top .b-statii__title {
    background: #2A3346;
}

.statii-deatail-sv .b-button--light a {
    color: #2A3346;
    border: 1px solid #2A3346;
}

.statii-item-top .b-statii__title:before {
    content: '';
    display: block;
    width: 42px;
    height: 40px;
    margin: 0 10px auto 0;
    background: url('/local/components/techart/elements.list/templates/statii/icons/statya_kv.svg') no-repeat center center #ffffff;
    background-size: 60%;
}

.statii-deatail-sv .statii-item-top .b-statii__title:before {
    background: url('/local/components/techart/elements.list/templates/statii/icons/statya_sv.svg') no-repeat center center #ffffff;
    background-size: 60%;
}

.statii-item-top .b-statii__title p {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    max-height: 40px;
    overflow: hidden;
}

.b-statii-list .b-statii__item {
    padding: 0;
    border-radius: 10px;

}

@media (max-width: 1280px) {
    .b-statii-list .b-statii__slide {
        padding: 0;
        border-radius: 10px;
        min-width: min(346px, 100%);
    }
}

.statii-item-txt {
    padding: 20px;
    display: grid;
    gap: 20px;
}

.statii-item-txt .b-statii__preview-text, .statii-item-txt .b-statii__button {
    padding: 0;
    margin: 0;
    z-index: 1;
}

.statii-item-icons {
    display: grid;
    gap: 5px;

}

.statii-item-icon {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 5px;
}

.statii-item-icon p {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.statii-item-icon .reshenie {
    background: url('/local/components/techart/elements.list/templates/statii/icons/gotovoe_reshenie.svg') no-repeat center;
}

.statii-item-icon .videoinstruktciya {
    background: url('/local/components/techart/elements.list/templates/statii/icons/video.svg') no-repeat center;
}

.statii-item-icon .pravila {
    background: url('/local/components/techart/elements.list/templates/statii/icons/pravila.svg') no-repeat center;
}

.statii-item-icon .checklist {
    background: url('/local/components/techart/elements.list/templates/statii/icons/check.svg') no-repeat center;
}

.statii-item-icon .rekomndation {
    background: url('/local/components/techart/elements.list/templates/statii/icons/recommendations.svg') no-repeat center;
}

.statii-item-icon .gaid {
    background: url('/local/components/techart/elements.list/templates/statii/icons/guide.svg') no-repeat center;
}

.statii-item-icon .sovety {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sovety.svg') no-repeat center;
}

.statii-item-icon .expert {
    background: url('/local/components/techart/elements.list/templates/statii/icons/expert.svg') no-repeat center;
}

.statii-item-icon .newidea {
    background: url('/local/components/techart/elements.list/templates/statii/icons/idea.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .reshenie {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/gotovoe_reshenie.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .videoinstruktciya {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/video.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .pravila {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/pravila.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .checklist {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/check.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .rekomndation {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/recommendations.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .gaid {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/guide.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .sovety {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/sovety.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .expert {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/expert.svg') no-repeat center;
}

.statii-deatail-sv .statii-item-icon .newidea {
    background: url('/local/components/techart/elements.list/templates/statii/icons/sv/idea.svg') no-repeat center;
}
/* End */
/* /local/components/techart/elements.list/templates/statii/style.css?17512887338453 */
