@import url("./global/global.css");
@import url("./components/menu.css");
@import url("./components/pin.css");
@import url("./components/alarm.css");
@import url("./components/photo.css");
@import url("./components/table.css");
@import url("./components/dialog.css");
@import url("./components/header.css");
@import url("./components/input.css");
@import url("./pages/login.css");
@import url("./pages/haccp.css");
@import url("./pages/timer.css");
@import url("./pages/tasks.css");
@import url("./pages/orders.css");
@import url("./pages/logout.css");
@import url("./pages/error.css");

.actions {
    display: flex;
    justify-content: flex-end;

    a {
        display: flex;
        align-items: center;
        margin-bottom: var(--pico-spacing);
    }
}

.menu {
    a {
        height: 72px;
        width: 72px;
        justify-content: center;

        &[aria-selected="true"] {

            &::before {
                bottom: 8px;
            }
        }
    }
}