:root {
  --dts-yarn-w: 1280px;
  --dts-yarn-h: 430px;
  --dts-ball-size: 220px;
  --dts-ball-start-x: 241px;
  --dts-ball-end-x: 1048px;
  --dts-ball-top: 82px;
}
.dts-yarn-canvas-v77{position:relative;width:min(100%,var(--dts-yarn-w));height:var(--dts-yarn-h);margin:0 auto;overflow:visible;isolation:isolate;}
.dts-yarn-canvas-v77 .yarn-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;}
.dts-yarn-canvas-v77 .ball-shadow{position:absolute;left:calc(var(--dts-ball-start-x) + 30px);top:calc(var(--dts-ball-top) + var(--dts-ball-size) - 5px);width:calc(var(--dts-ball-size) - 60px);height:28px;background:rgba(35,32,29,.13);border-radius:50%;filter:blur(7px);z-index:1;will-change:transform;}
.dts-yarn-canvas-v77 .ball{position:absolute;left:var(--dts-ball-start-x);top:var(--dts-ball-top);width:var(--dts-ball-size);height:var(--dts-ball-size);z-index:5;user-select:none;pointer-events:none;transform-origin:center center;filter:drop-shadow(0 8px 14px rgba(35,32,29,.16));will-change:transform;}
.dts-yarn-canvas-v77 .path-holder{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;}