h1,h2,h3,h4,h5,h6,p{margin:0}ol,ol *,ul,ul *{list-style-type:none;margin:0;padding:0}hr{background-color:rgba(var(--c-white),.1);border:none;height:1px}input,textarea{background-color:transparent;border:none;border-radius:.2rem;box-shadow:inset 0 0 0 2px var(--c-black);box-sizing:border-box;color:var(--c-black);cursor:text;display:block;font-family:var(--font);font-size:16px;margin:0;padding:.4rem}@media(min-width:1024px){input,textarea{display:inline-block;font-size:var(--body-font-size)}}input:-moz-focusring,input:-moz-submit-invalid,input:invalid,input:optional,input:required,textarea:-moz-focusring,textarea:-moz-submit-invalid,textarea:invalid,textarea:optional,textarea:required{border:none;box-shadow:none;outline:none}input:-internal-autofill-selected,input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{background-color:var(--c-black)!important;background-image:none!important;-webkit-box-shadow:0 0 0 1000px var(--c-black) inset;color:var(--c-white)!important}input:-webkit-autofill{-webkit-text-fill-color:var(--c-white)!important}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--c-purple);opacity:1}input::placeholder,textarea::placeholder{color:var(--c-purple);opacity:1}input[disabled]::-moz-placeholder,textarea[disabled]::-moz-placeholder{color:var(--c-purple);opacity:0}input[disabled]::placeholder,textarea[disabled]::placeholder{color:var(--c-purple);opacity:0}input:focus,textarea:focus{outline:none}input:focus,input:hover,textarea:focus,textarea:hover{box-shadow:inset 0 0 0 2px var(--c-black),0 0 0 1px var(--c-black)}input.-naked,textarea.-naked{box-shadow:none}button{background-color:transparent;border:none;color:var(--c-white);cursor:pointer;font-family:var(--font);font-size:var(--body-font-size);line-height:var(--body-line-height,1.2);margin:0;padding:0;touch-action:manipulation}button,button span{display:block;position:relative}figure{margin:0}img,svg,video{display:block;width:100%}.-dn{display:none}@font-face{font-family:KHTeka;font-style:normal;src:url(../fonts/KHTeka-Regular.woff) format("woff"),url(../fonts/KHTeka-Regular.woff2) format("woff2")}@font-face{font-family:KHTekaMono;font-style:normal;src:url(../fonts/KHTekaMono-Regular.woff) format("woff"),url(../fonts/KHTekaMono-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:fdsi;font-style:normal;font-weight:400;src:url(../fonts/fdsi.eot?wud5tw);src:url(../fonts/fdsi.eot?wud5tw#iefix) format("embedded-opentype"),url(../fonts/fdsi.ttf?wud5tw) format("truetype"),url(../fonts/fdsi.woff?wud5tw) format("woff"),url(../fonts/fdsi.svg?wud5tw#fdsi) format("svg")}:root{--type-step:1.15;--body-font-size:1rem;--body-line-height:1.2;--p:1rem;--m:calc(var(--p)/var(--type-step));--mm:calc(var(--m)/var(--type-step));--h6:1rem;--h5:1.15rem;--h4:1.25rem;--h3:1.5rem;--h2:2.5rem;--h1:3.25rem;--large:clamp(var(--p),calc(var(--h1)*var(--type-step)*var(--type-step)),9.3vw);--ls-intencity:-2}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:400;line-height:var(--body-line-height)}.-h1,h1{font-size:var(--h1);letter-spacing:calc(var(--h1)/100*var(--ls-intencity));line-height:.857}.-h2,h2{font-size:var(--h2);letter-spacing:calc(var(--h2)/100*var(--ls-intencity));line-height:.952}.-h3,h3{font-size:var(--h3);letter-spacing:calc(var(--h3)/100*var(--ls-intencity));line-height:1}.-h4,h4{font-size:var(--h4);letter-spacing:calc(var(--h4)/100*var(--ls-intencity));line-height:1}.-h5,h5{font-size:var(--h5);letter-spacing:calc(var(--h5)/100*var(--ls-intencity));line-height:1.1}.-h6,h6{font-size:var(--h6);letter-spacing:calc(var(--h6)/100*var(--ls-intencity));line-height:1.1}.-lrg{font-size:var(--large);letter-spacing:calc(var(--large)/100*var(--ls-intencity));line-height:.859;text-transform:uppercase}.-p{font-size:var(--p)}.-m,.-p{letter-spacing:normal;line-height:var(--body-line-height)}.-m{font-feature-settings:normal;font-size:var(--m)}.-mm{font-family:var(--font-mono);font-size:var(--mm);letter-spacing:normal;line-height:var(--body-line-height)}.-up{line-height:1;text-transform:uppercase}.-noup{text-transform:none}.-tac{text-align:center}.-taj{line-height:1;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}a{color:var(--c-black);text-decoration:none}.-black a{color:var(--c-white)}@media(max-width:1600px){.-mid-h1{font-size:var(--h1);letter-spacing:calc(var(--h1)/100*var(--ls-intencity));line-height:.857}.-mid-h2{font-size:var(--h2);letter-spacing:calc(var(--h2)/100*var(--ls-intencity));line-height:.952}.-mid-h3{font-size:var(--h3);letter-spacing:calc(var(--h3)/100*var(--ls-intencity));line-height:1}.-mid-h4{font-size:var(--h4);letter-spacing:calc(var(--h4)/100*var(--ls-intencity));line-height:1}.-mid-h5{font-size:var(--h5);letter-spacing:calc(var(--h5)/100*var(--ls-intencity));line-height:1.1}.-mid-h6{font-size:var(--h6);letter-spacing:calc(var(--h6)/100*var(--ls-intencity));line-height:1.1}.-mid-lrg{font-size:var(--large);letter-spacing:calc(var(--large)/100*var(--ls-intencity));line-height:.859}.-mid-p{font-size:var(--p);letter-spacing:normal;line-height:var(--body-line-height)}.-mid-m{font-size:var(--m)}.-mid-m,.-mid-mm{letter-spacing:normal;line-height:1}.-mid-mm{font-size:var(--mm)}.-mid-up{text-transform:uppercase}.-mid-tac{text-align:center}.-mid-taj{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}}@media(max-width:1024px){.-m-h1{font-size:var(--h1);letter-spacing:calc(var(--h1)/100*var(--ls-intencity));line-height:.857}.-m-h2{font-size:var(--h2);letter-spacing:calc(var(--h2)/100*var(--ls-intencity));line-height:.952}.-m-h3{font-size:var(--h3);letter-spacing:calc(var(--h3)/100*var(--ls-intencity));line-height:1}.-m-h4{font-size:var(--h4);letter-spacing:calc(var(--h4)/100*var(--ls-intencity));line-height:1}.-m-h5{font-size:var(--h5);letter-spacing:calc(var(--h5)/100*var(--ls-intencity))}.-m-h5,.-m-h6{line-height:1.1}.-m-h6{font-size:var(--h6);letter-spacing:calc(var(--h6)/100*var(--ls-intencity))}.-m-lrg{font-size:var(--large);line-height:.859}.-m-p{font-size:var(--p);letter-spacing:normal;line-height:var(--body-line-height)}.-m-m{font-size:var(--m)}.-m-m,.-m-mm{letter-spacing:normal;line-height:1}.-m-mm{font-size:var(--mm)}.-m-up{text-transform:uppercase}.-m-tac{text-align:center}.-m-taj{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}}.content{color:var(--c-grey-dark);line-height:1.6;padding:2rem 3rem}.content a{color:var(--c-red)}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:var(--c-black)}.content h1 a,.content h2 a,.content h3 a,.content h4 a,.content h5 a,.content h6 a{color:var(--c-black);pointer-events:none;text-decoration:none}.content p a{background:var(--bg-primary);border:1px solid var(--border-orange);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;padding:.5rem .75rem}.content p a strong{color:var(--color-primary);font-size:.75rem;font-weight:600}.content p a:hover{background:var(--color-primary);box-shadow:0 4px 8px var(--shadow-orange)}.content p a:hover,.content p a:hover strong{color:var(--text-on-primary)}.content h2,.content h3,.content h4{margin:2rem 0 .8rem}.content p{margin:1.2em 0}.content strong{color:var(--c-black);font-weight:500}.content blockquote{background:var(--bg-light);background-color:#f8f8f8;border-left:4px solid var(--c-red);border-radius:.25rem;margin-left:0;padding:0 1rem}.content blockquote p{display:inline-block}.content ul{padding-left:1.25rem}.content ul,.content ul li{list-style-type:disc}.content ol{list-style-type:decimal;padding-left:1.25rem}.content ol>li{list-style-type:decimal;margin-bottom:.5rem}.content ol>li p{margin:0}.content ol ul{padding-left:1.25rem}.content ol ul,.content ol ul li{list-style-type:disc}.content hr{background-color:#cecece;border:none;height:1px}.content table{border-collapse:collapse;border-spacing:0;display:block;margin-bottom:1rem;overflow:auto;width:100%}.content table tr{border-top:1px solid #ccc}.content table tr th{font-weight:700}.content table tr td,.content table tr th{border:1px solid #ddd;padding:.25rem 1rem}.content table tr:nth-child(2n){background-color:#f8f8f8}@media(max-width:1024px){.content{box-sizing:border-box;padding:2rem;width:100%}.content table td,.content table th{min-width:10rem}}:root{--color-primary:#ff6b35;--color-secondary:#ff8c42;--color-primary-light:#ffb366;--color-primary-dark:#e55100;--color-primary-darker:#bf360c;--bg-primary:#fff;--bg-secondary:#fef7f0;--bg-tertiary:#fef1e6;--bg-quaternary:#fce4d6;--bg-code:#fef7f0;--bg-sidebar:#fef1e6;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--text-light:#f8f9fa;--text-on-primary:#fff;--border-primary:#e9ecef;--border-secondary:#dee2e6;--border-orange:rgba(255,107,53,.3);--border-light:rgba(255,107,53,.1);--shadow-primary:rgba(0,0,0,.1);--shadow-orange:rgba(255,107,53,.25);--shadow-hover:rgba(255,107,53,.15);--link-primary:#ff6b35;--link-hover:#e55100;--link-visited:#ff8c42;--button-primary-bg:#ff6b35;--button-primary-hover:#e55100;--button-secondary-bg:transparent;--button-secondary-border:#ff6b35;--button-secondary-hover:#ff6b35;--code-bg:#fef7f0;--code-border:rgba(255,107,53,.1);--code-text:#2d3748;--code-comment:#6a737d;--code-keyword:#e55100;--code-string:#032f62;--code-number:#005cc5;--code-function:#6f42c1;--code-variable:#ff6b35;--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--color-info:#17a2b8;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--c-white:#fff;--c-white-rgb:255,255,255;--c-black:#101214;--c-black-rgb:16,18,20;--c-grey-dark:#544d56;--c-grey-dark-rgb:84,77,86;--c-yellow:#f4ff1e;--c-red:#f45524;--c-berry:#c8c2cf;--c-berry-rgb:200,194,207;--c-purple:#a399a8;--c-purple-rgb:163,153,168;--c-grey:#e6dfe4;--c-grey-rgb:230,223,228;--f-cubic:cubic-bezier(.22,.31,0,1);--f-cubic-in:cubic-bezier(.69,0,0,1);--f-fast:cubic-bezier(0,.81,.35,1);--f-smooth:cubic-bezier(.5,0,.3,1);--f-smooth-alt:cubic-bezier(.6,0,.05,1);--font:"KHTeka",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-mono:"KHTekaMono","KHTeka",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}:root .fdcm--setup{font-family:var(--font)}:root .fdcm--setup *,html{font-weight:400}html{font-family:var(--font);font-size:14px;line-height:var(--body-line-height,1.2);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--c-black);color:var(--c-black)}body{height:100vh;height:calc(var(--vh, 1vh)*100);margin:0;overflow:hidden}html.-loaded,html.-loaded body{height:auto;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}html.-loaded body{overflow:initial}#FiddleDigital-Introduces-StringTune{background-color:var(--c-white);min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}:root{--g-columns:14;--columns:14;--g-gap:.2rem;--g-margin:calc(var(--g-gap)*2)}@media(min-width:1024px){:root{--g-columns:14;--columns:14;--g-margin:calc(var(--g-gap)*4)}}.page{min-height:calc(var(--vh, 1vh)*100)}section{position:relative}svg{aspect-ratio:1/1;fill:var(--c-black);width:100%}.-w{margin:0 var(--g-margin)}@media(min-width:1024px){html{font-size:14px;line-height:var(--body-line-height,1.2)}}@media(min-width:1600px){html{font-size:16px;line-height:var(--body-line-height,1.2)}}@media(min-width:1920px){html{font-size:16px;line-height:var(--body-line-height,1.2)}}@media(min-width:2560px){html{font-size:16px;line-height:var(--body-line-height,1.2)}}.-a-scale-in,.-a-scale-out,.-a-to-bottom,.-a-to-bottom100,.-a-to-top,.-a-to-top100{--l-modifier:1;--l-delay:0}.-onload{visibility:hidden}.-a-scale-in{opacity:0;transform:scale(.5);transition:transform .3s var(--f-cubic),opacity .3s var(--f-cubic)}html.-loaded.-ready .-onload{visibility:visible}html.-loaded.-ready .-a-p.-inview .-a-scale-in,html.-loaded.-ready .-a-scale-in.-inview{opacity:1;transform:translateZ(0);transition:transform .9s var(--f-cubic),opacity .9s var(--f-cubic);transition-delay:calc(var(--l-delay)*1s + .15s)}.-splitted{display:flex;flex-wrap:wrap}.-splitted .-s-line{display:block}.-splitted .-s-word{display:inline-flex}.-splitted .-s-word .-s-char{opacity:0;transform:translate3d(0,2rem,0);transition:opacity .3s var(--f-cubic),transform .3s var(--f-cubic);will-change:transform opacity}.-splitted.-inview .-s-word .-s-char{opacity:1;transform:translateZ(0);transition:opacity .9s var(--f-cubic),transform .9s var(--f-cubic);transition-delay:calc(var(--char-start)/10*.3s + .3s)}html.-loaded.-ready .-st{visibility:visible}.-a-p.-splitt-random .-splitted .-s-word{opacity:0}html.-loaded .-a-p.-splitt-random.-inview .-splitted .-s-word{opacity:1;transition:opacity 0s var(--f-smooth);transition-delay:calc(var(--word-random-index)/10*.15s + .3s)}.lazyLoad{opacity:0;scale:1.5;transform:translateZ(0);transition:opacity 1.2s var(--f-cubic),scale 1.2s var(--f-cubic)}.-lzl-reverse .lazyLoad{scale:1}.lazyLoad.-loaded{opacity:1;scale:1}@media(min-width:1024px){.scrollbar{height:100vh;height:calc(var(--vh, 1vh)*100);position:fixed;right:0;top:0;width:16px;z-index:1000}.scrollbar:after{background-color:#63636326;border-left:1px solid rgba(0,0,0,.025);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleX(.7);transform-origin:right center;transition:.3s;width:100%}.scrollbar .thumb{display:flex;height:var(--size);justify-content:center;position:absolute;transform:translateY(var(--position));width:100%;z-index:1002}.scrollbar .thumb:after{background-color:#63636380;border-radius:6px;bottom:4px;box-shadow:inset 0 0 0 1.5px #ffffff12;content:"";height:100%;opacity:0;position:absolute;top:4px;transform:scaleX(.7);transform-origin:right center;transition:.3s;width:11px}.scrollbar.-scroll .thumb:after{opacity:1}.scrollbar.-touch .thumb:after,.scrollbar.-touch:after,.scrollbar:hover .thumb:after,.scrollbar:hover:after{opacity:1;transform:scaleX(1)}.scrollbar.-hide{pointer-events:none}}div[data-fps]:after,div[data-position]:after{font-family:var(--font-mono);font-size:var(--mm);letter-spacing:normal;line-height:var(--body-line-height)}:root{--docs-bg-primary:var(--bg-primary);--docs-bg-secondary:var(--bg-secondary);--docs-bg-tertiary:var(--bg-tertiary);--docs-bg-sidebar:var(--bg-sidebar);--docs-text-primary:var(--text-primary);--docs-text-secondary:var(--text-secondary);--docs-text-muted:var(--text-muted);--docs-border-color:var(--border-primary);--docs-border-color-dark:var(--border-secondary);--docs-link-color:var(--link-primary);--docs-link-hover-color:var(--link-hover);--docs-code-bg:var(--code-bg);--docs-code-color:var(--color-primary)}.docs-layout{color:var(--docs-text-primary);display:flex;min-height:100vh}.docs-content,.docs-layout{background:var(--docs-bg-primary)}.docs-content{flex:1;margin-left:250px;max-width:calc(100% - 250px);padding:2rem}.docs-content h1,.docs-content h2,.docs-content h3,.docs-content h4,.docs-content h5,.docs-content h6{color:var(--docs-text-primary)}.docs-content li,.docs-content p{color:var(--docs-text-primary);line-height:1.6}.docs-content a{color:var(--docs-link-color);text-decoration:none}.docs-content a:hover{color:var(--docs-link-hover-color);text-decoration:underline}.docs-content blockquote{background:var(--docs-bg-secondary);border-left:4px solid var(--docs-link-color);border-radius:.25rem;margin-left:0;padding:1rem}.docs-content table{border-collapse:collapse;margin:1rem 0;width:100%}.docs-content table td,.docs-content table th{border-bottom:1px solid var(--docs-border-color);padding:.75rem;text-align:left}.docs-content table th{font-weight:600}.docs-content table th,.docs-content table tr:hover{background:var(--docs-bg-secondary)}.not-found{padding:4rem 2rem;text-align:center}.not-found h1{color:var(--docs-text-primary);font-size:2.5rem;margin-bottom:1rem}.not-found p{color:var(--docs-text-secondary);font-size:1.1rem}@media(max-width:768px){.docs-content{margin-left:0;max-width:100%}}pre{background-color:#f4f4f4;border:1px solid #cecece;border-radius:var(--radius-md);margin:1rem 0;overflow-x:auto;padding:1.5rem!important}pre code{background:transparent!important;color:var(--code-text)!important;font-size:.9rem;font-weight:400;line-height:1.5}li code,p code,pre code,td code{font-family:Fira Code,JetBrains Mono,Monaco,Consolas,Courier New,monospace}li code,p code,td code{background-color:#f4f4f4;border-radius:var(--radius-sm);color:var(--color-primary)!important;font-size:.85em;font-weight:600;padding:.2em .4em;white-space:nowrap}.token.comment{color:var(--code-comment);font-style:italic}.token.punctuation{color:var(--code-text)}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:var(--code-number)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--code-string)}.token.entity,.token.operator,.token.url{color:var(--color-primary)}.token.atrule,.token.attr-value,.token.keyword{color:var(--color-primary-dark);font-weight:600}.token.class-name,.token.function{color:var(--code-function)}.token.important,.token.regex,.token.variable{color:var(--code-variable)}.code-block{margin:1rem 0;position:relative}.code-block pre{margin:0}.code-copy-btn{background:var(--bg-primary);border:1px solid var(--border-orange);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:0;padding:.25rem .75rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem;transition:all .2s ease}.code-copy-btn:hover{background:var(--color-primary);box-shadow:0 4px 8px var(--shadow-orange);color:var(--text-on-primary);transform:translateY(-1px)}.code-block:hover .code-copy-btn{opacity:1}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}pre::-webkit-scrollbar-thumb{background:var(--border-orange);border-radius:var(--radius-sm);-webkit-transition:background .2s ease;transition:background .2s ease}pre::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.line-numbers .line-numbers-rows{border-right:1px solid hsla(0,0%,100%,.1);font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em}.line-numbers .line-numbers-rows>span{counter-increment:linenumber;display:block;pointer-events:none}.line-numbers .line-numbers-rows>span:before{color:#fff6;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}.line-numbers pre{counter-reset:linenumber;padding-left:3.8em}