.notification-dropdown{background-color:#faeeda;border:2px solid #e8ddcb;border-radius:25px;width:350px;padding:16px;position:relative;overflow:visible}.notification-dropdown__header-container{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notification-dropdown__header{color:#505050;text-align:start;margin:0;font-size:18px;font-weight:600}.notification-dropdown__add-button{cursor:pointer;color:#505050;opacity:.6;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.notification-dropdown__add-button:hover{opacity:1;transform:scale(1.1)}.notification-dropdown__add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.notification-dropdown__empty{flex-direction:column;align-items:center;gap:16px;padding-top:40px;padding-bottom:40px;font-size:14px;display:flex}.notification-dropdown__empty p{color:#5a5a59;margin:0;font-size:14px}.notification-dropdown__empty .notification-dropdown__empty-title{color:#505050;font-size:14px;font-weight:600}.notification-dropdown__empty .button{margin-top:8px}.notification-dropdown__spinner{border:3px solid #e8ddcb;border-top-color:#6a6966;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:768px){.notification-dropdown{width:calc(100vw - 16px)}}