@import url("/resource/stylesheet/responsive.css");

@layer admin {
    :root {
        /* Brand Theme */
        --brand-primary: #7700ff;
        --brand-secondary: #330077;
        --background-primary: #ffefdf;
    }

    #footer-navigation {
        color: #ff7700;

        a:active {
            color: #ff7700;
        }
    }

    .navigation>a {
        color: white;

        &.active {
            color: black;
        }
    }

    #footer-text>span:not(:first-child)::before {
        background-image: url('//localhost/resource/image/decoration/iconPurple.ico');
    }

    #timer-container {
        background-image: linear-gradient(to right, #777, #aaa, #fff);
        margin-top: var(--huge-spacing);
        height: var(--huge-spacing);
        width: var(--reduced-width);
    }

    #timer-bar {
        background-color: #0f0;
        font-weight: bold;
        height: 100%;
        float: right;

        p {
            margin: 0.125em 0 0 -0.5em;
        }
    }
}