.lcc-backdrop {
        background: rgba(0,0,0,0.80) !important;
        backdrop-filter: blur(2px);
    }

    .lcc-modal {
        width: 520px !important;
        max-width: calc(100% - 30px) !important;

        background: #171717 !important;
        border: 1px solid #2e2e2e !important;
        border-radius: 0 !important;

        padding: 18px !important;

        color: #f1f1f1 !important;

        box-shadow:
            0 0 0 1px #0b0b0b inset,
            0 2px 8px rgba(0,0,0,0.35),
            0 15px 50px rgba(0,0,0,0.75) !important;

        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /*
     * Undo spacing from previous override if still present.
     */
    .lcc-modal > * {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .lcc-modal > *:first-child {
        margin-top: 0 !important;
    }

    .lcc-modal > *:last-child {
        margin-bottom: 0 !important;
    }

    /*
     * Headings
     */
    .lcc-modal .lcc-modal__title {
        margin: 0 0 12px !important;

        padding: 0 0 10px !important;

        border-bottom: 1px solid #303030 !important;

        color: #fff !important;

        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 20px !important;
        font-weight: bold !important;
    }

    /*
     * Text
     */
    .lcc-modal .lcc-text {
        color: #c4c4c4 !important;

        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    /*
     * Cookie Policy links
     */
    .lcc-modal a {
        color: #ff6a18 !important;
    }

    .lcc-modal a:hover {
        color: #ff8747 !important;
    }

    /*
     * Buttons
     */
    .lcc-modal .lcc-button {
        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        margin: 7px 0 0 !important;
        padding: 9px 13px !important;

        background: linear-gradient(
            180deg,
            #292929,
            #202020
        ) !important;

        border: 1px solid #444 !important;
        border-radius: 0 !important;

        color: #eee !important;

        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;

        text-align: center !important;
        text-decoration: none !important;

        cursor: pointer !important;

        transition:
            background 0.15s ease,
            border-color 0.15s ease,
            color 0.15s ease !important;
    }

    .lcc-modal .lcc-button:hover,
    .lcc-modal .lcc-button:focus {
        background: #303030 !important;
        border-color: #666 !important;
        color: #fff !important;
    }

    /*
     * Accept All
     *
     * Same dark button, with the small orange accent
     * used throughout the Wiki.
     */
    .lcc-modal .js-lcc-accept {
        border-left: 4px solid #ff5a00 !important;

        background: linear-gradient(
            180deg,
            #292929,
            #202020
        ) !important;
    }

    .lcc-modal .js-lcc-accept:hover,
    .lcc-modal .js-lcc-accept:focus {
        background: #303030 !important;
        border-color: #666 !important;
        border-left-color: #ff5a00 !important;
    }

    /*
     * Adjust preferences
     */
    .lcc-modal .lcc-button--link {
        background: #181818 !important;

        border: 1px solid #383838 !important;

        color: #aaa !important;

        font-weight: normal !important;
    }

    .lcc-modal .lcc-button--link:hover,
    .lcc-modal .lcc-button--link:focus {
        background: #222 !important;

        border-color: #4a4a4a !important;

        color: #ddd !important;
    }

    /*
     * Cookie settings sections
     */
    .lcc-modal .lcc-modal__section {
        margin: 0 !important;
        padding: 13px 0 !important;

        border-bottom: 1px solid #303030 !important;
    }

    .lcc-modal .lcc-modal__section:last-of-type {
        border-bottom: 0 !important;
    }

    /*
     * Category names
     */
    .lcc-modal .lcc-label {
        color: #fff !important;

        font-size: 14px !important;
        font-weight: 600 !important;
    }

    /*
     * Descriptions
     */
    .lcc-modal .lcc-modal__section .lcc-text {
        margin-left: 25px !important;

        color: #999 !important;
    }

    /*
     * Checkboxes
     */
    .lcc-modal input[type="checkbox"] {
        width: 14px;
        height: 14px;

        accent-color: #ff5a00;
    }

    .lcc-modal input[type="checkbox"]:disabled {
        accent-color: #666;
    }

    /*
     * Settings action area
     */
    .lcc-modal .lcc-modal__actions {
        margin-top: 16px !important;
    }

    /*
     * Save Selection
     */
    .lcc-modal .lcc-modal__actions .lcc-button {
        border-left: 4px solid #ff5a00 !important;
    }

    /*
     * Close X
     */
    .lcc-modal .lcc-modal__close {
        top: 12px !important;
        right: 12px !important;

        color: #888 !important;
    }

    .lcc-modal .lcc-modal__close:hover,
    .lcc-modal .lcc-modal__close:focus {
        color: #fff !important;
    }

    /*
     * Mobile
     */
    @media (max-width: 600px) {

        .lcc-modal {
            width: calc(100% - 24px) !important;
            max-width: calc(100% - 24px) !important;

            max-height: calc(100vh - 24px) !important;

            padding: 15px !important;
        }

        .lcc-modal .lcc-modal__title {
            font-size: 18px !important;
        }
    }
    html.js-lcc-active .js-lcc-backdrop {
    display: block !important;
    opacity: 1 !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.80) !important;
    z-index: 999998 !important;
}

html.js-lcc-active .js-lcc-modal {
    z-index: 999999 !important;
}
.js-lcc-essentials {
    display: none !important;
}