<style>html {
    scroll-behavior: smooth;
    margin: 0;
}

body {
    margin: 0;
}

.btn {
    display: inline-block;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.textarea-noresize {
    resize: none;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 1000px) {
    .container-standard {
        margin: 0 auto;
        width: 1400px;
    }

    .container-standard-sm {
        margin: 0 auto;
        width: 1000px;
    }

    .dektop-text-center {
        text-align: center;
    }

    .btn {
        transition: .4s;
    }

    .desktop-pt-50 {
        padding-top: 50px;
    }

    .desktop-pt-80 {
        padding-top: 80px;
    }

    .desktop-pt-150 {
        padding-top: 150px;
    }

    .desktop-pb-10 {
        padding-bottom: 10px;
    }

    .desktop-pb-50 {
        padding-bottom: 50px;
    }

    .desktop-pb-80 {
        padding-bottom: 80px;
    }

    .desktop-pb-100 {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 999px) {
    .container-standard {
        padding: 0 30px;
    }

    .container-standard-sm {
        padding: 0 30px;
    }

    .btn {
        transition: .2s;
    }

    .mobile-pt-50 {
        padding-top: 50px;
    }

    .mobile-pt-80 {
        padding-top: 80px;
    }

    .mobile-pt-150 {
        padding-top: 150px;
    }

    .mobile-pb-10 {
        padding-bottom: 10px;
    }

    .mobile-pb-50 {
        padding-bottom: 50px;
    }

    .mobile-pb-80 {
        padding-bottom: 80px;
    }

    .mobile-pb-100 {
        padding-bottom: 100px;
    }
}</style><style>@media only screen and (min-width: 1000px) {
    .mm-cookie-container {
        position: fixed;
        padding: 24px;
        bottom: 40px;
        left: 40px;
        width: 400px;
        background: #fff;
        color: #000;
        box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
        border-radius: 16px;
        z-index: 10000;
    }

    .mm-cookie-title {
        margin: 0;
        font-family: Poppins-Regular;
    }

    .mm-cookie-description {
        font-family: Poppins-Regular;
        font-size: 0.85em;
    }

    .mm-cookie-buttons-container {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 10px;
    }

    .mm-cookie-button {
        display: inline;
        padding: 10px 0;
        width: 100%;
        font-family: Poppins-Regular;
        font-size: 0.9em;
        background: #fff;
        border: 2px solid #000;
        border-radius: 4px;
        cursor: pointer;
        transition: .4s;
    }

    .mm-cookie-button-primary {
        background: #000;
        color: #fff;
    }

    .mm-cookie-button-primary:hover {
        background: #444;
        border: 2px solid #444;
    }

    .mm-cookie-button-secondary {
        background: #fff;
        color: #000;
    }

    .mm-cookie-background {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #b2b2b250;
        z-index: 10000;
    }

    .mm-cookie-settings-container {
        margin: 140px auto;
        width: 850px;
        background: #fff;
        font-family: Poppins-Regular;   
        box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
        border-radius: 16px;
        z-index: 100000;
    }

    .mm-cookie-settings-title {
        padding: 24px;
    }

    .mm-cookie-settings-description {
        margin: 24px 24px 0 24px;
        padding-bottom: 24px;
        font-size: 0.9em;
    }

    .mm-cookie-settings-type-title {
        margin: 24px 24px 5px 24px;
    }

    .mm-cookie-settings-type-description {
        margin: 0 24px 0 24px;
        padding-bottom: 24px;
        font-size: 0.8em;
    }

    .mm-cookie-settings-buttons-container {
        padding: 24px;
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 10px;
    }

    .mm-cookie-border-bottom {
        border-bottom: 1px solid #e4e4e4;
    }
}</style><style>@media only screen and (max-width: 999px) {
    .mm-cookie-container {
        position: fixed;
        padding: 24px;
        bottom: 0;
        left: 0;
        background: #fff;
        color: #000;
        box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        z-index: 10000;
    }

    .mm-cookie-title {
        margin: 0;
        font-family: Poppins-Regular;
    }

    .mm-cookie-description {
        font-family: Poppins-Regular;
        font-size: 0.85em;
    }

    .mm-cookie-button {
        //display: inline;
        padding: 10px 0;
        width: 100%;
        font-family: Poppins-Regular;
        font-size: 0.9em;
        background: #fff;
        border: 2px solid #000;
        border-radius: 4px;
        cursor: pointer;
        transition: .4s;
    }

    .mm-cookie-button-primary {
        background: #000;
        color: #fff;
    }

    .mm-cookie-button-primary:hover {
        background: #444;
        border: 2px solid #444;
    }

    .mm-cookie-button-secondary {
        background: #fff;
        color: #000;
    }

    .mm-cookie-background {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #b2b2b250;
        z-index: 10000;
    }

    .mm-cookie-settings-container {
        margin: 140px auto;
        width: 850px;
        background: #fff;
        font-family: Poppins-Regular;   
        box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
        border-radius: 16px;
        z-index: 100000;
    }

    .mm-cookie-settings-title {
        padding: 24px;
    }

    .mm-cookie-settings-description {
        margin: 24px 24px 0 24px;
        padding-bottom: 24px;
        font-size: 0.9em;
    }

    .mm-cookie-settings-type-title {
        margin: 24px 24px 5px 24px;
    }

    .mm-cookie-settings-type-description {
        margin: 0 24px 0 24px;
        padding-bottom: 24px;
        font-size: 0.8em;
    }

    .mm-cookie-settings-buttons-container {
        padding: 24px;
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 10px;
    }

    .mm-cookie-border-bottom {
        border-bottom: 1px solid #e4e4e4;
    }
}</style><style>.mm-cookie-hidden {
    display: none;
}</style><style>@font-face {
    font-family: "Inter-Regular";
    src: url('/assets/fonts/Inter-Regular.ttf');
    src: url('/assets/fonts/Inter-Regular.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Inter-Regular.ttf') format('woff2'),
    url('/assets/fonts/Inter-Regular.ttf') format('woff'),
    url('/assets/fonts/Inter-Regular.ttf') format('truetype'),
    url('/assets/fonts/Inter-Regular.ttf') format('svg');
}

@font-face {
    font-family: "Inter-Bold";
    src: url('/assets/fonts/Inter-Bold.ttf');
    src: url('/assets/fonts/Inter-Bold.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Inter-Bold.ttf') format('woff2'),
    url('/assets/fonts/Inter-Bold.ttf') format('woff'),
    url('/assets/fonts/Inter-Bold.ttf') format('truetype'),
    url('/assets/fonts/Inter-Bold.ttf') format('svg');
}

@font-face {
    font-family: "Poppins-Thin";
    src: url('/assets/fonts/Poppins-Thin.ttf');
    src: url('/assets/fonts/Poppins-Thin.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins-Thin.ttf') format('woff2'),
    url('/assets/fonts/Poppins-Thin.ttf') format('woff'),
    url('/assets/fonts/Poppins-Thin.ttf') format('truetype'),
    url('/assets/fonts/Poppins-Thin.ttf') format('svg');
}

@font-face {
    font-family: "Poppins-Light";
    src: url('/assets/fonts/Poppins-Light.ttf');
    src: url('/assets/fonts/Poppins-Light.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins-Light.ttf') format('woff2'),
    url('/assets/fonts/Poppins-Light.ttf') format('woff'),
    url('/assets/fonts/Poppins-Light.ttf') format('truetype'),
    url('/assets/fonts/Poppins-Light.ttf') format('svg');
}

@font-face {
    font-family: "Poppins-Regular";
    src: url('/assets/fonts/Poppins-Regular.ttf');
    src: url('/assets/fonts/Poppins-Regular.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins-Regular.ttf') format('woff2'),
    url('/assets/fonts/Poppins-Regular.ttf') format('woff'),
    url('/assets/fonts/Poppins-Regular.ttf') format('truetype'),
    url('/assets/fonts/Poppins-Regular.ttf') format('svg');
}

@font-face {
    font-family: "Poppins-Medium";
    src: url('/assets/fonts/Poppins-Medium.ttf');
    src: url('/assets/fonts/Poppins-Medium.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins-Medium.ttf') format('woff2'),
    url('/assets/fonts/Poppins-Medium.ttf') format('woff'),
    url('/assets/fonts/Poppins-Medium.ttf') format('truetype'),
    url('/assets/fonts/Poppins-Medium.ttf') format('svg');
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url('/assets/fonts/Poppins-SemiBold.ttf');
    src: url('/assets/fonts/Poppins-SemiBold.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins-SemiBold.ttf') format('woff2'),
    url('/assets/fonts/Poppins-SemiBold.ttf') format('woff'),
    url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype'),
    url('/assets/fonts/Poppins-SemiBold.ttf') format('svg');
}

@font-face {
    font-family: "Poppins-Bold";
    src: url('/assets/fonts/Poppins-Bold.ttf');
    src: url('/assets/fonts/Poppins-Bold.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Poppins-Bold.ttf') format('woff2'),
    url('/assets/fonts/Poppins-Bold.ttf') format('woff'),
    url('/assets/fonts/Poppins-Bold.ttf') format('truetype'),
    url('/assets/fonts/Poppins-Bold.ttf') format('svg');
}

@font-face {
    font-family: "Roboto-Bold";
    src: url('/assets/fonts/Roboto-Bold.ttf');
    src: url('/assets/fonts/Roboto-Bold.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Roboto-Bold.ttf') format('woff2'),
    url('/assets/fonts/Roboto-Bold.ttf') format('woff'),
    url('/assets/fonts/Roboto-Bold.ttf') format('truetype'),
    url('/assets/fonts/Roboto-Bold.ttf') format('svg');
}

@font-face {
    font-family: "JosefinSans-Bold";
    src: url('/assets/fonts/JosefinSans-Bold.ttf');
    src: url('/assets/fonts/JosefinSans-Bold.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/JosefinSans-Bold.ttf') format('woff2'),
    url('/assets/fonts/JosefinSans-Bold.ttf') format('woff'),
    url('/assets/fonts/JosefinSans-Bold.ttf') format('truetype'),
    url('/assets/fonts/JosefinSans-Bold.ttf') format('svg');
}

@font-face {
    font-family: "Monoton-Regular";
    src: url('/assets/fonts/Monoton-Regular.ttf');
    src: url('/assets/fonts/Monoton-Regular.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Monoton-Regular.ttf') format('woff2'),
    url('/assets/fonts/Monoton-Regular.ttf') format('woff'),
    url('/assets/fonts/Monoton-Regular.ttf') format('truetype'),
    url('/assets/fonts/Monoton-Regular.ttf') format('svg');
}

@font-face {
    font-family: "Parkinsans-Bold";
    src: url('/assets/fonts/Parkinsans-Bold.ttf');
    src: url('/assets/fonts/Parkinsans-Bold.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Parkinsans-Bold.ttf') format('woff2'),
    url('/assets/fonts/Parkinsans-Bold.ttf') format('woff'),
    url('/assets/fonts/Parkinsans-Bold.ttf') format('truetype'),
    url('/assets/fonts/Parkinsans-Bold.ttf') format('svg');
}

@font-face {
    font-family: "AzeretMono-ExtraLight";
    src: url('/assets/fonts/AzeretMono-ExtraLight.ttf');
    src: url('/assets/fonts/AzeretMono-ExtraLight.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/AzeretMono-ExtraLight.ttf') format('woff2'),
    url('/assets/fonts/AzeretMono-ExtraLight.ttf') format('woff'),
    url('/assets/fonts/AzeretMono-ExtraLight.ttf') format('truetype'),
    url('/assets/fonts/AzeretMono-ExtraLight.ttf') format('svg');
}

@font-face {
    font-family: "AzeretMono-Regular";
    src: url('/assets/fonts/AzeretMono-Regular.ttf');
    src: url('/assets/fonts/AzeretMono-Regular.ttf?#iefix') format('embedded-opentype'),
    url('/assets/fonts/AzeretMono-Regular.ttf') format('woff2'),
    url('/assets/fonts/AzeretMono-Regular.ttf') format('woff'),
    url('/assets/fonts/AzeretMono-Regular.ttf') format('truetype'),
    url('/assets/fonts/AzeretMono-Regular.ttf') format('svg');
}</style>{% set translation = {
    'en': {
        'title': 'We value user privacy',
        'description': 'This website uses cookies. Continuing to use the site implies your consent to the use of cookies. You can find more information in our ',
        'privacyPolicy': 'Privacy Policy',
        'cta': 'I understand',
        'slug': 'privacy-policy'
    },
    'pl': {
        'title': 'Cenimy prywatność użytkowników',
        'description': 'Ta strona wykorzystuje pliki cookies. Dalsze korzystanie ze strony jest równoznaczne z wyrażeniem zgody na wykorzystanie plików cookie. Więcej informacji znajdziesz w naszej ',
        'privacyPolicy': 'Polityce prywatności',
        'cta': 'Rozumiem',
        'slug': 'polityka-prywatnosci'
    },
} %}

<div id="mm-cookie" class="mm-cookie-container{{mmCookie == 'accepted' ? ' mm-cookie-hidden' : null}}">
    <p class="mm-cookie-title">
        <b>{{ translation[language].title }}</b>
    </p>
    <p class="mm-cookie-description">
        {{ translation[language].description }}<a href="{{ path('app_site_language', {'language': language, 'slug': translation[language].slug}) }}">{{ translation[language].privacyPolicy }}</a>.
    </p>
    <div class="mm-cookie-buttons-container">
        <div class="mm-cookie-button-container">
            <input
                onclick="setCookie()"
                class="mm-cookie-button mm-cookie-button-primary"
                type="button"
                value="{{ translation[language].cta }}"
            />
        </div>
    </div>
</div>