@import"https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&display=swap";.card-container{place-items:center;height:100%;display:grid;align-content:space-around}.page-content{display:flex;grid-gap:1rem;padding:1rem;max-width:1024px;margin:0 auto;font-family:inherit}@media (max-width: 1080px){.page-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}}@media (max-width: 600px){.page-content{display:grid;grid-template-columns:repeat(1,1fr)}}@media (min-width: 800px){.page-content{display:flex}}*{box-sizing:border-box}:root{--d: .7s;--e: cubic-bezier(.19, 1, .22, 1)}.card{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:1rem;border-radius:1rem;width:auto;text-align:center;box-shadow:0 8px 30px #0003,0 0 5px #00000026;transform:scaleZ(1);transition:all .2s ease-out,filter .75s ease-out;background-color:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:350px;width:50vh;background-size:100%}@media (max-width: 425px){.card{width:auto;height:auto}}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:110%;background-size:cover;background-position:0 0;transition:transform calc(var(--d) * 1.5) var(--e);pointer-events:none}.card:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:200%;pointer-events:none;background-image:linear-gradient(to bottom,#0000,#00000002 11.7%,#00000009 22.1%,#00000012 31.2%,#0000001f 39.4%,#0000002e 46.6%,#0000003f 53.1%,#00000052 58.9%,#00000064 64.3%,#0007 69.3%,#0000008a 74.1%,#0000009b 78.8%,#000a 83.6%,#000000b8 88.7%,#000000c2 94.1%,#000000c9);transform:translateY(-50%);transition:transform calc(var(--d) * 2) var(--e)}.card-content{color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;transition:transform var(--d) var(--e);z-index:1}.card-content>*+*{margin-top:1rem}.card-title{font-size:1.3rem;font-weight:700;line-height:1.2}.card-copy{font-family:inherit;font-size:1.125rem;font-style:italic;line-height:1.35}.card-btn{cursor:pointer;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:.8rem;font-weight:bolder;letter-spacing:.025rem;text-transform:uppercase;border-radius:4px;color:#000;background-color:#ffffffeb;border:none}.card-btn:hover{background-color:#000;color:#fff;border:2px solid #ffffff}.card-btn:focus{outline:1px dashed yellow;outline-offset:3px}@media (hover: hover) and (min-width: 600px){.card:after{transform:translateY(0)}.card-content{transform:translateY(calc(100% - 4.5rem))}.card-content>*:not(.card-title){opacity:0;transform:translateY(1rem);transition:transform var(--d) var(--e),opacity var(--d) var(--e)}.card:hover,.card:focus-within{align-items:center}.card:hover:before,.card:focus-within:before{transform:translateY(-4%)}.card:hover:after,.card:focus-within:after{transform:translateY(-50%)}.card:hover .card-content,.card:focus-within .card-content{transform:translateY(0)}.card:hover .card-content>*:not(.card-title),.card:focus-within .card-content>*:not(.card-title){opacity:1;transform:translateY(0);transition-delay:calc(var(--d) / 8)}.card:focus-within:before,.card:focus-within:after,.card:focus-within .content,.card:focus-within .content>*:not(.card-title){transition-duration:0s}}.controls-form-container{padding-left:2%;width:60vh;height:100vh;display:flex;align-items:center}.controls-form-card{width:100%;min-height:50%;height:auto;border-radius:10px;background-color:#1c1c1e;color:#fff}.controls-form-header{border-radius:10px 10px 4px 4px;height:7vh;width:100%;display:flex;padding:5%;justify-content:space-between;align-content:center;flex-wrap:wrap;color:#fff;font-size:large;background-color:#22292e}.controls-form-container-forms-container{max-height:76vh;overflow-y:auto;padding:20px;box-shadow:0 2px 10px #0000001a}.controls-form-container-forms-container::-webkit-scrollbar{width:12px}.controls-form-container-forms-container::-webkit-scrollbar-track{background:#1c1c1e}.controls-form-container-forms-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid #2c2c2e}.controls-form-container-forms-container::-webkit-scrollbar-thumb:hover{background-color:#555}.controls-form-title{font-family:Playwrite DE Grund,cursive;width:65%;font-size:larger;font-weight:bolder}.controls-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2c2c2e;border:1px solid #505050;color:#fff;border-radius:8px;padding:8px 12px;margin:16px 0 20px;font-size:16px;width:100%;outline:none;cursor:pointer;transition:border-color .3s ease}.controls-form-select:hover{border-color:#636366}.controls-form-select:focus{border-color:#007aff}.controls-form-option{background-color:#1c1c1e;color:#fff}.form-label{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px;display:block}.controls-form-btn{font-family:sans-serif;font-weight:bolder;font-size:16px;padding:6px 20px;border-radius:20px;border:none;cursor:pointer;transition:background-color .3s ease}.btn-on-play,.btn-on-pause,.controls-form-reset-button{background-color:#454545;color:#fff}.btn-on-play:hover,.btn-on-pause:hover,.controls-form-guide-button:hover{background-color:#2cb189}.controls-form-reset-button:hover{background-color:#c20000;color:#fff}.ecuation-label{background-color:#2c2c2e;color:#fff;border:none;padding:5px;width:100%;height:40px;border-radius:6px;font-size:17px;align-items:center;justify-content:center}.form-input-input::-webkit-inner-spin-button,.form-input-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input-wrapper{display:flex;align-items:center;background-color:#1c1c1e;padding:12px;border-radius:10px;margin-bottom:16px;width:100%}.form-input-label{color:silver;font-size:14px;margin-right:16px;min-width:100px}.form-input-input{flex:1;background-color:#2c2c2e;color:#fff;border:none;padding:5px;border-radius:6px;font-size:14px}.form-input-input:focus{outline:none;border:1px solid #6e6e73}*{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:inherit}html,body,div#root{height:100vh;overflow:hidden}.form-scene-container{display:flex}@media (min-width: 600px){.form-scene-container{display:flex}}.graph-container{display:flex;flex-direction:column;width:35%;padding:3%}.stars,.twinkling{position:fixed;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.stars{z-index:-2;background:#000 url(https://i.imgur.com/YKY28eT.png) repeat top center}.twinkling{z-index:-1;background:transparent url(https://i.imgur.com/XYMF4ca.png) repeat top center;animation:move-twink-back 200s linear infinite}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}