@keyframes lightUp{0%{filter:brightness(1)}10%{filter:brightness(2)}to{filter:brightness(1)}}@keyframes sparkle{0%{filter:brightness(1)}5%{filter:brightness(2)}to{filter:brightness(1)}}.shards{background:var(--navy-80);svg{display:block}}.shards.partials{background:none}@media (min-height:56.25vw){.shards{position:relative;overflow:hidden;svg{width:178vh;left:-39vw}}}@media (min-width:1401px){.shards path{&.animating{animation:lightUp 1s ease-out 1 forwards}}}@media (max-width:1400px){.shards path{&:nth-child(20n){animation:sparkle 10s ease-out infinite}&:nth-child(40){animation-delay:2s}&:nth-child(60){animation-delay:4s}&:nth-child(80){animation-delay:7s}&:nth-child(100){animation-delay:10s}&:nth-child(120){animation-delay:12s}&:nth-child(140){animation-delay:15s}&:nth-child(160){animation-delay:17s}&:nth-child(180){animation-delay:20s}&:nth-child(200){animation-delay:22s}&:nth-child(220){animation-delay:25s}&:nth-child(240){animation-delay:27s}&:nth-child(260){animation-delay:30s}&:nth-child(280){animation-delay:32s}&:nth-child(300){animation-delay:35s}&:nth-child(320){animation-delay:37s}&:nth-child(340){animation-delay:40s}&:nth-child(360){animation-delay:42s}&:nth-child(380){animation-delay:45s}&:nth-child(400){animation-delay:47s}&:nth-child(420){animation-delay:50s}&:nth-child(440){animation-delay:52s}&:nth-child(460){animation-delay:55s}&:nth-child(480){animation-delay:57s}&:nth-child(500){animation-delay:60s}&:nth-child(520){animation-delay:62s}&:nth-child(540){animation-delay:65s}&:nth-child(560){animation-delay:67s}&:nth-child(580){animation-delay:70s}&:nth-child(600){animation-delay:72s}&:nth-child(620){animation-delay:75s}&:nth-child(640){animation-delay:77s}&:nth-child(660){animation-delay:80s}&:nth-child(680){animation-delay:82s}&:nth-child(700){animation-delay:85s}}}