@-moz-document domain("alkemics.atlassian.net") {

    /*@font-face {
        font-family: "Charlie Text";
        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Regular.woff2") format("woff");
        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Semibold.woff2") format("woff");
        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Bold.woff2") format("woff");
        src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Black.woff2") format("woff");
    }*/
    /* Header itself */
    header {
        background-color: var(--ds-surface, white) !important;
        color: var(--ds-text-subtlest, #42526e) !important;
        font-family: "Charlie Text", -apple-system, "Segoe UI", Ubuntu, sans-serif;
        /*font-size:12pt;*/
        --icon-primary-color: var(--ds-text-subtlest, #42526e) !important;
    }

    /* Alkemics Logos */
    header nav img {
        filter: invert(1) hue-rotate(180deg);
        max-width: 90px !important;
        width: 28px;
        height: 32px;
        object-fit: none;
        object-position: 45%;
    }

    header nav a:first-of-type {
        margin-right: 0;

        &:hover {
            background-color: transparent;
        }
    }

    .iZanro {
        background-color: transparent;

        * {
            background-color: transparent;
        }
    }

    /* Buttons */
    header a,
    header button {
        background-color: transparent !important;
        color: var(--ds-text-subtlest, #42526e) !important;

        svg {
            --icon-secondary-color: white;
            transition: transform .2s;
        }

        &:hover {
            color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
            background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
        }

        &[aria-expanded="true"] {
            color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
            background-color: var(--ds-background-neutral-pressed, hsla(216, 100%, 40%, 0.2)) !important;

            svg {
                transform: rotatex(0.5turn);
            }
        }

        &#createGlobalItem {
            border-radius: 2px;

            &:hover {
                outline: 3px solid var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.8));
            }
        }
    }

    /* Search box */
    header input {
        box-shadow: none !important;
        outline: 1px solid rgba(66, 83, 110, 0.4) !important;
        border: none !important;
        border-radius: 3px !important;
        background-color: var(--ds-surface, white) !important;

        &::placeholder {
            color: var(--ds-text-subtlest, #42526e) !important;
        }

        &:hover:not(:focus) {
            color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
            background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
            outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
        }

        &:focus {
            outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
        }
    }
}