.tools-puzzle-scene{perspective:900px}.tools-puzzle-scene>div{transform-style:preserve-3d}.tools-puzzle{width:0;height:0;transform-style:preserve-3d;position:absolute;top:60%;left:50%;transform:rotateX(-20deg)rotateY(-28deg)}.tools-puzzle-cube{width:54px;height:54px;transform-style:preserve-3d;transform:translate3d(var(--piece-x),0,0);margin:-27px;animation-duration:12s;animation-timing-function:cubic-bezier(.4,0,.7,1);animation-iteration-count:infinite;position:absolute}.tools-puzzle-face{border:1px solid color-mix(in srgb,var(--scene-ink) 30%,var(--scene-base));backface-visibility:hidden;animation-duration:12s;animation-iteration-count:infinite;position:absolute;inset:0}.tools-puzzle-front{background:var(--scene-face-primary);transform:translateZ(27px)}.tools-puzzle-back{background:var(--scene-face-back);transform:rotateY(180deg)translateZ(27px)}.tools-puzzle-right{background:var(--scene-face-side);transform:rotateY(90deg)translateZ(27px)}.tools-puzzle-left{background:var(--scene-face-side);transform:rotateY(-90deg)translateZ(27px)}.tools-puzzle-top{background:var(--scene-face-top);transform:rotateX(90deg)translateZ(27px)}.tools-puzzle-bottom{background:var(--scene-face-back);transform:rotateX(-90deg)translateZ(27px)}.tools-piece-base .tools-puzzle-face{animation-name:tools-line-clear}.tools-piece-fill-first{animation-name:tools-fill-first}.tools-piece-fill-last{animation-name:tools-fill-last}.tools-piece-fill-first .tools-puzzle-face{animation-name:tools-fill-first-visibility}.tools-piece-fill-last .tools-puzzle-face{animation-name:tools-fill-last-visibility}.tools-piece-carry{animation-name:tools-carry}.tools-piece-carry-first{animation-name:tools-carry-first}.tools-piece-carry-last{animation-name:tools-carry-last}.tools-piece-carry-first .tools-puzzle-face{animation-name:tools-carry-first-visibility}.tools-piece-carry-last .tools-puzzle-face{animation-name:tools-carry-last-visibility}.tools-piece-crown{animation-name:tools-crown}.tools-piece-crown .tools-puzzle-face{animation-name:tools-crown-visibility}@keyframes tools-line-clear{0%,66%{opacity:1;filter:brightness()}69%{opacity:1;filter:brightness(1.4)}77%,99.999%{opacity:0;filter:brightness()}to{opacity:1}}@keyframes tools-fill-first{0%,40%{transform:translate3d(var(--piece-x),-280px,0)}51%,to{transform:translate3d(var(--piece-x),0,0)}}@keyframes tools-fill-last{0%,51%{transform:translate3d(var(--piece-x),-280px,0)}63%,to{transform:translate3d(var(--piece-x),0,0)}}@keyframes tools-fill-first-visibility{0%,40%{opacity:0}43%,66%{opacity:1;filter:brightness()}69%{opacity:1;filter:brightness(1.4)}77%,to{opacity:0}}@keyframes tools-fill-last-visibility{0%,51%{opacity:0}54%,66%{opacity:1;filter:brightness()}69%{opacity:1;filter:brightness(1.4)}77%,to{opacity:0}}@keyframes tools-carry{0%,79%{transform:translate3d(var(--piece-x),-56px,0)}90%,99.999%{transform:translate3d(var(--piece-x),0,0)}to{transform:translate3d(var(--piece-x),-56px,0)}}@keyframes tools-carry-first{0%,5%{transform:translate3d(var(--piece-x),-280px,0)}17%,79%{transform:translate3d(var(--piece-x),-56px,0)}90%,to{transform:translate3d(var(--piece-x),0,0)}}@keyframes tools-carry-last{0%,18%{transform:translate3d(var(--piece-x),-280px,0)}30%,79%{transform:translate3d(var(--piece-x),-56px,0)}90%,to{transform:translate3d(var(--piece-x),0,0)}}@keyframes tools-crown{0%,30%{transform:translate3d(var(--piece-x),-280px,0)}42%,79%{transform:translate3d(var(--piece-x),-112px,0)}90%,to{transform:translate3d(var(--piece-x),-56px,0)}}@keyframes tools-carry-first-visibility{0%,5%{opacity:0}8%,99.999%{opacity:1}to{opacity:0}}@keyframes tools-carry-last-visibility{0%,18%{opacity:0}21%,99.999%{opacity:1}to{opacity:0}}@keyframes tools-crown-visibility{0%,30%{opacity:0}33%,99.999%{opacity:1}to{opacity:0}}@media (width<=420px){.tools-puzzle{transform:scale(.85)rotateX(-20deg)rotateY(-28deg)}}@media (prefers-reduced-motion:reduce){.tools-puzzle-scene *{animation:none!important}.tools-piece-carry{transform:translate3d(var(--piece-x),-56px,0)}.tools-piece-carry-first,.tools-piece-carry-last,.tools-piece-crown{display:none}}