/* <style> */

    html.beyond_cookieboxScrollLocked,
    body.beyond_cookieboxScrollLocked {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    .beyond_cookieboxBackground {
        z-index: 2147483646;
        background: rgba(15, 23, 42, 0.52);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        animation: beyond_cookieboxBackdropIn 460ms ease-out both;
    }

    @keyframes beyond_cookieboxBackdropIn {
        from {
            background: rgba(15, 23, 42, 0);
            backdrop-filter: blur(0);
            -webkit-backdrop-filter: blur(0);
        }
        to {
            background: rgba(15, 23, 42, 0.52);
            backdrop-filter: blur(3px);
            -webkit-backdrop-filter: blur(3px);
        }
    }

    /* Mobile */
    .beyond_cookieboxWrap {
        z-index: 2147483647;
        position: fixed;
        max-width: calc(100vw - 40px);
        max-height: calc(100vh - 40px);
        overflow: visible;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.12);
        border-radius: 20px;
        box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28), 0 8px 24px rgba(15, 23, 42, 0.16);
        box-sizing: border-box;
        opacity: 0;
    }

    .beyond_cookieboxWrap.beyond_cookieboxReady {
        opacity: 1;
        transition: width 240ms cubic-bezier(0.22, 1, 0.36, 1), height 240ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    /* PC */
    @media only screen and (min-width: 767px) {
        .beyond_cookieboxWrap {
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .beyond_cookieboxWrap.beyond_cookieboxReady {
            animation: beyond_cookieboxPopDesktop 210ms cubic-bezier(0.2, 1.35, 0.4, 1) 420ms both;
        }

        @keyframes beyond_cookieboxPopDesktop {
            from {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.9);
            }
            to {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
        }
    }

    /* Mobile */
    @media only screen and (max-width: 767px) {
        .beyond_cookieboxWrap {
            height: auto !important;
            width: auto !important;
            max-width: none;
            max-height: none;
            top: 16px;
            left: 16px;
            right: 16px;
            bottom: 16px;
            border-radius: 16px;
        }

        .beyond_cookieboxWrap.beyond_cookieboxReady {
            animation: beyond_cookieboxPopMobile 210ms cubic-bezier(0.2, 1.35, 0.4, 1) 420ms both;
        }

        @keyframes beyond_cookieboxPopMobile {
            from {
                opacity: 0;
                transform: scale(0.94);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .beyond_cookieboxWrap,
        .beyond_cookieboxWrap.beyond_cookieboxReady {
            transition: none !important;
            animation: none !important;
            opacity: 1;
        }

        .beyond_cookieboxBackground {
            animation: none !important;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
    }

    @media (forced-colors: active) {
        .beyond_cookieboxWrap {
            border: 2px solid CanvasText;
        }

        .beyond_cookieboxBackground {
            background: Canvas;
            opacity: 0.75;
        }
    }

    /* Fit IFrame into Wrapper */
    .beyond_cookieboxFrame {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;

        display: block;
        border: 0;
        border-radius: inherit;

    }

    .beyond_cookieboxBadge {
        position: absolute;
        z-index: 2;
        top: -27px;
        right: -23px;
        display: block;
        width: 64px;
        height: 64px;
        pointer-events: none;
    }

    .beyond_cookieboxBadge svg {
        display: block;
        width: 100%;
        height: 100%;
        filter: drop-shadow(0 7px 7px rgba(15, 23, 42, 0.24));
    }

    @media only screen and (max-width: 767px) {
        .beyond_cookieboxBadge {
            top: -18px;
            right: -14px;
            width: 56px;
            height: 56px;
        }
    }