.lego-wrapper{--red300:#f9cdcf;--red400:#ee7276;--red500:#de1b22;--orange300:#feeee2;--orange400:#f9b580;--orange500:#f47b1f;--green300:#ecf5db;--green400:#c3df8b;--green500:#9ac93b;--blue300:#b1d1f1;--blue400:#5b9ee1;--blue500:#216bb5;--label-red:#b6161c;--label-orange:#c35a09;--label-green:#618a0f;--label-blue:#1c5997}.dark .lego-wrapper{--label-red:var(--red300);--label-orange:var(--orange300);--label-green:var(--green300);--label-blue:var(--blue300)}.pl{width:100%;max-width:900px;height:auto;margin:auto;display:block}.pl__brick--red{--brick-left:var(--red400);--brick-top:var(--red300);fill:var(--red500)}.pl__brick--orange{--brick-left:var(--orange400);--brick-top:var(--orange300);fill:var(--orange500)}.pl__brick--green{--brick-left:var(--green400);--brick-top:var(--green300);fill:var(--green500)}.pl__brick--blue{--brick-left:var(--blue400);--brick-top:var(--blue300);fill:var(--blue500)}.pl__brick-group{animation:6s cubic-bezier(.37,0,.63,1) infinite paused brick-bounce}.lego-wrapper.lego-playing .pl__brick-group{animation-play-state:running}.pl__brick-group--1{animation-name:brick-move-1}.pl__brick-group--2{animation-name:brick-move-2}.pl__brick-group--3{animation-name:brick-move-3}.pl__brick-group--4{animation-name:brick-move-4}.label-dot{animation:2s ease-in-out infinite pulse-opacity}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.3}}@keyframes brick-bounce{0%,12%,15%,27%,30%,42%,45%,62%,65%,77%,80%,92%,95%,to{transform:translate(0)}13.5%,28.5%,43.5%,63.5%,78.5%,93.5%{transform:translateY(6px)}}@keyframes brick-move-1{0%,4%,92%,to{transform:translate(0)}12%,19%,77%,84%{transform:translate(17.5px,10px)}27%,34%,62%,69%{transform:translate(35px,20px)}42%,54%{transform:translate(52.5px,30px)}}@keyframes brick-move-2{0%,92%,to{transform:translateY(-47px)}4%{transform:translateY(-87px)}8%{transform:translate(-35px,-87px)}12%,80%{transform:translate(-35px,-67px)}84%{transform:translate(-35px,-107px)}88%{transform:translateY(-67px)}}@keyframes brick-move-3{0%,15%,77%,to{transform:translateY(-47px)}19%{transform:translateY(-87px)}23%{transform:translate(-35px,-87px)}27%,65%{transform:translate(-35px,-67px)}69%{transform:translate(-35px,-107px)}73%{transform:translateY(-67px)}}@keyframes brick-move-4{0%,30%,62%,to{transform:translateY(-47px)}34%{transform:translateY(-87px)}38%{transform:translate(-35px,-87px)}42%,50%{transform:translate(-35px,-67px)}54%{transform:translate(-35px,-107px)}58%{transform:translateY(-67px)}}