body{font-family:monospace;margin:0}body>*{padding:1.4vw 2vw}.intro{background-color:#f8f8f8;border-bottom:3px solid #888}.intro h1{margin:0}.request,.results{width:100%;box-sizing:border-box;display:grid;padding:2vw;gap:1.2vw}.request>*,.results>*{padding:20px;border-radius:20px;transition:background-color .3s,border .3s,box-shadow .3s}.request>*:nth-child(5n),.results>*:nth-child(5n){background-color:rgba(51,136,255,.2);box-shadow:0px 3px #38f;border:3px solid #38f}.request>*:nth-child(5n+1),.results>*:nth-child(5n+1){background-color:rgba(255,255,0,.2666666667);box-shadow:0px 3px #ff0;border:3px solid #ff0}.request>*:nth-child(5n+2),.results>*:nth-child(5n+2){background-color:rgba(0,0,255,.1333333333);box-shadow:0px 3px blue;border:3px solid blue}.request>*:nth-child(5n+3),.results>*:nth-child(5n+3){background-color:rgba(255,0,255,.2);box-shadow:0px 3px #f0f;border:3px solid #f0f}.request>*:nth-child(5n+4),.results>*:nth-child(5n+4){background-color:rgba(51,255,102,.2666666667);box-shadow:0px 3px #3f6;border:3px solid #3f6}.request>*:has(:disabled),.results>*:has(:disabled){background-color:rgba(136,136,136,.2);box-shadow:0px 3px #888;border:3px solid #888}.request{grid-template-columns:1fr 2fr 2fr}.request>.upload{grid-row:span 2;font-size:1.4em}.request>.upload label{cursor:pointer;aspect-ratio:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;text-align:center;font-weight:600}.request>.upload input{opacity:0;visibility:hidden}.request>.settings{display:grid;grid-template-columns:1fr 7fr;-moz-column-gap:10px;column-gap:10px;align-content:space-around}.request>.settings>.divide{width:calc(100% + 40px);background-color:hsla(0,0%,100%,.5333333333);height:3px;position:relative;left:-20px;margin:5px 0}.request>.settings._2{grid-template-columns:1fr 4fr 1fr 4fr}.request>.settings._2>.divide{grid-column:span 4}.request>.submit{grid-column:span 2}.request>.submit button{background-color:rgba(0,0,0,0);border:none;outline:none;width:100%;height:100%;border-radius:15px;font-size:2vw;font-weight:bold;opacity:.75;display:flex;align-items:center;transition:all .3s;justify-content:center}.request>.submit button span{transition:all .3s;margin-left:8px;height:1.6em}.request>.submit button:not(:disabled):hover{opacity:1;cursor:pointer}.request>.submit button:not(:disabled):hover span{margin-left:15px}.results{grid-template-columns:3fr 1fr}.results .player{background:none;padding:0;border:none;box-shadow:none;margin-bottom:-3px}.results .player video{width:100%;border-radius:20px;margin-bottom:-3px}.results .graph{grid-column:span 2;position:relative}.results .graph .quant-mods{position:absolute;top:20px;right:20px}.results .graph .download-csv{float:right;margin-top:16px;border:2px solid blue;box-shadow:0px 2px blue;text-transform:uppercase;font-family:monospace;background:#ddf;border-radius:10px;padding:8px 12px;cursor:pointer}.results .overview.loading::after{content:"";animation:loading 1s infinite}@keyframes loading{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.hidden{opacity:0;visibility:hidden;top:0;position:absolute;pointer-events:none}