@keyframes spin {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotateImageLoading {
    from {
        transform: translate(-50%,-50%) rotateY(0) scale(1.01)
    }

    to {
        transform: translate(-50%,-50%) rotateY(360deg) scale(1.01)
    }
}

@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

.cmp-text-extended strong, .cmp-text-extended b {
    font-family: 'CupraMedium',sans-serif;
    font-weight: 500;
    color: var(--color-font-01)
}

.cmp-text-extended a {
    color: var(--color-font-01);
    text-decoration: underline;
    word-break: break-word
}

.cmp-text-extended p {
    font-family: 'CupraRegular',sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-font-02);
    margin: 0 0 20px;
    overflow-wrap: break-word
}

    .cmp-text-extended p[style] {
        margin-left: 20px !important
    }

        .cmp-text-extended p[style] + ul li, .cmp-text-extended p[style] + ol li {
            padding-left: 40px
        }

            .cmp-text-extended p[style] + ul li:before, .cmp-text-extended p[style] + ol li:before {
                left: 24px
            }

.cmp-text-extended ul, .cmp-text-extended ol {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    list-style: none
}

    .cmp-text-extended ul li, .cmp-text-extended ol li {
        font-family: 'CupraRegular',sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-font-02);
        position: relative;
        padding-left: 20px
    }

        .cmp-text-extended ul li:before {
            content: '·';
            font-family: 'CupraMedium',sans-serif;
            font-weight: 500;
            position: absolute;
            left: 5px
        }

.cmp-text-extended ol {
    counter-reset: counter-ol
}

    .cmp-text-extended ol li {
        counter-increment: counter-ol
    }

        .cmp-text-extended ol li:before {
            content: counter(counter-ol) ". ";
            font-family: 'CupraBold',sans-serif;
            font-weight: 700;
            color: var(--color-font-01);
            position: absolute;
            left: 5px
        }

.cmp-text-extended table {
    margin: 0 0 20px;
    border: 0;
    font-family: 'CupraRegular',sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-font-02);
    text-align: left
}

    .cmp-text-extended table th {
        font-family: 'CupraMedium',sans-serif;
        font-weight: 500;
        color: var(--color-font-02);
        vertical-align: top;
        padding: 16px;
        border: 0;
        border-bottom: 2px solid var(--color-ui-01)
    }

    .cmp-text-extended table td {
        vertical-align: top;
        padding: 16px;
        border: 0
    }

@media(min-width:764px) {
    .cmp-text-extended p {
        font-size: 16px;
        line-height: 24px
    }

    .cmp-text-extended ul li, .cmp-text-extended ol li {
        font-size: 16px;
        line-height: 24px
    }

    .cmp-text-extended table {
        font-size: 16px;
        line-height: 24px
    }
}