.notification-modal-list{height:100%;max-height:calc(70vh - 52px);overflow-y:auto}.notification-modal-list .no-notification{padding:45px 0}.notification-modal{--tw-translate-x:-50%;width:80vw;max-height:70vh;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){.notification{width:300px}.notification-modal{--tw-translate-x:-90%;width:40vw;max-height:70vh;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}