@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.ttf)format("truetype")}:root{--super-blue:0, 191, 255;--neon-blue:0, 230, 255;--default-blue:98, 156, 255;--accent-blue:100, 108, 255;--background-blue:25, 31, 40;--super-pink:255, 191, 255;--neon-pink:255, 230, 255;--pink-accent:230, 190, 230;--font-white:213, 213, 232;--font-black:25, 31, 40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:rgba(var(--font-black), .87);background:linear-gradient(rgb(var(--super-blue)), rgb(var(--super-pink)));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}header>h1{text-shadow:rgb(var(--neon-pink)) 0 0 22px;color:rgb(var(--super-pink));text-align:center;width:100%;margin-top:30px;margin-bottom:0;font-size:8em}header>span{color:rgb(var(--neon-pink));text-align:center;width:100%;font-size:8em;position:absolute;top:30px;left:0}footer{background:rgb(var(--font-black));width:100%;height:160px;color:rgb(var(--font-white));box-shadow:rgb(var(--font-black)) 0 -10px 6px 10px;flex-direction:row;justify-content:space-evenly;font-size:14px;display:flex}footer .foot-block{width:20%}footer .foot-block+#footer-block-infos{width:40%}footer .foot-block>h3{margin:0}footer .foot-block>.foot-infos{flex-direction:column;justify-content:center;height:calc(100% - 1.17rem - 9px);display:flex}footer .foot-block>.foot-infos>*{margin:4px}@media screen and (width<=1200px){footer{flex-direction:column;height:auto}footer>*{margin:16px auto}footer>*.foot-block{width:50%}footer>*.foot-block+#footer-block-infos{width:80%}}.foot-link{display:flex}.foot-link>.foot-icon{width:18px;margin-left:-26px;margin-right:8px}body{flex-direction:column;justify-content:space-between;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{text-align:center;flex-direction:column;justify-content:space-evenly;max-width:100%;margin:100px auto;display:flex;box-shadow:-15px 15px 4px #10101033}#app>#app-program{height:1080px}#app>#app-program>#gpu-canvas{box-shadow:0 0 6px #191f28}#app>#app-options{box-shadow:rgb(var(--font-black)) 0 0 4px;background-color:rgba(var(--font-black), .2);flex-direction:row;justify-content:flex-start;width:1920px;height:100px;display:flex}#app-options>.slider-block{grid-column-gap:15px;flex-direction:column;justify-content:space-evenly;place-items:center start;width:20%;margin:10px 30px;display:flex}#app-options>.slider-block>input{width:100%}input[type=range]{appearance:none;background-color:#0000;border-radius:12px;outline:none;height:16px;transition:opacity .2s}input[type=range]::-webkit-slider-container{-webkit-appearance:none;-moz-appearance:none;border:solid 3px rgba(var(--background-blue), .2);border-radius:16px;height:28px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;background-color:rgb(var(--default-blue));border:solid 3px rgba(var(--background-blue), .2);border-radius:12px;width:22px;height:22px}input[type=range]::-moz-range-thumb{appearance:none;background-color:rgb(var(--default-blue));border:solid 3px rgba(var(--background-blue), .2);border-radius:12px;width:16px;height:16px}input[type=range]::-webkit-slider-runnable-track{--webkit-appearance:none;-moz-appearance:none;background-color:#0000;border-radius:12px;width:10%;transition:all .2s ease-in-out}input[type=range]::-moz-range-track{appearance:none;border:solid 3px rgba(var(--background-blue), .2);background-color:#0000;border-radius:16px;width:100%;height:22px;transition:all .2s ease-in-out}input[type=range]+output{text-align:center;width:30px;height:30px;color:rgb(var(--font-white));align-content:center;font-size:12px;line-height:0;display:none;position:absolute;transform:translate(-15px,50px)}input[type=range]+output>span{background:rgba(var(--font-black), .8);width:100%;height:100%;position:inherit;z-index:-1;border-radius:0 50% 50%;display:block;transform:rotate(45deg)translate(-30%)translateY(-30%)}input[type=range]:active+output{display:block}input[type=range]:active::-webkit-slider-thumb{background-color:rgb(var(--accent-blue))}input[type=range]:active::-moz-range-thumb{background-color:rgb(var(--accent-blue))}#modal-container{width:0;height:0;position:absolute}:root:has(.modal[open=true]){overflow:hidden}#modal-container>.modal{transition:all .3s ease-in-out;display:none;position:absolute;top:0}#modal-container>.modal[open=true]{z-index:2;background-color:rgba(var(--neon-pink), .8);width:40rem;min-height:12rem;box-shadow:rgb(var(--super-pink)) 0 0 12px;flex-direction:column;justify-content:space-between;padding:1rem;display:flex;top:50vh;transform:translate(-50%,-50%)}#modal-container>.modal>.modal-head{border-bottom:3px solid rgba(var(--neon-pink), .4);padding:0 0 1rem 2rem;font-size:1.6rem;font-weight:700;position:relative}#modal-container>.modal>.modal-head>.modal-head-subtitle{color:rgba(var(--font-black), .4);font-size:.8rem;font-style:italic;font-weight:600;position:absolute;left:2rem;transform:translateY(2.3rem)}#modal-container>.modal>.modal-body{width:100%;padding-left:1rem;font-size:1.2rem;font-weight:500}#modal-container>.modal>.modal-footer{flex-direction:row;justify-content:center;display:flex}#modal-container>.modal>.modal-footer>button{background-color:rgba(var(--default-blue), .4);box-shadow:rgba(var(--default-blue), .4) 0 0 6px;color:rgb(var(--font-white));border:none;border-radius:4px;padding:.5rem 1rem;font-family:Montserrat,Arial,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.5,-1.5,.5,1.5)}#modal-container>.modal>.modal-footer>button:hover{color:rgb(var(--font-white));background-color:rgba(var(--accent-blue), .6);box-shadow:rgba(var(--accent-blue), .4) 0 0 6px;cursor:pointer;transform:scale(1.1)}#modal-container>.modal>.modal-footer>button:active{color:rgb(var(--font-white));background-color:rgba(var(--accent-blue), .6);box-shadow:rgba(var(--accent-blue), .4) 0 0 6px;cursor:pointer;transform:scale(.95)}#modal-background{width:0;height:0}#modal-container:has(.modal[open=true])>#modal-background{z-index:1;background:rgba(var(--font-black), .6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;margin:0;padding:0;position:fixed;top:0;left:0}a{color:rgb(var(--super-blue));-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:rgb(var(--neon-blue));cursor:pointer}