.documentation{align-items:flex-start}.documentation>ul{display:flex;flex-direction:column;gap:1em}.documentation ul{padding-left:2em;line-height:1.6}.fake-code-block{background-color:var(--clr-bg);width:100%;overflow-x:auto;box-shadow:0 0 2px var(--clr-line);padding:1em}.cm-theme{background-color:var(--clr-bg);width:100%;overflow-x:auto;box-shadow:0 0 2px var(--clr-line)}.cm-theme .cm-editor{background:none}.cm-theme .cm-gutters{display:none}.cm-theme .cm-content{padding:1em}.cm-theme .cm-activeLine{background:transparent}.underline{border:dotted .2em;animation:underline .5s var(--delay, 0s) infinite alternate}.fileName{color:var(--clr-comment)}@keyframes underline{0%{border-color:var(--clr-secondary)}to{border-color:var(--clr-line)}}.live{width:100%}.live-toggle{display:flex;align-items:center;gap:.3em;-webkit-user-select:none;user-select:none}.live-toggle input[type=checkbox]{display:none}.live-toggle label{color:var(--clr-line);cursor:pointer}.live-toggle label[data-selected=true]{color:var(--clr-tag);pointer-events:none;cursor:default}.live-toggle .toggleDot{position:relative;width:1em;height:.5em;background-color:var(--clr-bg);box-shadow:0 0 2px 1px var(--clr-primary);border-radius:1em}.live-toggle .toggleDot:after{content:"";position:absolute;left:50%;top:50%;width:.4em;height:.4em;background-color:var(--clr-tag);border-radius:50%;transform:translateY(-50%);transition:transform .3s ease}.live-toggle label[data-selected=true]+.toggleDot:after{transform:translate(-100%,-50%)}.output-header{display:flex;justify-content:space-between;gap:1em}.output-header .waiting{color:var(--clr-value)}.output-header .loading{color:var(--clr-operator)}.output-buttons{display:flex;justify-content:flex-end;gap:.5em;padding-top:.5em}.output-buttons button{padding:.25em .5em;z-index:2;font:inherit;font-size:.7em;cursor:pointer}.output-buttons button:disabled{cursor:not-allowed;opacity:.5}.live-iframe{width:100%;aspect-ratio:1;border:none;box-shadow:0 0 2px 1px var(--clr-primary)}.shapes-libray_filters{padding-bottom:1em;gap:1em}.shapes-libray_filters label{font-size:.9em}.shapes-libray_filters input,.shapes-libray_filters select{font:inherit;padding:.5em;border:1px solid var(--clr-line);border-radius:.25em;background-color:var(--clr-bg);color:var(--clr-text)}.shapes-libray_filters button{font:inherit;padding:.25em .5em;border:1px solid var(--clr-line);border-radius:.25em;background-color:var(--clr-bg);color:var(--clr-text);cursor:pointer;opacity:.25}.shapes-libray_filters button.none{opacity:.5}.shapes-libray_filters button.on{opacity:1}.shapes-libray_filters button:hover{background-color:var(--clr-line);color:var(--clr-dark)}.shapes-libray_filters-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1em;width:100%;align-items:center;margin-bottom:.5em;--max-width: 600px}.shapes-libray_filters-row div{display:flex;flex-direction:column;gap:.25em}@media (max-width: 600px){.shapes-libray_filters-row{grid-template-columns:1fr}}.shapes-libray_filters-tags{display:flex;flex-wrap:wrap;gap:.25em}.shapes-libray_cardsGrid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,256px);justify-content:center;gap:1em}.shapes-libray_card{display:flex;flex-direction:column;justify-content:space-between;gap:.5em;border:1px solid var(--clr-line);background-color:var(--clr-dark);border-radius:.5em;overflow:clip;height:100%}.shapes-libray_card-header{padding:.5em 1em;background-color:var(--clr-bg)}.shapes-libray_card-header span{font-size:.8em;color:var(--clr-line)}.shapes-libray_card-header p{font-size:.9em}.shapes-libray_card-imgTags{display:flex;flex-direction:column;gap:.5em;padding:1em}.shapes-libray_card-svg{width:100%}.shapes-libray_card-tags{font-size:.8em;color:var(--clr-line);border-top:1px solid var(--clr-line)}.shapes-libray_card-footer{display:flex;flex-direction:column;gap:.5em;align-items:center;padding:.5em 1em;background-color:var(--clr-bg)}.noMatch{padding:1em;font-style:italic;color:var(--clr-tag)}:root{--clr-bg: #181a20;--clr-dark: #282a36;--clr-cursor: #f8f8f0;--clr-linenumber: #6272a4;--clr-selected: #44475a;--clr-comment: #6272a4;--clr-keyword: #ff79c6;--clr-string: #f1fa8c;--clr-number: #bd93f9;--clr-variable: #50fa7b;--clr-tag: #ff79c6;--clr-attribute: #50fa7b;--clr-def: #8be9fd;--clr-property: #66d9ef;--clr-operator: #ffb86c;--clr-meta: #f8f8f2;--clr-builtin: #8be9fd;--clr-qualifier: #bd93f9;--clr-variable-2: #f8f8f2;--clr-variable-3: #ffb86c;--clr-type: #ffb86c;--clr-error: #ff5555;--clr-matchingbracket: #fff;--clr-light: var(--clr-meta);--clr-primary: var(--clr-def);--clr-secondary: var(--clr-qualifier);--clr-tag: var(--clr-keyword);--clr-attr: var(--clr-attribute);--clr-value: var(--clr-string);--clr-line: var(--clr-linenumber);--max-width: 600px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:Ubuntu,sans-serif;background-color:var(--clr-dark);background-image:linear-gradient(to right,transparent,var(--clr-dark) calc(50% - min(50%,360px)) calc(50% + min(50%,360px)),transparent),repeating-linear-gradient(30deg,transparent,var(--clr-bg),transparent 5px);color:var(--clr-light);font-size:18px;font-weight:300;line-height:1.4}main{display:flex;flex-direction:column;align-items:center}header{display:flex;align-items:center;justify-content:center;gap:.5em;width:100%}header h1{font-size:6em}@media (max-width: 600px){header h1{font-size:3em}}header .alpha{position:relative;background:var(--clr-tag);padding:.25em}header .alph-version{position:absolute;top:100%;right:0;font-size:.6em;color:var(--clr-line)}section{display:flex;flex-direction:column;align-items:center;gap:2em;padding:5em 1em;border-bottom:2px solid var(--clr-line);width:min(100%,720px)}section span.center{width:100%;text-align:center;line-height:1.8}h2,h3{font-weight:500;font-style:italic;color:var(--clr-primary);width:100%}h2{font-size:4em}@media (max-width: 600px){h2{font-size:2em}}h4{margin-inline:auto}a{text-decoration-color:var(--clr-primary);text-underline-offset:2px;color:var(--clr-light);transition:color .3s}a:hover{color:var(--clr-primary)}a[disabled]{pointer-events:none;text-decoration:none;color:var(--clr-line)}strong{font-weight:700;color:var(--clr-secondary)}.color-tag{color:var(--clr-tag)}.color-attr{color:var(--clr-attr)}.color-value{color:var(--clr-value)}.color-file{color:var(--clr-operator)}.color-property{color:var(--clr-property)}footer{padding:5em 1em;background-color:var(--clr-bg);border-top:2px solid var(--clr-line);margin-top:-2px}footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:1em;margin-inline:auto;max-width:720px}footer p,footer em{text-wrap:balance;text-align:center}footer .small{font-size:.5em;color:var(--clr-line)}.topNav{width:100%;display:flex;justify-content:center;gap:2em;padding-block:1em 5em}.topNav .separator{color:var(--clr-line)}.topNav a[data-selected=true]{pointer-events:none;text-decoration:none;color:var(--clr-tag)}.docsNav,ul.full-width{width:100%}ul ul{padding-left:2em}.upButton{position:fixed;bottom:1em;right:1em;width:3em;height:3em;display:grid;place-items:center;border-radius:3em;background-color:var(--clr-bg);font:inherit;color:var(--clr-meta);border:none;cursor:pointer;box-shadow:0 0 2px 1px var(--clr-primary);opacity:0;pointer-events:none;transition:opacity .3s}.upButton:hover{color:var(--clr-primary)}.upButton.show{opacity:1;pointer-events:auto}.code-live-wrapper{position:relative;width:100%}.code-live-wrapper .go-live-button{position:absolute;top:.5em;right:.5em;padding:.25em .5em;z-index:2;font:inherit;font-size:.7em;cursor:pointer}table{border-collapse:collapse;width:100%;box-shadow:0 0 2px var(--clr-line)}table th,table td{border:1px solid var(--clr-line);padding:.5em 1em;text-align:left}table th{background-color:var(--clr-selected);font-weight:300}em{font-style:italic;opacity:.8}em:before{content:"* ";color:var(--clr-tag)}.section-card{display:flex;flex-direction:column;gap:.5em}.section-card a{margin-inline-start:auto}