@keyframes pular{0%,92%{transform:translateY(0)}94%{transform:translateY(-60px)}95%{transform:translateY(0)}96%{transform:translateY(-40px)}97%{transform:translateY(0)}98%{transform:translateY(-25px)}99%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes btnpedido{0%,94%{right:100%;opacity:1}to{right:-100%;opacity:0}}@keyframes btnpedidohover{0%{right:100%;opacity:1}to{right:-100%;opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bannerImagem{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes bannerDetalhe{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes easein{0%{opacity:0;pointer-events:none;z-index:-1;transform:scale(0)}80%{opacity:1;pointer-events:all;z-index:5;transform:scale(1)}to{display:flex}}@keyframes easeout{0%{opacity:1;pointer-events:all;z-index:5;transform:scale(1)}80%{opacity:0;pointer-events:none;z-index:-1;transform:scale(0)}to{display:none}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes pulsonovo{20%{box-shadow:0 0 0 0 rgba(86,191,52,.7)}55%{box-shadow:0 0 0 10px rgba(86,191,52,0)}75%{box-shadow:0 0 0 0 rgba(86,191,52,0)}}.notificacao{position:fixed;right:0;top:0;width:400px;z-index:10;padding:2rem}.notificacao .grid#itens{display:grid;grid-template-columns:1fr;row-gap:1rem}.notificacao .item{padding:1.5rem 2rem 2rem 1.5rem;width:100%;border-radius:5px;box-shadow:2px 2px 5px 2px rgba(0,0,0,.12941176470588237);min-height:100px;overflow:hidden;font-size:13px;position:relative;opacity:0;display:flex;flex-direction:column;justify-content:space-between}.notificacao .item[data-ativo="1"]{opacity:1;animation-name:fadeInRight}.notificacao .item[data-ativo="0"],.notificacao .item[data-ativo="1"]{animation-duration:.5s;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s}.notificacao .item[data-ativo="0"]{opacity:0;animation-name:fadeInLeft}.notificacao .item:before{content:"";position:absolute;top:0;left:0;width:10px;height:100%}.notificacao .item span{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.notificacao .item .titulo{font-weight:700;font-size:15px}.notificacao .item .nome{margin-bottom:1rem}.notificacao .item .data{text-align:right;position:absolute;bottom:10px;right:10px}.notificacao .item .visualizar{text-align:left;position:absolute;bottom:10px}.notificacao .item button{position:absolute;right:10px;top:10px}.notificacao .item svg{width:10px;height:10px}@media only screen and (max-width:375px){.notificacao{padding:1rem;width:100%}}