/* =========================================================
   SOULULAB DEMO 3 - desktop cookie / Partners visual parity
   v4.18.71
   Desktop only. Mobile exact cookie is untouched.
   ========================================================= */

@media (min-width: 769px) {
    #soul-cookie.soul-cookie[hidden] {
        display: none !important;
    }

    #soul-cookie.soul-cookie {
        --cookie-accent: #6f2cff;
        position: fixed !important;
        inset: 0 !important;
        z-index: 999999 !important;
        pointer-events: none !important;
        background: transparent !important;
    }

    /* The approved mobile artwork must never participate on desktop. */
    #soul-cookie .soul-cookie__stage,
    #soul-cookie .soul-cookie__exact,
    #soul-cookie .soul-cookie__reference-crop,
    #soul-cookie .soul-cookie__policy,
    #soul-cookie .soul-cookie__sr {
        display: none !important;
    }

    #soul-cookie .soul-cookie__backdrop {
        display: none !important;
    }

    #soul-cookie .soul-cookie__card--desktop {
        box-sizing: border-box !important;
        position: absolute !important;
        right: 28px !important;
        bottom: 28px !important;
        left: auto !important;
        top: auto !important;

        width: min(390px, calc(100vw - 40px)) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 26px !important;

        display: block !important;
        color: rgba(255,255,255,.78) !important;

        border: 1px solid color-mix(
            in srgb,
            var(--cookie-accent) 44%,
            rgba(255,255,255,.14)
        ) !important;
        border-radius: 26px !important;

        background:
            radial-gradient(
                circle at 100% 0%,
                color-mix(in srgb, var(--cookie-accent) 16%, transparent),
                transparent 48%
            ),
            linear-gradient(
                145deg,
                rgba(30,34,42,.92),
                rgba(8,11,16,.96)
            ) !important;

        box-shadow:
            0 30px 80px rgba(0,0,0,.38),
            inset 0 1px 0 rgba(255,255,255,.12) !important;

        backdrop-filter: blur(26px) saturate(1.15) !important;
        -webkit-backdrop-filter: blur(26px) saturate(1.15) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(26px) scale(.97) !important;
        transform-origin: right bottom !important;
        pointer-events: auto !important;

        transition:
            opacity .35s ease,
            visibility .35s ease,
            transform .35s ease !important;
    }

    #soul-cookie.is-visible .soul-cookie__card--desktop {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) scale(1) !important;
    }

    #soul-cookie .soul-cookie__close--desktop {
        position: absolute !important;
        top: 14px !important;
        right: 16px !important;
        width: 34px !important;
        height: 34px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;

        color: rgba(255,255,255,.62) !important;
        -webkit-text-fill-color: rgba(255,255,255,.62) !important;
        font: inherit !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 11px !important;
        background: rgba(255,255,255,.05) !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    #soul-cookie .soul-cookie__label {
        display: inline-flex !important;
        width: auto !important;
        margin: 0 0 17px !important;
        padding: 6px 12px !important;

        color: rgba(255,255,255,.78) !important;
        -webkit-text-fill-color: rgba(255,255,255,.78) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;

        border: 1px solid color-mix(
            in srgb,
            var(--cookie-accent) 58%,
            rgba(255,255,255,.14)
        ) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.045) !important;
        box-shadow: none !important;
    }

    #soul-cookie .soul-cookie__label::before,
    #soul-cookie .soul-cookie__label::after {
        content: none !important;
    }

    #soul-cookie .soul-cookie__card--desktop h2 {
        margin: 0 !important;
        padding: 0 30px 0 0 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: 23px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: -.03em !important;
    }

    #soul-cookie .soul-cookie__text {
        margin-top: 16px !important;
        color: rgba(255,255,255,.78) !important;
        -webkit-text-fill-color: rgba(255,255,255,.78) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
    }

    #soul-cookie .soul-cookie__text p {
        margin: 0 !important;
    }

    #soul-cookie .soul-cookie__text p + p {
        margin-top: 12px !important;
    }

    #soul-cookie .soul-cookie__text a {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        text-decoration: underline !important;
        text-decoration-thickness: 1px !important;
        text-underline-offset: 3px !important;
    }

    #soul-cookie .soul-cookie__accept--desktop {
        width: 100% !important;
        min-height: 48px !important;
        margin: 20px 0 0 !important;
        padding: 12px 18px !important;

        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font: inherit !important;
        font-size: 13px !important;
        font-weight: 700 !important;

        border: 1px solid color-mix(
            in srgb,
            var(--cookie-accent) 72%,
            rgba(255,255,255,.18)
        ) !important;
        border-radius: 15px !important;

        background: linear-gradient(
            135deg,
            color-mix(in srgb, var(--cookie-accent) 68%, #10141c),
            #111722
        ) !important;

        box-shadow: 0 12px 28px color-mix(
            in srgb,
            var(--cookie-accent) 22%,
            transparent
        ) !important;
        cursor: pointer !important;
    }

    #soul-cookie .soul-cookie__accept--desktop:hover,
    #soul-cookie .soul-cookie__close--desktop:hover {
        filter: brightness(1.08) !important;
    }
}