﻿@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

.mod__max-w-xl {
    max-width: 1436px;
    margin: auto
}

.cmp-disclaimer {
    background-color: var(--bg-color-primary);
    text-align: justify
}

.cmp-disclaimer__text, .cmp-disclaimer__index {
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--font-color-primary)
}

    .cmp-disclaimer__text b, .cmp-disclaimer__index b {
        font-weight: var(--font-weight)
    }

.cmp-disclaimer a {
    color: var(--font-color-primary)
}

.cmp-disclaimer .cmp-text .cmp-text, .cmp-disclaimer .cmp-text .cmp-text p {
    color: var(--font-color-primary)
}

    .cmp-disclaimer .cmp-text .cmp-text a {
        color: var(--font-color-primary);
        text-decoration: underline
    }

@media(min-width:764px) {
    .cmp-disclaimer__text, .cmp-disclaimer__index {
        font-size: var(--font-size-m)
    }
}

@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

@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)
    }
}

.cmp-disclaimer {
    --bg-color-primary: transparent;
    --font-color-primary: var(--dg-color-text-soft,#aeaeb7);
    --font-primary: var(--dg-font-family-base);
    --font-size: var(--dg-font-size-body-m);
    --font-size-m: var(--dg-font-size-body-m);
    --line-height: var(--dg-font-height-body-m);
    --font-weight: 400
}

.cmp-disclaimer {
    padding-bottom: var(--dg-layout-margin)
}

.cmp-disclaimer--padding-top {
    padding-top: var(--dg-layout-margin)
}

.cmp-disclaimer__container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    min-width: 320px;
    padding: 0 var(--dg-layout-margin)
}

.cmp-disclaimer__container--content-fragment-auto {
    display: flex;
    column-gap: 8px;
    margin-bottom: 8px
}

    .cmp-disclaimer__container--content-fragment-auto .cmp-disclaimer__text p + p, .cmp-disclaimer__container--content-fragment .cmp-disclaimer__text p + p {
        margin-top: 12px
    }

.cmp-disclaimer__text, .cmp-disclaimer__index {
    font-weight: 350
}

    .cmp-disclaimer__text b, .cmp-disclaimer__index b {
        font-weight: 700
    }
