﻿@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-disclaimer-legal {
    position: relative;
    padding: 40px 0;
    background-color: var(--color-ui-04)
}

.cmp-disclaimer-legal__container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 676px;
    padding: 0 16px
}

@media(min-width:764px) {
    .cmp-disclaimer-legal__container {
        padding: 0 32px
    }
}

.cmp-disclaimer-legal__text .cmp-text-extended strong, .cmp-disclaimer-legal__text .cmp-text-extended b {
    font-family: 'CupraMedium',sans-serif;
    font-weight: 500;
    color: var(--color-font-01)
}

.cmp-disclaimer-legal__text .cmp-text-extended a {
    color: var(--color-font-01);
    text-decoration: underline;
    word-break: break-word
}

.cmp-disclaimer-legal__text .cmp-text-extended p {
    font-family: 'CupraBook',sans-serif;
    font-weight: 350;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-font-01);
    margin: 0 0 20px;
    overflow-wrap: break-word
}

    .cmp-disclaimer-legal__text .cmp-text-extended p:last-child {
        margin-bottom: 0
    }

.cmp-disclaimer-legal__text .cmp-text-extended ul, .cmp-disclaimer-legal__text .cmp-text-extended ol {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    list-style: none
}

    .cmp-disclaimer-legal__text .cmp-text-extended ul li, .cmp-disclaimer-legal__text .cmp-text-extended ol li {
        font-family: 'CupraRegular',sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-font-01);
        position: relative;
        padding-left: 20px
    }

        .cmp-disclaimer-legal__text .cmp-text-extended ul li:before {
            content: '·';
            font-family: 'CupraMedium',sans-serif;
            font-weight: 500;
            position: absolute;
            left: 5px
        }

.cmp-disclaimer-legal__text .cmp-text-extended ol {
    counter-reset: counter-ol
}

    .cmp-disclaimer-legal__text .cmp-text-extended ol li {
        counter-increment: counter-ol
    }

        .cmp-disclaimer-legal__text .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
        }

@media(min-width:1016px) {
    .cmp-disclaimer-legal {
        padding: 48px 0
    }
}

@media(min-width:1436px) {
    .cmp-disclaimer-legal__container {
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 1088px;
        padding: 0 16px
    }
}

@media(min-width:1436px) and (min-width:764px) {
    .cmp-disclaimer-legal__container {
        padding: 0 32px
    }
}
