.notificacao-cliente{position:relative;display:flex;flex-direction:column;align-items:center}.notificacao-icone{display:flex}.notificacao-icone svg{width:30px;height:30px;animation:.6s ease-out;-webkit-animation:.6s ease-out;-moz-animation:.6s ease-out;-o-animation:.6s ease-out}.notificacao-icone svg.animar{animation-name:sino;-webkit-animation-name:sino;-moz-animation-name:sino;-o-animation-name:sino}.notificacao-quantidade{position:absolute;padding:3px;background-color:red;border-radius:5px;font-size:11px;top:-10px;right:-5px;min-width:26px;color:#fff}.notificacao-box{display:flex;flex-direction:column;position:absolute;background-color:#fff;color:#646464;width:400px;max-height:600px;z-index:15;top:calc(100% + 20px);border-radius:5px;right:-48px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.12941176470588237);padding:5px;display:none}.notificacao-box[data-ativo="1"]{display:flex}.notificacao-box:after,.notificacao-box:before{content:"";position:absolute;border:15px solid transparent}.notificacao-box:after{bottom:100%;right:46px;border-bottom:15px solid rgba(0,0,0,.12941176470588237)}.notificacao-box:before{bottom:100%;right:48px;border-bottom:15px solid #fff;z-index:5}.notificacao-fechar{padding:1rem 20px;width:-moz-fit-content;width:fit-content;display:none}.notificacao-fechar svg{width:15px;height:15px}.notificacao-lista{height:100%;width:100%;overflow-y:auto}.notificacao-lista::-webkit-scrollbar{width:5px;cursor:pointer;background-color:#f4f4f4;border:1px solid #dee2e6}.notificacao-lista::-webkit-scrollbar-thumb{background:#ccc;box-shadow:0 .125rem .25rem rgba(0,0,0,.08);-webkit-box-shadow:inset 0 0 6px #ccc}.notificacao-lista li{padding:10px 15px;height:90px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.notificacao-lista li:not(:last-of-type){border-bottom:1px solid #e4e4e4}.notificacao-lista li.naovisu:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:red;top:15px;right:15px;animation:pulso 2s ease-out infinite;-webkit-animation:pulso 2s ease-out infinite;-moz-animation:pulso 2s ease-out infinite;-o-animation:pulso 2s ease-out infinite}.notificacao-lista .notificacao-fechar{position:absolute;right:15px;top:10px}.notificacao-lista .notificacao-fechar svg{width:10px;height:10px}.notificacao-lista .notificacao-titulo{margin-bottom:5px;font-weight:700;font-size:14px}.notificacao-lista .notificacao-mensagem{font-size:11px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.notificacao-lista .notificacao-link,.notificacao-lista .notificacao-tempo{font-size:12px;position:absolute;bottom:10px}.notificacao-lista .notificacao-tempo{right:15px}.notificacao-vazio{display:flex;justify-content:center;align-items:center;margin:auto 0}@keyframes sino{0%{transform:rotate(0deg)}35%{transform:rotate(30deg)}70%{transform:rotate(-30deg)}to{transform:rotate(0)}}@keyframes pulso{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,0,0,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,0,0,0)}}@media only screen and (min-width:600px){.notificacao-box.semnoti{min-height:180px}}@media only screen and (max-width:745px){.notificacao-box{right:-45px}.notificacao-box:before{right:45px}}@media only screen and (max-width:600px){.notificacao-box{position:fixed;left:0;top:0;width:100%;min-height:100vh;min-height:-webkit-fill-available;height:100%;border-radius:0;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;display:flex;transform:translateX(100%)}.notificacao-box[data-ativo="1"]{transform:translateX(0)}.notificacao-box:before{content:none}.notificacao-fechar{display:block}}