@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap&text=OTLC";.draw-motion-stage{--diameter:48px;--duration:3.8s;--floor:232px;isolation:isolate;border-radius:20px;height:306px;margin:20px 0 18px;position:relative;overflow:hidden}.draw-motion-court{pointer-events:none;background:linear-gradient(145deg,var(--lightningcss-light,#78a9b4)var(--lightningcss-dark,#416573),var(--lightningcss-light,#4d8595)var(--lightningcss-dark,#305569));position:absolute;inset:0}.draw-motion-court:before{content:"";opacity:.32;background:radial-gradient(circle,#fff2 .45px,#0000 .75px) 0 0/4px 4px;position:absolute;inset:0}.draw-motion-court-line{transform-origin:0;background:#f4f6e6d9;width:140%;height:4px;position:absolute;top:86%;left:-10%;transform:rotate(-16deg)}.draw-motion-court-line:after{content:"";transform-origin:top;background:#f4f6e6d9;width:4px;height:180px;position:absolute;top:0;left:77%;transform:skew(24deg)}.draw-motion-net-shadow{clip-path:polygon(0 43%,30% 100%,22% 100%,0 61%);background:#163b4933;position:absolute;inset:0}.draw-motion-net{clip-path:polygon(0 20%,22% 100%,0 100%);background:repeating-linear-gradient(90deg,#0000 0 6px,#193d46b3 6px 7.3px),repeating-linear-gradient(0deg,#0000 0 6px,#193d46b3 6px 7.3px),#23495225;position:absolute;inset:0}.draw-motion-net-tape{clip-path:polygon(0 18.5%,23% 100%,21.5% 100%,0 22%);background:linear-gradient(90deg,#fffef2,#e4e9d9);position:absolute;inset:0}.draw-motion-flight{width:var(--diameter);height:var(--diameter);pointer-events:none;z-index:2;transform:translate3d(var(--travel,260px),var(--floor),0);position:absolute;top:0;left:12px}.draw-motion-lift{width:var(--diameter);height:var(--diameter)}.draw-motion-ball{background:radial-gradient(circle at 29% 23%,#e8fc89 0%,#d1ed45 42%,#b4d62d 75%,#8aab23 100%);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset -2px -3px 5px #77942330,inset 1px 1px 3px #ffffce9c}.draw-motion-seams{border-radius:50%;position:absolute;inset:0;transform:rotate(315deg)}.draw-motion-seams:before,.draw-motion-seams:after{content:"";border:3px solid #ffffdf;border-radius:50%;width:95%;height:116%;position:absolute;top:-8%;box-shadow:0 0 1px #8b9f4650}.draw-motion-seams:before{left:-64%}.draw-motion-seams:after{right:-64%}.draw-motion-ball:after{content:"";opacity:.36;background:repeating-radial-gradient(circle at 34% 28%,#ffffc418 0 .5px,#0000 .6px 2px);border-radius:50%;position:absolute;inset:0}.draw-motion-shadow-track{left:12px;top:calc(var(--floor) + var(--diameter) - 4px);width:var(--diameter);pointer-events:none;transform:translate3d(var(--travel,260px),0,0);z-index:1;position:absolute}.draw-motion-shadow{width:var(--diameter);opacity:.7;background:radial-gradient(#354e414a,#0000 72%);border-radius:50%;height:9px}.draw-motion-wrap{position:relative}.draw-motion-wordmark{letter-spacing:3px;color:#f4f6e6;clip-path:inset(0 100% 0 0);white-space:nowrap;transform-origin:0 100%;font-family:Caveat,Segoe Print,Bradley Hand,cursive;font-size:32px;font-weight:500;line-height:1.15;position:absolute;bottom:9px;left:40%;transform:skew(-8deg)rotate(-2deg)}.draw-motion-toggle{color:#56685d;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;margin:-10px 0 16px auto;padding:8px 12px;font-size:12px;display:block}@media (prefers-reduced-motion:reduce){.draw-motion-toggle{display:none}}