.break-today{border-left:5px solid #7c3aed}.break-time{font-size:30px;font-weight:800;color:#5b21b6}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:6px}.notification.unread{border-left:5px solid #1769d2;background:#f8fbff}.notification-head{display:flex;justify-content:space-between;gap:15px}.notification-head h2{margin:0}@media(max-width:700px){.mini-grid{grid-template-columns:1fr}.notification-head{flex-direction:column}}