.NotificationPanelMainDiv{position:relative}.BodyNotification{background-color:rgba(0,0,0,.507);height:0;width:100%;position:fixed;left:0;top:60px;z-index:-10;transition:.3s;transition-delay:height .3s}.BodyNotification.show{height:100%}.dot{background-color:red;min-height:15px;aspect-ratio:1/1;border-radius:50%;position:absolute;bottom:12px;left:15px;display:grid;color:#fff;font-size:13px;padding:4px;place-content:center;transform:scale(0);transition:.1s}.dot.show{transform:scale(1)}.NotificationPanel{height:auto;max-width:360px;width:100%;position:fixed;padding:10px 15px;right:-120%;top:80px;border-radius:20px;z-index:1;background-color:#fff;box-shadow:1px 1px 4px 1px rgba(45,45,45,.098);border:1px solid #ddd8ff;opacity:0;transition:.3s}.NotificationPanel.show{right:20px;opacity:1}.NotificationPanel .notifyDatas{max-height:0;opacity:0;overflow-y:auto;transition:max-height .5s}.NotificationPanel.show .notifyDatas{max-height:600px;opacity:1}.NotificationPanel .notifyMain-title{display:flex;justify-content:space-between}.NotificationPanel .notifyDatas .notificationDivs{padding:10px 5px;border-radius:10px;display:grid;gap:5px;margin-top:10px;border-bottom:1px solid #c5c4c4}.NotificationPanel .notifyDatas .notificationDivs:hover{background-color:rgba(54,54,54,.041)}.n-created,.notifyDatas .notificationDivs .n-title{font-weight:550}.n-created,.notifyDatas .notificationDivs .n-desc{font-size:13px;color:gray}.notifyDatas .notificationDivs .n-links-array{display:flex;align-items:center;justify-content:end;margin-top:10px}.notifyDatas .notificationDivs .n-links{background-color:var(--primaryBtn);color:var(--primaryBtnColor);padding:4px 10px;border-radius:10px;font-size:13px}@media (max-width:476px){.NotificationPanel{max-width:unset;box-shadow:unset;border:unset;border-radius:unset;top:60px}.NotificationPanel .notifyDatas{max-height:80vh;height:100%}.NotificationPanel.show{right:0;opacity:1}}