@font-face{font-family:Cairo;src:url(https://fonts.googleapis.com/css2?display=swap&family=Cairo%3Awght%40200%3B300%3B400%3B500%3B600%3B700%3B800%3B900) format("truetype")}.left-side-notify{display:flex;justify-content:space-between;align-items:center}.notification-drop{font-family:Open Sans,sans-serif,Cairo;position:absolute;width:450px;max-height:650px;overflow-y:scroll;top:120%;z-index:2}.notification-drop.default{right:14%}.notification-drop.flipped{left:14%}.notification-drop:before{content:"";position:absolute;top:-4%;right:9%;width:0;height:0%;display:block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #1a1a1a;z-index:1}.notification-drop .drop-header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#1a1a1a}.notification-drop .body-container .drop-body{display:flex;align-items:center;padding:10px;min-height:70px;cursor:pointer;justify-content:space-between;background-color:#111}.notification-drop .body-container .drop-body .cta{margin:0 10px;color:#560c1d;font-size:.8rem;align-items:flex-end}.notification-drop .body-container .drop-body:hover{background-color:#1a1a1a}.notification-drop .body-container .drop-body:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.notification-drop .body-container .drop-body .notification-image{margin:0 8px}.notification-drop .body-container .drop-body .notification-image .image-card{width:84px;height:60px;border-radius:3px}.notification-drop .body-container .drop-body .notification-body{padding-left:.4rem}.notification-drop .body-container .drop-body .notification-body .notify-title{font-size:1rem;padding:3px 0}.notification-drop .body-container .drop-body .notification-body .notify-desc{font-size:.8rem;font-weight:500;padding:3px 0}.notification-drop .no-notifications{text-align:center;padding:20px;background-color:#111;color:rgba(239,239,244,.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.notification-drop .clear-all{font-weight:700;font-size:1rem;cursor:pointer}.notification-drop .gray-text{color:rgba(239,239,244,.5)}.notification-drop .white-text{color:#fff}@media only screen and (max-width:576px){.notification-drop{width:275px;max-height:300px;overflow-y:scroll;border-radius:10px}.notification-drop .drop-header{display:flex;align-items:center;justify-content:space-between;padding:15px;background-color:#1a1a1a}.notification-drop .body-container .drop-body{display:flex;align-items:center;padding:10px;background-color:#111}.notification-drop .body-container .drop-body .cta{margin:0 10px;color:#560c1d;font-size:.5rem;align-items:flex-end}.notification-drop .body-container .drop-body:hover{background-color:#1a1a1a}.notification-drop .body-container .drop-body:hover .notify-title{color:#fff}.notification-drop .body-container .drop-body:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.notification-drop .body-container .drop-body .notification-image .image-card{width:64px;height:40px;border-radius:3px}.notification-drop .body-container .drop-body .notification-body{padding-left:.4rem}.notification-drop .body-container .drop-body .notification-body .notify-title{font-size:.6rem}.notification-drop .body-container .drop-body .notification-body .notify-desc{font-size:.5rem;font-weight:500}.notification-drop .clear-all{font-weight:700;font-size:.9rem}.notification-drop .gray-text{color:rgba(239,239,244,.5)}}