:root{overscroll-behavior:none}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#navbar{position:fixed;top:0;left:0;width:100vw;height:3em;background-color:#1f1f1f80;backdrop-filter:blur(3em);z-index:100;display:flex;align-items:center;user-select:none;-moz-user-select:none;-webkit-user-select:none}#navbar *{margin:0 .3em}#navbar #title{margin-right:.5em;color:#ffffff80;font-size:3vw;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;transition:.4s;cursor:pointer;white-space:nowrap}#navbar #children{width:100%;height:100%;display:flex;align-items:center;gap:.3em}#navbar #children *{cursor:pointer;white-space:nowrap}#navbar a{position:relative;color:#ffffff80;text-decoration:none;z-index:1}#navbar a.active{color:#fff}#navbar a:before{content:"";position:absolute;inset:-8px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);opacity:0;filter:blur(12px);z-index:-1;transition:opacity .3s ease}#navbar a.active:before{opacity:1}#navbar #disclaimer{color:#fff;pointer-events:none;font-size:clamp(.5rem,1.1vw,.9rem);white-space:wrap;width:100%;max-width:60vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}footer{position:fixed;bottom:0;width:100vw;height:3vh;display:flex;justify-content:center;align-items:center;background-color:#00000018;backdrop-filter:blur(1em);user-select:none;-moz-user-select:none;-webkit-user-select:none}#notice-popup{position:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0006;backdrop-filter:blur(.6em);z-index:1000}#notice-popup .container{width:50vw;height:50vh;display:flex;flex-direction:column;background-color:#ffffff4d;border-radius:1em;text-align:center;overflow-y:scroll}#notice-popup .container .content-container{height:80%;display:flex;flex-direction:column;align-items:center}#notice-popup .container h2{color:#ff0000bf;background-color:#00000026;border-radius:.5em;padding:.1em}#notice-popup .container p{margin:1em;font-size:1em;color:#fff;background-color:#00000026;border-radius:.5em}#notice-popup .container .button-container{height:15%;margin:1em;padding:.5em;background-color:#00000026;border-radius:1em}#notice-popup .container button{width:100%;height:100%;font-size:1.1rem;background-color:#ffffff14;border:none;border-radius:1em;cursor:pointer;transition:.135s}#notice-popup .container button:hover{background-color:#ffffff3b;border-radius:.3em;font-size:1.3rem}@media screen and (max-width: 600px){#notice-popup .container{width:100vw;height:100vh;border-radius:0}#notice-popup .container .button-container{height:10%}}.carousel-container{position:relative;overflow:hidden;touch-action:pan-y;width:100%;height:45vh}.carousel-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff9;font-size:13vw;font-weight:700;transition:.4s;z-index:10;user-select:none;-moz-user-select:none;-webkit-user-select:none;pointer-events:none}.carousel-title:hover{color:#3c3c3ce6}.carousel-wrapper{display:flex;transition:transform .5s ease;width:100%;height:100%}.carousel-image{flex:0 0 100%;object-fit:cover;object-position:center;width:100%;height:100%;cursor:alias;-webkit-user-drag:none;-webkit-touch-callout:none}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;backdrop-filter:blur(5em);color:#000;border:none;font-size:2rem;cursor:pointer;padding:1rem}.carousel-button.prev{left:0;border-radius:0 .5em .5em 0}.carousel-button.next{right:0;border-radius:.5em 0 0 .5em}#enlarged-image-container{position:fixed;top:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(1em);cursor:alias;z-index:100}#enlarged-image-container span{padding:1em;border-radius:1em;background-color:#64646466;cursor:default}#enlarged-image-container span img{max-width:85vw;max-height:85vh;width:auto;height:auto;display:block;user-select:none}.base{max-width:90vw;position:absolute;display:flex;align-items:center;flex-direction:column;padding:2em 2em 4em;gap:2em;text-align:center}.base>*{transition:.13s}.base>*:hover{outline:2px solid rgba(0,0,0,.08);transition:.2s;box-shadow:6px 9px 10px 3px #00000026}.base>*:active{scale:1.03;outline:1.8px solid black}.info{padding:1em;background-color:#fff6;border-radius:1em}.page-pane{min-width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;background-color:#0088ff21;border-radius:1em;color:inherit;text-decoration:none;cursor:pointer;user-select:none;-moz-user-select:none}.page-pane:hover{outline:2px dashed rgba(0,0,0,.4);box-shadow:none;transition:.1s}.page-pane:active{scale:.97}.page-pane span{font-size:xx-small;transition:.15s}.page-pane:hover span{font-size:x-large}@media screen and (max-width: 600px){.base{max-width:none;padding-left:0;padding-right:0}.base>*{transition:none}.base>*:hover{outline:none}.page-pane{width:100%;outline:2px solid rgba(0,0,0,.1);border-radius:0}}#details-body{margin-top:3em;margin-bottom:4em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}#details-body #title{font-size:3.5em}#details-body .feature-section{max-width:60%;padding:0 1em 1em;border-radius:1em;background-color:#bebebe4d}@media screen and (max-width: 600px){#details-body .feature-section{max-width:90%}}#demos-body{margin-top:3em;margin-bottom:4em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}#demos-body #title{font-size:3.5em}#demos-body .demo-section{max-width:60%;padding:0 1em 1em;border-radius:1em;background-color:#bebebe4d}#demos-body .demo-section button{display:flex;align-items:center;height:2.5em;border-radius:.5em;border:2px dashed black;font-weight:600;cursor:pointer}#demos-body .demo-section button:hover{border:2px solid black}#demos-body .demo-section button img{margin-right:.8em;margin-left:.3em}#demos-body .demo-section button.windows{background-color:#2e80dda3}#demos-body .demo-section button.macos{background-color:#2e80dd3b}#demos-body .demo-section button.web{background-color:#ffffff3a;opacity:50%;cursor:no-drop}@media screen and (max-width: 600px){#demos-body .demo-section{max-width:90%}}#tools-body{margin-top:3em;margin-bottom:4em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}#tools-body #title{font-size:3.5em}#tools-body .tool-section{max-width:60%;padding:0 1em 1em;border-radius:1em;background-color:#bebebe4d}#tools-body .tool-section button{display:flex;align-items:center;height:2.5em;border-radius:.5em;border:2px dashed black;font-weight:600;cursor:pointer}#tools-body .tool-section button:hover{border:2px solid black}#tools-body .tool-section button img{margin-right:.8em;margin-left:.3em}#tools-body .tool-section button.windows{background-color:#2e80dda3}#tools-body .tool-section button.macos{background-color:#2e80dd3b}#tools-body .tool-section button.web{background-color:#ffffff3a;opacity:50%;cursor:no-drop}@media screen and (max-width: 600px){#tools-body .tool-section{max-width:90%}}