:root{overscroll-behavior:none;--bg-color: #ffffff;--text-color: #333333;--code-bg-color: rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #f0f0f0;--code-bg-color: rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--text-color);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;transition:.15s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background-color:var(--code-bg-color)}:root{--navbar-bg-color: rgba(31, 31, 31, .5)}:root[data-theme=dark]{--navbar-bg-color: rgba(31, 31, 31, .8)}#navbar{position:fixed;top:0;left:0;width:100vw;height:3em;display:flex;align-items:center;background-color:var(--navbar-bg-color);backdrop-filter:blur(3em);z-index:100;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:.5s background-color;overflow:hidden}#navbar *{margin:0 .3em}#navbar #title{height:100%;width:fit-content;margin-left:.3em;margin-right:.3em;display:flex;align-items:center;color:#ffffff80;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;transition:.2s;cursor:pointer;white-space:nowrap;flex-shrink:0}#navbar #children{flex:1;height:100%;display:flex;align-items:center;gap:.5em;overflow-x:auto;overflow-y:hidden;white-space:nowrap}#navbar #children *{cursor:pointer;white-space:nowrap;flex-shrink:0}#navbar #children::-webkit-scrollbar{display:none}#navbar a{position:relative;margin:0;color:#ffffff80;text-decoration:none;z-index:1}#navbar *.active{color:#fff}#navbar #title.active{color:#ffffffb3}#navbar *: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;pointer-events:none}#navbar *.active:before{opacity:1}#navbar #children-social{flex-shrink:0;margin:0;margin-right:clamp(.2em,2vw,1.3em);height:100%;display:flex;align-items:center;gap:clamp(.3em,3vw,.8em)}#navbar #children-social * img{cursor:pointer;white-space:nowrap}#navbar #children-social a{margin:0}#navbar #children-social img{opacity:60%;width:7vw;max-width:2.2em;max-height:100%;margin:0;transition:.15s}#navbar #children-social img:hover{opacity:100%;scale:1.05;transition:.25s}footer{position:fixed;bottom:0;width:100vw;height:fit-content;display:flex;justify-content:center;align-items:center;font:clamp(.7em,3.8vw,1em) sans-serif;background-color:#00000018;backdrop-filter:blur(1em);user-select:none;-moz-user-select:none;-webkit-user-select:none}:root{--carousel-title-color: rgba(255, 255, 255, .6)}:root[data-theme=dark]{--carousel-title-color: rgba(0, 0, 0, .6)}.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:var(--carousel-title-color);font-size:clamp(4.6em,18vw,14em);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:#ffffff14;backdrop-filter:blur(5em);color:#fff6;border:none;font-size:2rem;cursor:pointer;padding:1rem;transition:.13s}.carousel-button:hover{background:#ffffff4d;color:#000;font-size:2.2rem}.carousel-button:active{font-size:2rem;padding:1.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}@media screen and (max-width: 600px){#enlarged-image-container span{padding:.5em}#enlarged-image-container span img{max-width:90vw;max-height:90vh;border-radius:.5em}}:root{--info-color: rgba(255, 255, 255, .4);--a-info-sec-active: rgb(175, 175, 175);--info-sec-active: rgb(230, 230, 230)}:root[data-theme=dark]{--info-color: rgba(255, 255, 255, .05);--a-info-sec-active: rgb(120, 120, 120);--info-sec-active: rgb(80, 80, 80)}.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:var(--info-color);border-radius:1em;transition:.1s}.info>*{transition:.13s}.info>*:hover{transition:.2s}.info>*:active{scale:1.03}.info-sec-cont{display:flex;flex-wrap:wrap;justify-content:center;gap:1em}.info-sec-cont>*{transition:.13s}.info-sec-cont>*:hover{transition:.2s}.info-sec-cont>*:active{scale:1.03}.info-sec-cont>a.info-sec:active{background-color:var(--a-info-sec-active)}.info-sec-cont>.info-sec:active{background-color:var(--info-sec-active)}.info-sec{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.2em;border-radius:1em;background-color:#00000014}a.info-sec{outline:2px solid rgba(0,0,255,.2);color:inherit;text-decoration:none;cursor:pointer;user-select:none;-moz-user-select:none}a.info-sec:hover{scale:1.01;background-color:#80808014}a.info-sec:active{outline:4px solid rgba(0,0,255,.4)}.info-sec img{padding:1em}.info-sec p{margin:0}.info-sec>*{transition:.13s}.info-sec>*:hover{transition:.2s}.info-sec>*:active{scale:1.03}.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}.split-comparison{display:flex;width:100%;height:50vh;overflow:hidden;padding:1em}.split-comparison .pane{display:flex;flex-direction:column-reverse;flex:1;overflow:hidden;position:relative;border-right:2px solid white}.split-comparison .pane:last-child{border-right:none}.split-comparison .pane img{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:300%;object-fit:cover}.split-comparison .pane small{z-index:1;background-color:#d7d7d71a}.info-sec ul{text-align:initial}@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{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:60%;width:100%;box-sizing:border-box;padding:0 1em 1em;border-radius:1em;background-color:#bebebe4d}#demos-body .demo-section img{width:100%;height:auto;display:block;border-radius:.3em}#demos-body .demo-section button{display:inline-flex;align-items:center;justify-content:center;height:2.5em;padding:0 1.2em 0 0;border-radius:.5em;border:2px dashed black;font-weight:600;cursor:pointer;background:none}#demos-body .demo-section button:hover{border:2px solid black}#demos-body .demo-section button img{height:1.7em;width:auto;object-fit:contain;margin-right:.8em;margin-left:.3em}#demos-body .demo-section button.windows{background-color:#2e80dda3}#demos-body .demo-section button.macos{background-color:#2e80dd3b}@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{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:60%;box-sizing:border-box;padding:0 1em 1em;border-radius:1em;background-color:#bebebe4d}#tools-body .tool-section img{width:100%;height:auto;display:block;border-radius:.3em}#tools-body .tool-section .button{display:inline-flex;align-items:center;height:2.5em;padding:0 1.2em 0 0;border-radius:.5em;border:2px dashed black;font-size:.8em;font-weight:700;cursor:pointer;background:none;color:inherit;text-decoration:inherit}#tools-body .tool-section .button:hover{border:2px solid black}#tools-body .tool-section .button img{height:1.7em;width:auto;object-fit:contain;margin-right:.8em;margin-left:.3em}#tools-body .tool-section .button.windows{background-color:#2e80dda3}#tools-body .tool-section .button.macos{background-color:#2e80dd3b}@media screen and (max-width: 600px){#tools-body .tool-section{max-width:90%}}