.fabula-stories-counter-container {
    width: 55px;
    height: 55px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    margin-right: 40px;
}
.fabula-stories-counter-container svg {
    display: none;
}
.fabula-stories-counter-logo {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fabula-stories-counter-logo .fabula-logo-heart {
    margin: 0;
}
@media (max-width: 1261.5px) {
    .fabula-stories-counter-container {
        margin-right: 15px;
    } 
}

@media (max-width: 1016px) {
    .fabula-stories-counter-container {
        margin-right: 0;
    }
    .fabula-stories-counter-logo .fabula-logo-heart {
        margin: 6px 0 0 0;
        width: 40px;
        height: 32px;
    }
    .fabula-stories-counter-container svg {
        display: block;
    }
    .fabula-stories-counter-container.show_1 .first-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_2 .first-elem,
    .fabula-stories-counter-container.show_2 .second-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_3 .first-elem,
    .fabula-stories-counter-container.show_3 .second-elem,
    .fabula-stories-counter-container.show_3 .third-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_4 .first-elem,
    .fabula-stories-counter-container.show_4 .second-elem,
    .fabula-stories-counter-container.show_4 .third-elem,
    .fabula-stories-counter-container.show_4 .fourth-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_5 .first-elem,
    .fabula-stories-counter-container.show_5 .second-elem,
    .fabula-stories-counter-container.show_5 .third-elem,
    .fabula-stories-counter-container.show_5 .fourth-elem,
    .fabula-stories-counter-container.show_5 .fifth-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_6 .first-elem,
    .fabula-stories-counter-container.show_6 .second-elem,
    .fabula-stories-counter-container.show_6 .third-elem,
    .fabula-stories-counter-container.show_6 .fourth-elem,
    .fabula-stories-counter-container.show_6 .fifth-elem,
    .fabula-stories-counter-container.show_6 .sixth-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_7 .first-elem,
    .fabula-stories-counter-container.show_7 .second-elem,
    .fabula-stories-counter-container.show_7 .third-elem,
    .fabula-stories-counter-container.show_7 .fourth-elem,
    .fabula-stories-counter-container.show_7 .fifth-elem,
    .fabula-stories-counter-container.show_7 .sixth-elem,
    .fabula-stories-counter-container.show_7 .seventh-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_8 .first-elem,
    .fabula-stories-counter-container.show_8 .second-elem,
    .fabula-stories-counter-container.show_8 .third-elem,
    .fabula-stories-counter-container.show_8 .fourth-elem,
    .fabula-stories-counter-container.show_8 .fifth-elem,
    .fabula-stories-counter-container.show_8 .sixth-elem,
    .fabula-stories-counter-container.show_8 .seventh-elem,
    .fabula-stories-counter-container.show_8 .eighth-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_9 .first-elem,
    .fabula-stories-counter-container.show_9 .second-elem,
    .fabula-stories-counter-container.show_9 .third-elem,
    .fabula-stories-counter-container.show_9 .fourth-elem,
    .fabula-stories-counter-container.show_9 .fifth-elem,
    .fabula-stories-counter-container.show_9 .sixth-elem,
    .fabula-stories-counter-container.show_9 .seventh-elem,
    .fabula-stories-counter-container.show_9 .eighth-elem,
    .fabula-stories-counter-container.show_9 .ninth-elem {
        stroke: #ffffff4d;
    }
    .fabula-stories-counter-container.show_10 .first-elem,
    .fabula-stories-counter-container.show_10 .second-elem,
    .fabula-stories-counter-container.show_10 .third-elem,
    .fabula-stories-counter-container.show_10 .fourth-elem,
    .fabula-stories-counter-container.show_10 .fifth-elem,
    .fabula-stories-counter-container.show_10 .sixth-elem,
    .fabula-stories-counter-container.show_10 .seventh-elem,
    .fabula-stories-counter-container.show_10 .eighth-elem,
    .fabula-stories-counter-container.show_10 .ninth-elem,
    .fabula-stories-counter-container.show_10 .tenth-elem {
        stroke: #ffffff4d;
    }
}