body{margin:.5em!important}[type=range]{min-width:5em}.resultHolder{font-size:50%;display:block;margin-left:1em;text-indent:-1em;padding-left:0}[data-sample]{max-height:30vh}svg[data-sample]{padding:1.5em;overflow:visible}img[data-sample]{margin:1.5em}html[data-smaller-samples] [data-sample]{max-height:15vh}html[data-smaller-samples] svg[data-sample]{padding:.75em}html[data-smaller-samples] img[data-sample]{margin:.75em}#outlineSample>path{fill:none;stroke:#000;stroke-width:var(--recommended-width)}#chasingPathsSample>path{fill:none;stroke:#000;stroke-width:var(--recommended-width)}#dancingAntsSample>path{fill:none;stroke:#000;stroke-width:calc(2 * var(--recommended-width));stroke-linecap:round}#tauFollowingPathSample>path{fill:none;stroke:#000;stroke-width:calc(.25 * var(--recommended-width));stroke-linecap:round}#tauFollowingPathSample>text{font-size:calc(var(--recommended-width) * 25px);text-anchor:middle;dominant-baseline:middle;offset-path:var(--css-path)}#tauFollowingPathSample>text:nth-of-type(1){offset-rotate:0deg;fill:brown;animation:move 12.5s linear infinite}#tauFollowingPathSample>text:nth-of-type(2){offset-rotate:0deg;fill:#00718b;animation:move 25s linear infinite}#tauFollowingPathSample>text:nth-of-type(3){fill:#eb90ee;animation:move 20967ms linear infinite}#clipAndMaskSupport>path{stroke-width:calc(4 * var(--recommended-width))}@keyframes move{0%{offset-distance:0%}to{offset-distance:100%}}#textPathSample>path{fill:none;stroke:#000;stroke-width:calc(.25 * var(--recommended-width))}#textPathSample text{font-size:calc(var(--recommended-width) * 7px);fill:#c50}#textPathSample textPath{user-select:all}#maskSample2{mask-position:center;mask-size:contain;animation:maskDance 8s infinite}@keyframes maskDance{0%,12.5%{mask-position:center;mask-size:contain}25%{mask-position:37.5% 37.5%;mask-size:75%}37.5%{mask-position:25% 25%;mask-size:50%}50%{mask-position:50% 50%;mask-size:62.5%}62.5%{mask-position:75% 75%;mask-size:75%}75%{mask-position:75% 50%;mask-size:57.5%}87.5%{mask-position:75% 25%;mask-size:40%}93.75%{mask-position:37.5% 37.5%;mask-size:70%}to{mask-position:center;mask-size:contain}}#error{background-color:red;color:#fff;padding:.5em;border-radius:1em;margin-top:.25em;margin-bottom:.25em}#error:empty{display:none}button,select{font-size:1rem}.has-slider{display:flex;gap:.2em;flex-wrap:wrap;padding-top:.1em;padding-bottom:.1em}.has-slider>input[type=range]{flex-grow:1}.has-slider>span:last-child{font-family:Source Code Pro,monospace;font-weight:400;font-size:85%}html[data-hide] [data-hide]{display:none}#codeSamplesHolder>div{border:solid thin blue;border-radius:.5em;margin:.5em 0}[data-description]{background-color:#00f;color:#fff;border:solid thin blue;border-radius:.3em .3em 0 0;margin:.2em;padding:.2em}[data-code-snippet]{overflow-x:scroll;font-family:Source Code Pro,monospace;font-weight:400;font-size:85%;margin:.25rem}.show-this{float:right}