.bp-notification{
    position: relative;
    transition: all 0.4s ease-out;
    top: -30vh;
    width: 100%;
}

.bp-notification, .bp-notification>*{
    pointer-events: none;
}

.bp-notification-content{
    background-color: #00000080;
    color:white;
    width: min-content;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    white-space: nowrap;
    margin-top: 5px;
    margin-bottom: 5px;
}

.notification-handler-container{
    position: fixed;
    width: 100%;
    top: 10%;
    transition: 0.4s;
    height: 0px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    pointer-events: none;
}