header {
    display: flex;
    align-items: center;
    min-height: 50px;
    z-index: 1000;
    background-color: var(--bs-gray-200);
    box-shadow: 0 0 0.4em 0 hsl(0, 0%, 50%);

    .headerUserMenu {
        display: flex;
        justify-content: flex-end;
    }
}
#notifications {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 2em;
    bottom: 2em;
    z-index: 99999;
    width: 20em;

    >.notifications__notice {
        position: relative;
        padding: 0.4em 0.6em;
        border-radius: 0.4em;

        &:not(:first-child) {
            margin-top: 2em;
        }

        >.notice__title {
            font-weight: bold;
            margin-bottom: 0.4em;
        }

        >.notice__close {
            position: absolute;
            top: 0;
            right: 0.2em;
            font-weight: bold;
            font-size: 1.4em;

            &:hover {
                cursor: pointer;
            }
        }

        &.notice_default {
            background: hsl(0, 0%, 100%);
            box-shadow: 0 0 0.6em 0 hsl(0, 0%, 0%);
        }

        &.notice_success {
            color: hsl(120, 100%, 20%);
            background: hsl(120, 100%, 95%);
            box-shadow: 0 0 0.6em 0 hsl(120, 100%, 29%);
        }

        &.notice_error {
            color: hsl(0, 100%, 39%);
            background: hsl(0, 100%, 95%);
            box-shadow: 0 0 0.6em 0 hsl(0, 100%, 50%);
        }
    }
}