body{height:90vh;overflow:hidden;margin:0;padding:0;background-color:var(--color-dark);color:#fff;--color-light: rgb(43 49 65);--color-dark: rgb(36 41 51)}.nav{height:6vh;width:100%;position:absolute;background-color:var(--color-light);box-shadow:0 0 10px #0000004d}.grid-container{display:grid;grid-template-columns:repeat(2,50vw);grid-template-rows:repeat(2,44vh);height:100%;gap:3px;padding-top:6vh}.window{min-width:200px;min-height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}a{color:#fff;cursor:pointer;text-decoration:underline}.shadow{position:absolute;width:100%;height:100%;top:0;left:0;box-shadow:inset 0 0 10px #0000004d;pointer-events:none}.nav-shadow{position:absolute;width:100%;height:100%;top:0;left:0;--clip-size: 10px;--nav-shadow: inset 0px 0px 10px 0 rgba(0, 0, 0, .5);pointer-events:none}.window:nth-child(1) .nav-shadow{clip-path:inset(0 0 calc(100% - var(--clip-size)) 0);box-shadow:var(--nav-shadow)}.window:nth-child(2) .nav-shadow{clip-path:inset(0 0 calc(100% - var(--clip-size)) 0);box-shadow:var(--nav-shadow)}.window:nth-child(3) .nav-shadow{clip-path:inset(calc(100% - var(--clip-size)) 0 0 0);box-shadow:var(--nav-shadow)}.window:nth-child(4) .nav-shadow{clip-path:inset(calc(100% - var(--clip-size)) 0 0 0);box-shadow:var(--nav-shadow)}.window .dropdown{position:absolute;top:5px;right:5px;z-index:10;display:none}.window:hover .dropdown{display:block}.graph{width:100%;height:100%;padding:5px}.select-title{font-weight:700}.select-title select{font-size:5vh;padding:.5vh!important;padding-right:.9em!important;padding-left:10px!important;background-color:transparent!important}.select-title .dropdown-arrow{display:block;fill:#fff;color:#fff;pointer-events:none}.select-title .dropdown-arrow svg{padding-top:4px;scale:1.5}.hover-trigger{margin:0!important;filter:drop-shadow(0px 0px 2px rgb(0,0,0,.5))}.description{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;height:100%;padding:1em 1em 2em;display:flex;gap:1em;flex-direction:column}.description::-webkit-scrollbar{display:none}.video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video{width:100%;height:min-content}.video.loading{display:none}.cursor-pan{cursor:move}.spinner{width:var(--spinner-size);height:var(--spinner-size);position:relative;--spinner-size: 12%}.spinner div{box-sizing:border-box;display:block;position:absolute;width:100%;aspect-ratio:1;border:6px solid #000;border-radius:50%;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.spinner div:nth-child(1){animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-container{position:relative;display:flex;flex-direction:row;align-items:center}.select-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;color:#fff;outline:none;border:none;cursor:pointer;display:inline;padding:5px 1.5em 5px 5px;background-color:var(--color-light);border-radius:5px}.dropdown-arrow{display:inline;fill:#fff;color:#fff;margin-left:-1.4em;pointer-events:none}.dropdown-arrow svg{padding-top:4px}.dropdown-arrow div{display:inline}.select-container option{background-color:var(--color-light);outline:none;border:none}.playback-controls{position:absolute;bottom:0;left:0;width:100%}.buttons{background-color:var(--color-light);height:6vh;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;padding:0 10px 3px;font-size:.8rem}.buttons button{background-color:transparent;border:none;color:#fff;cursor:pointer;outline:none;fill:#fff;filter:drop-shadow(0px 0px 4px rgba(0,0,0,1))}.buttons button:hover{color:#fff;filter:drop-shadow(0px 0px 2px rgba(255,255,255,.1))}.buttons input[type=range]{width:60%;margin:0 10px}.buttons img{fill:#fff;color:#fff}#prev-frame,#next-frame{fill:#fff;scale:1.75}#play-pause{scale:2.25}.playback-buttons{display:flex;flex-direction:row;gap:15px;margin-top:6px}.slider-hover{height:20px;position:relative;cursor:pointer}.slider{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ccc;transition:ease-in-out .2s height}.slider-hover:hover .slider{height:5px}.track{position:absolute;top:0;left:0;height:100%;background-color:#37a2eb}.slider-hover:hover .track{box-shadow:0 0 4px #83cdff}.thumb{display:none}*{box-sizing:border-box;padding:0;margin:0}html{font-family:Arial,Helvetica,sans-serif}