.apator__spidap-mobile-lists {
    display: flex;
    justify-content: flex-end;
}

.apator__info-lists {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    padding-bottom: 320px;
    overflow-x: hidden;
}

.info-lists__list {
    display: flex;
    flex-direction: column;
    transition: background-color 0.25s;
}

.info-lists__list:hover {
    background-color: var(--color-opacity-primary-600-06);
}

.info-lists__list:focus {
    background-color: var(--color-opacity-primary-600-18);
}

.info-lists__list:active {
    background-color: var(--color-opacity-primary-600-08);
}

.info-lists__list-root {
    height: 114px;
    padding-left: 66px;
    display: inline-flex;
    align-items: center;
    gap: 18px;
}

.info-lists__list-root svg:first-child {
    width: 21px;
    height: 21px;
}

.info-lists__list-root svg:last-child {
    width: 16px;
    fill: var(--color-primary-600);
    transition: transform 0.25s;
}

.info-lists__list-root__svg--rotated {
    transform: rotate(90deg);
}

.info-lists__list-root p {
    font: normal normal 300 16px/21px font-primary;
    text-transform: uppercase;
    color: var(--color-primary-600);
}

.info-lists__list-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    padding-left: 105px;
    padding-bottom: 0;
    transition: 
        visibility 0.25s ease 0s, 
        opacity 0.25s ease-out 0s, 
        max-height 0.25s ease-out 0.25s, 
        padding-bottom 0.25s ease-out 0.25s;
}

.info-lists__list-content--shown {
    max-height: 300px;
    padding-bottom: 93px;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.25s, 0.25s, 0s, 0s;
}

.info-lists__list-content p {
    margin: 0;
    font: normal normal 300 14px/18px font-primary;
    color: var(--color-primary-600);
    text-align: left;
}

.apator__info-lists hr {
    margin: 0;
    width: 100%;
    border-bottom-width: 0;
}

@media screen and (min-width: 768px) {
    .apator__info-lists {
        padding-bottom: 200px;
    }

    .info-lists__list-root svg:first-child {
        width: 24px;
        height: 24px;
    }

    .info-lists__list-root svg:last-child {
        width: 12px;
        height: 12px;
    }
}

@media screen and (min-width: 912px) {
    .apator__info-lists {
        width: 397px;
        padding-bottom: 170px;
    }

    .info-lists__list-root {
        padding-left: 81px;
    }

    .info-lists__list-content {
        padding-left: 128px;
    }
}

@media screen and (min-width: 1200px) {
    .apator__info-lists {
        width: 510px;
        padding-bottom: 110px;
    }

    .info-lists__list-root {
        gap: 21px;
    }

    .info-lists__list-root p {
        font: normal normal 300 18px/24px font-primary;
    }

    .info-lists__list-content p {
        font: normal normal 300 16px/21px font-primary;
    }
}

@media screen and (min-width: 1400px) {
    .apator__info-lists {
        width: 50%;
        max-width: 771px;
        padding-bottom: 230px;
    }

    .info-lists__list-root {
        padding-left: 148px;
        gap: 30px;
        height: 204px;
    }

    .info-lists__list-root svg:first-child {
        width: 31px;
        height: 31px;
    }

    .info-lists__list-root svg:last-child {
        width: 15px;
        height: 15px;
    }

    .info-lists__list-root p {
        font: normal normal 300 21px/28px font-primary;
    }

    .info-lists__list-content {
        padding-left: 209px;
    }

    .info-lists__list-content p {
        font: normal normal 300 18px/24px font-primary;
    }
}