@import "@Themes/constants.scss";

.root {
    display: flex;
    flex-direction: column;
    width: 300px;
    max-height: 80%;
    background-color: $white;
    box-shadow: $shadow-nav;
    padding: 24px;
    position: absolute;
    top: 107px;
    right:56px;
   
    .notification-header{
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
        .close-icon{
            cursor: pointer;
        }
    }
    .notification-body{
        margin-top: 24px;
        overflow: hidden;
        overflow-y: auto;
    }
}

.background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}