:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;height:100%}.placeholder{aspect-ratio:16 / 9;background-color:gray;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.sidebar{background-color:#000;border-bottom:3px solid #FF6A13;margin-bottom:4px;padding:1rem .5rem}.logo{display:block;margin-inline:auto}.profiles{display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem}#profiles-label{font-size:.875rem;font-weight:500}#profiles-select{padding:.5rem;border-radius:4px;border:1px solid #444;background-color:#1a1a1a;color:#ffffffde;font-size:.875rem;cursor:pointer;outline:none;transition:border-color .2s}#profiles-select:hover{border-color:#ff6a13}#profiles-select:focus{border-color:#ff6a13}.gallery{box-sizing:border-box;display:grid;padding:4px;gap:4px;min-height:100vh;height:auto}@media (min-width: 720px){.wrapper{display:flex;flex-direction:row}.loading-text{grid-area:span 2;align-content:center;justify-items:center}.sidebar{border-bottom:0;border-right:3px solid #FF6A13;margin:0;max-width:140px}.gallery{height:100vh;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));width:calc(100vw - 140px)}}.gallery video{aspect-ratio:16 / 9;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;position:relative;z-index:2}.grid-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.video{background-color:#141414;display:flex;position:relative;max-height:100%;width:100%}.video--stopped{cursor:pointer}.video--playing:after{content:""}.loader{width:48px;height:48px;border-radius:50%;display:block;position:absolute;inset:0;margin:auto;animation:rotate 1s linear infinite;opacity:.8}.loader:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid #FFF;animation:prixClipFix 2s linear infinite}.title{font-size:12px;line-height:1;height:fit-content;width:fit-content;text-shadow:0px 0px 4px black;position:absolute;inset:.5rem 0 0 .5rem;z-index:5}.controls{align-items:center;aspect-ratio:inherit;background:#0009;cursor:pointer;display:flex;gap:24px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.66,0,.34,1);z-index:3}.controls__icon{height:60px;width:60px;display:block;padding:12px;position:relative;z-index:5}.controls svg{fill:#fff;height:100%;width:auto}.video--playing:hover .controls{opacity:1}.play-icon{position:absolute;inset:0;margin:auto;height:36px;width:36px;opacity:.5}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}