.callout{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1062px;padding:var(--spacing-16x);position:relative}.callout__heading{margin-bottom:var(--spacing-5x);max-width:22ch;text-align:center;text-wrap:wrap}.callout__description{margin-bottom:var(--spacing-8x);max-width:46ch;text-align:center}.callout__pixels{height:100%;width:100%}.callout__pixel,.callout__pixels{position:absolute}.callout__pixel:first-child{inset:-39px auto auto -148px}.callout__pixel:last-child{inset:auto -148px -39px auto;transform:rotate(180deg)}@keyframes hover{0%{transform:translateY(10px)}50%{transform:translateY(-10px)}}.callout__pixel path{animation:hover 4s var(--delay) ease-in-out infinite;transform:translateY(10px)}.callout__pixel path.pixel-path__lg{--delay:0s}.callout__pixel path.pixel-path__md{--delay:2s}.callout__pixel path.pixel-path__sm{--delay:1s}.callout__pixel:last-child path.pixel-path__lg{--delay:.5s}.callout__pixel:last-child path.pixel-path__md{--delay:2.5s}.callout__pixel:last-child path.pixel-path__sm{--delay:1.5s}@media (max-width:640px){.callout__pixels{display:none}}