.breakdance .bde-section-38482-100 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-38482-100 .section-container{height:100vh}.breakdance .bde-section-38482-100 .section-container{--bde-section-width:100%}.breakdance .bde-div-38482-101{width:100%}.breakdance .bde-code-block-38482-102{width:100%;font-size:1.563vw}.breakdance .bde-code-block-38482-102{display:flex;flex-direction:column;align-items:center;justify-content:center}*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue:192;--bg:rgba(95,165,183,0.15);--fg:green;--trans-dur:0.3s;font-size:calc(16px + (24 - 16) * (100vw - 320px) / (1280 - 320))}body{background-color:var(--bg);color:var(--fg);font:1em/1.5 sans-serif;transition:background-color var(--trans-dur)}main{padding:1.5em 0}.ip{width:16em;height:8em}.ip__track{stroke:hsla(var(--hue),38%,96%,1);transition:stroke var(--trans-dur)}.ip__worm1,.ip__worm2{animation:worm1 2s linear infinite}.ip__worm2{animation-name:worm2}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),90%,5%);--fg:hsl(var(--hue),90%,95%)}.ip__track{stroke:hsl(var(--hue),90%,15%)}}@keyframes worm1{from{stroke-dashoffset:0}50%{animation-timing-function:steps(1);stroke-dashoffset:-358}50.01%{animation-timing-function:linear;stroke-dashoffset:358}to{stroke-dashoffset:0}}@keyframes worm2{from{stroke-dashoffset:358}50%{stroke-dashoffset:0}to{stroke-dashoffset:-358}}@media (max-width:1023px){.breakdance .bde-code-block-38482-102{font-size:2.604vw}}@media (max-width:479px){.breakdance .bde-code-block-38482-102{font-size:4.615vw}}.breakdance .bde-code-block-38482-103{width:100%}