.solid-notifications{box-sizing:border-box;font-family:sans-serif;font-size:14px;position:relative}.solid-notifications solid-display-value{display:block}.solid-notifications__counter{height:20px;position:absolute;right:-5px;top:-5px;width:20px}.solid-notifications__counter span{background-color:var(--solid-notifications-theme,gray);border-radius:50%;display:block;font-size:12px;line-height:20px}.solid-notifications [data-nb-unread="0"]{display:none!important}.solid-notifications__button{border-radius:5px;cursor:pointer;display:block;height:30px;line-height:30px;outline:none;padding:5px;position:relative;text-align:center;width:30px}.solid-notifications__button::-webkit-details-marker{display:none}.solid-notifications__button:hover{background:#eee}.solid-notifications__button:active,.solid-notifications__button:focus{background:#ededed}.solid-notifications__triangle-back{border-bottom:15px solid #fff;border-left:15px solid #0000;border-right:15px solid #0000;position:absolute;transform:translate(5px,-15px);z-index:4}.solid-notifications__triangle-shadow{box-shadow:-1px -1px 4px #0000001a;height:20px;position:absolute;transform:translate(10px,-10px) rotate(45deg);width:20px;z-index:2}.solid-notifications__list{background:#fff;border-radius:2px;box-shadow:0 2px 4px #0003;margin-top:15px;max-height:500px;overflow:scroll;position:relative;width:300px;z-index:3}.solid-notifications__item{border-bottom:1px solid #ddd;cursor:pointer;display:block;max-width:100%;overflow-x:hidden;position:relative}.solid-notifications__item:hover{background:#00000005}.solid-notifications__item:active,.solid-notifications__item:focus{background:#00000008}.solid-notifications__item:last-child{border-bottom:none}.solid-notification{display:flex;padding:.6rem 0;position:relative}.solid-notification__content{flex-grow:1;padding-right:2rem}.solid-notification__title{font-weight:700}.solid-notification__summary{color:#000000b3;display:-webkit-box;font-size:.75rem;line-height:.9rem;margin:.2rem 0 .4rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.solid-notification__date{color:#aaa;display:block;font-size:70%;margin-top:.3rem}.solid-notification__avatar{background:#ccc;border-radius:50%;display:block;flex-shrink:0;height:30px;margin:0 .8rem;overflow:hidden;width:30px}.solid-notification__avatar img{height:auto;max-width:100%}.solid-notification__avatar img[src=""]{display:none}.solid-notification[data-read]{opacity:.3}.solid-notification__read{align-self:center}.solid-notification__read [data-unread]{background-color:initial;border:2px solid #ddd;border-radius:50%;cursor:pointer;display:block;height:10px;margin:0 .7rem;outline:none;padding:0;width:10px;z-index:2}.solid-notification__read [data-unread=unread]{background-color:var(--solid-notifications-theme,gray);border-color:var(--solid-notifications-theme,gray)}.solid-notification__read [data-unread=unread]:disabled,.solid-notification__read [data-unread=unread]:hover{opacity:.5}solid-badge{box-sizing:border-box;font-family:sans-serif;font-size:13px}solid-badge .counter{background-color:var(--solid-badge-theme,gray);border-radius:50%;display:block;font-weight:700;height:25px;line-height:25px;text-align:center;width:25px}solid-badge .counter[data-nb-unread="0"]{display:none}