@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";:root{--orange: #EE6C4D;--black: #293241;--white: #FEFCFD;--distance-xx-large: 8rem;--distance-x-large: 4rem;--distance-large: 2rem;--distance-medium: 1rem;--distance-small: .5rem;--distance-x-small: .25rem;--distance-xx-small: .125rem;--distance-border-large: 8px;--distance-border: 4px;--distance-border-small: 2px}html{font-family:Fira Code,sans-serif;font-weight:500;font-size:15px;line-height:1}body{background:var(--white);max-width:100vw;min-height:100vh;color:var(--black);margin:0;padding:0}h1,h2,h3,h4{font-family:Fira Code,sans-serif;margin:0;padding:0}h1{font-size:var(--distance-x-large)}h2{font-size:var(--distance-large);margin-bottom:var(--distance-small)}h3{font-size:calc(var(--distance-medium) + var(--distance-small))}ol{padding:none;margin:0;display:flex;flex-direction:column;gap:var(--distance-small)}.Button{cursor:pointer;margin-top:var(--distance-medium);background-color:var(--orange);border:var(--distance-border-small) solid var(--black);text-align:center;padding:var(--distance-small);color:var(--white)}.Button.flat{display:flex;align-items:center;margin-top:0;background-color:var(--white);color:var(--orange);fill:var(--orange);padding:0;border:none}.Card{border:var(--distance-border-small) solid var(--black);padding:var(--distance-large);display:flex;gap:var(--distance-medium);justify-content:space-between}.Card.simple{padding:var(--distance-small);border:none;flex-direction:row!important}.Card.simple .Icon{width:var(--distance-large);height:var(--distance-large)}.Card.simple .flex.column.gap div{padding:var(--distance-small)}.Chart{margin-top:var(--distance-medium)}.Checkbox{display:flex;gap:var(--distance-small)}.Checkbox .title{padding-top:var(--distance-x-small);align-items:center}.Checkbox .box{height:var(--distance-medium);width:var(--distance-medium);border:var(--distance-border-small) solid var(--black)}.Checkbox .box.checked{background-color:var(--orange)}.ExperimentDiagram{display:flex;justify-content:space-between;align-items:center}.Form{gap:var(--distance-medium)}.Icon{width:var(--distance-large);height:var(--distance-large);align-self:center}.Icon.rotate{transform:rotate(180DEG)}.Info{position:relative}.Info .tooltip{position:absolute;pointer-events:none}.Info .tooltip .container{border:var(--distance-border) solid var(--black);background-color:var(--white);padding:var(--distance-medium);position:relative;overflow:unset!important;margin:0!important;min-width:200px;transform:translate(calc(-50% + var(--distance-medium)),calc(-100% - var(--distance-medium)));z-index:20000}.Info .tooltip .tip{position:absolute;left:50%;background-color:var(--white);transform:translate(-50%,calc(50% - 1px)) rotate(-45DEG);width:var(--distance-medium);height:var(--distance-medium);border-left:var(--distance-border) solid var(--black);border-bottom:var(--distance-border) solid var(--black)}input:focus,select:focus{outline:none}input,select{display:block;font-family:Fira Code,sans-serif;font-size:var(--distance-medium);color:var(--black);padding:var(--distance-small);border:var(--distance-border-small) solid var(--black);background-color:var(--white)}input::-ms-reveal{display:none}input[type=range]{padding:none;accent-color:var(--brown);border:none;height:var(--discance-xx-small);background-color:var(--brown)}div.error{display:flex;flex-direction:column;gap:var(--distance-small);padding:var(--distance-small);color:var(--black);border:var(--distance-border-small) solid var(--black)}.Input{position:relative}.Input div.error{border-top:none}.Input .passwordEye{position:absolute;top:calc(var(--distance-medium) + var(--distance-border) + var(--distance-xx-small));right:calc(var(--distance-border) + var(--distance-small))}.Input .passwordEye .Icon{width:calc(var(--distance-large) - var(--distance-border));height:calc(var(--distance-large) - var(--distance-border));background-color:unset}.Modal .Icon{height:var(--distance-medium);width:var(--distance-medium)}.Modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:1000}.Modal .content{position:relative;border:var(--distance-border) solid var(--black);box-shadow:0 0 0 100vmax #00000080;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 2 * var(--distance-border-large));background-color:var(--white);padding:var(--distance-large)}.Modal .content.slides{padding:0;max-width:600px}.Modal .content.image{display:flex;flex-direction:row;gap:var(--distance-medium)}.Modal img.image{max-width:400px;aspect-ratio:1 / 1;align-self:center}.Modal .content .container{overflow:hidden;margin:var(--distance-large)}.Modal .wrapper{display:flex;flex-direction:row;width:100%;transition:transform .5s ease-in-out;gap:0}.Modal .buttons{position:relative;margin-top:auto;display:flex;flex-direction:row;gap:var(--distance-medium)}.Modal .buttons .Button{flex:1}.Modal .slide{max-width:100%;flex:0 0 100%;max-height:0;box-sizing:border-box;transition:max-height 1s;transition-delay:.5s;position:relative;display:flex;flex-direction:column;gap:var(--distance-medium)}.Modal .slide.active{max-height:1000px}.Modal .content .buttons{margin-top:var(--distance-medium)}.NavBar{z-index:201;background-color:var(--white);position:fixed;left:0;top:0;height:calc(100vh - 2 * var(--distance-medium));border-right:var(--distance-border-large) solid var(--black);display:flex;flex-direction:column;padding:var(--distance-medium);gap:var(--distance-small);width:var(--distance-x-large);overflow:hidden;transition:1s all}.NavBar .item{border-radius:var(--border-radius-small);display:flex;padding:var(--distance-medium);gap:var(--distance-medium)}.NavBar .logo{margin-bottom:var(--distance-x-large);padding:0}.NavBar .item .name{overflow:hidden;margin-top:auto;margin-bottom:auto;white-space:nowrap;transition:0s color!important}.NavBar .item .Icon{min-width:var(--distance-large);min-height:var(--distance-large)}.NavBar .logo .Icon{min-width:var(--distance-x-large);min-height:var(--distance-x-large)}.NavBar .item.selected{color:var(--orange);fill:var(--orange)}.NavBar:hover{width:40vw}.NavBar:hover .item .name{overflow:visible;transition:1s}.NavBar.simple{position:relative;flex-direction:row;width:unset;border:none;height:unset;gap:0;padding:0;margin-bottom:var(--distance-large)}.NavBar.simple .item{flex:1;border-bottom:var(--distance-border) solid var(--black);display:flex}.NavBar.simple .name{margin-left:auto;margin-right:auto;overflow:unset}.NavBar.simple .item .Icon{display:none}.NavBar.simple .item.selected{border-bottom-color:var(--orange)}.Select div.error{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.VerticalCarrousel{position:relative;height:100vh;width:100vw;overflow:hidden}.VerticalCarrousel .wrapper{gap:0;height:100%;transition:.5s}.screen{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:space-evenly}.screen.inverted{background-color:var(--brown)}.screen .buttons{display:flex;flex-direction:row;gap:var(--distance-medium);position:absolute;width:600px;left:50%;bottom:var(--distance-medium);transform:translate(-50%)}.screen .buttons .Button{flex:1}.screen .container{display:flex;flex-direction:column;gap:var(--distance-x-small)}.screen .container.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.App{overflow-Y:auto;margin:0;padding:var(--distance-medium);position:relative;height:100vh;margin-left:calc(40px + 4*var(--distance-medium) + var(--distance-border-large));box-sizing:border-box}.App .appContainer{padding-top:var(--distance-small);padding-bottom:calc(4 * var(--distance-medium) + 2 * var(--distance-border));max-width:800px;margin-left:auto;margin-right:auto}.App .actionButtons{z-index:200;position:fixed;bottom:var(--distance-medium);width:min(calc(100% - 2 * var(--distance-medium)),800px);background-color:var(--yellow)}.flex{display:flex;gap:var(--distance-medium)}.flex-1{flex:1}.flex.space-between{justify-content:space-between}.flex.space-between div{flex:unset}.flex.column{flex-direction:column}.flex.no-gap{gap:0}.feed{overflow-Y:scroll;height:100%}img.image{width:100%}.center{text-align:center;align-items:center}.divider{background-color:var(--black);min-height:var(--distance-xx-small);border-radius:var(--distance-x-small);margin-top:var(--distance-medium);margin-bottom:var(--distance-medium)}.divider.strong{min-height:var(--distance-x-small)}@media (max-width: 1000px){.App .actionButtons{bottom:calc(4 * var(--distance-medium) + var(--distance-border));padding-bottom:var(--distance-medium);width:calc(100% - 2 * var(--distance-medium))}.NavBar{width:calc(100vw - 2*var(--distance-small));border-top:var(--distance-border) solid var(--black);flex-direction:row;height:unset;left:0;top:unset;bottom:0;padding:var(--distance-small);gap:0px;justify-content:space-evenly}.NavBar .logo{display:none}.NavBar:hover{width:calc(100vw - 2 * var(--distance-small))}.NavBar.simple *{z-index:0}.NavBar.simple:hover{width:unset}.NavBar .item{padding:var(--distance-small)}.NavBar .item .name{display:none}.NavBar.simple .item .name{display:unset}.App{height:calc(100vh - 4 * var(--distance-medium));margin-left:0}.App .appContainer{margin-left:0;max-width:1000px;margin-right:0}.Modal{background-color:var(--white)}.Modal .content{padding:var(--distance-small);box-shadow:unset;border:none;max-height:calc(100vh - var(--distance-medium))}.Modal .content .container{margin:var(--distance-small)}.Modal .content.image{flex-direction:column}.Modal img{max-width:600px}.screen .buttons{width:300px}.ExperimentDiagram{flex-direction:column;gap:var(--distance-large)}.ExperimentDiagram h3{text-align:center}.ExperimentDiagram .icon{transform:rotate(90DEG)}.Card{flex-direction:column}}