.msg-detail-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040; // one below $zindex-offcanvas (1045), so the panel sits on top
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

    &.show {
        opacity: 1;
        visibility: visible;
    }
}