.motion-panel .stage{width:88%;aspect-ratio:1;position:relative;margin:auto}.motion-panel .tile{position:absolute;border-radius:22%;overflow:hidden;will-change:transform}.lime{background:#d4fa80}.cream{background:#ecebe2}.orange{background:#f18555}.purple{background:#ae9de8}.a{width:46%;height:46%;left:2%;top:2%;border-radius:50% 50% 12% 50%}.b{width:46%;height:46%;right:2%;top:2%;border-radius:50%}.c{width:46%;height:46%;left:2%;bottom:2%;border-radius:8%}.d{width:46%;height:46%;right:2%;bottom:2%;border-radius:12% 50% 50% 50%}.inner{position:absolute;inset:22%;border-radius:50%;background:var(--bg)}.b .inner{inset:30%;background:#f18555}.c .stripe{position:absolute;inset:-40%;background:repeating-linear-gradient(45deg,transparent 0 19px,var(--bg) 19px 38px);transform:rotate(0deg)}.d svg{width:64%;height:64%;position:absolute;left:18%;top:18%;color:#101112}.dot{position:absolute;width:18%;height:18%;border-radius:50%;background:var(--bg);top:15%;left:42%}.motion-panel .center{position:absolute;left:40%;top:40%;width:20%;height:20%;background:var(--bg);border:12px solid var(--bg);border-radius:50%;display:grid;place-items:center;z-index:3}.center span{width:55%;height:55%;border-radius:50%;background:#ecebe2}.small-dot{width:3%;height:3%;background:#d4fa80;position:absolute;border-radius:50%;top:49%;left:-10%}
.motion-panel{min-height:704px;background:var(--bg);color:#f0f0e8;display:flex;flex-direction:column;justify-content:space-between;padding:28px;gap:32px}.motion-panel .stage{max-width:500px}.motion-panel .center{border-width:8px}.motion-panel .small-dot{display:none}
@media(max-width:800px){.motion-panel{display:none}}

.motion-panel{background:transparent;border:0;box-shadow:none}