/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@layer mantine, mantine-datatable;

@font-face {
    font-family: Tipico;
    src: url(/_next/static/media/Tipico-Regular.54f4f75c.ttf);
}

@font-face {
    font-family: Tipico;
    src: url(/_next/static/media/Tipico-Medium.d0a8fff6.ttf);
    font-weight: bold;
}

html,
body {
    padding: 0;
    margin: 0;
    font-family: 'Inter', 'Inter Fallback', sans-serif;
    line-height: 1;
}

.styles_Root {
        width: 100%;
        height: 100%;
        max-height: 100%;
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        overflow: hidden;
        font-family: Tipico;
    }

.styles_Root__content {
            min-height: 500px;
            padding: 64px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
        }

.styles_Root__content [data-puck-dropzone] {
                border: 2px dashed rgba(255, 255, 255, 0.3);
            }

.styles_Heading {
        margin: 0;
        line-height: 1.2;
    }

.styles_Heading--xxl {
            font-size: 64px;
        }

.styles_Heading--xl {
            font-size: 48px;
        }

.styles_Heading--l {
            font-size: 38px;
        }

.styles_Heading--m {
            font-size: 32px;
        }

.styles_Text {
        display: block;
    }

.styles_Text--l {
            font-size: 26px;
        }

.styles_Text--m {
            font-size: 22px;
        }

.styles_Text--s {
            font-size: 18px;
        }

.styles_List {
        padding: 0;
        margin: 0;
        list-style: none;
    }

.styles_List--l {
            font-size: 26px;
        }

.styles_List--m {
            font-size: 22px;
        }

.styles_List--s {
            font-size: 18px;
        }

.styles_List > li {
            display: flex;
            align-items: center;
            line-height: 1;
        }

.styles_List > li:not(:first-child) {
                margin-top: 12px;
            }

.styles_List > li svg {
                color: var(--mantine-color-tipico-light-color);
                width: 20px;
                min-width: 30px;
                height: 20px;
                min-height: 20px;
            }