.celnot{width:min(300px,78vw);position:relative}.celnot .celnot-quadro{aspect-ratio:380/720;background:#fff;border-radius:40px;padding:8px;position:relative;box-shadow:0 40px 90px -30px #0f172a59,inset 0 0 0 1px #0f172a14}.celnot .celnot-quadro picture{height:100%;display:block}.celnot .celnot-tela{object-fit:cover;object-position:top;border-radius:33px;width:100%;height:100%;display:block}@media (min-width:900px){.celnot--hero{width:380px}.celnot--hero .celnot-quadro{border-radius:48px;padding:10px}.celnot--hero .celnot-tela{border-radius:40px}}.celnot--compacto{width:min(280px,100vw - 104px)}.celnot--compacto .celnot-quadro{border-radius:34px}.celnot--compacto .celnot-tela{border-radius:27px}.celnot .celnot-notificacoes{pointer-events:none;position:absolute;inset:0}.celnot .celnot-card{opacity:0;will-change:transform, opacity;width:min(250px,70vw);animation:6s linear infinite both celnot-card;position:absolute}.celnot .celnot-card--2{animation-delay:1.5s}.celnot .celnot-card--3{animation-delay:3s}.celnot .celnot-card--4{animation-delay:4.5s}@keyframes celnot-card{0%{opacity:0;transform:translateY(16px)}5%{opacity:1;transform:translateY(0)}35%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(-16px)}to{opacity:0;transform:translateY(-16px)}}.celnot .celnot-card--1,.celnot .celnot-card--3{top:16%;right:-24px}.celnot .celnot-card--2,.celnot .celnot-card--4{top:58%;left:-24px}.celnot--compacto .celnot-card{width:220px}.celnot--compacto .celnot-card--1,.celnot--compacto .celnot-card--3{right:-20px}.celnot--compacto .celnot-card--2,.celnot--compacto .celnot-card--4{left:-20px}@media (min-width:900px){.celnot--hero .celnot-card{width:250px}.celnot--hero .celnot-card--1{top:110px;left:auto;right:-56px}.celnot--hero .celnot-card--2{top:260px;left:-64px;right:auto}.celnot--hero .celnot-card--3{top:440px;left:auto;right:-48px}.celnot--hero .celnot-card--4{top:600px;left:-56px;right:auto}}@media (min-width:900px) and (max-width:1099px){.celnot--hero .celnot-card--1,.celnot--hero .celnot-card--3{right:-12px}.celnot--hero .celnot-card--2,.celnot--hero .celnot-card--4{left:-12px}}@media (prefers-reduced-motion:reduce){.celnot .celnot-card{opacity:1;will-change:auto;animation:none;transform:none}.celnot .celnot-card--3,.celnot .celnot-card--4{display:none}}