.hour-block{flex:1;background-color:#ddd;position:relative;border-left:1px solid #282a36}.hour-block span{position:absolute;top:5px;left:50%;transform:translateY(25px) translate(-50%);font-size:12px;color:#282a36;text-align:center}.has-video{background-color:#85fca3}.timeline-container{position:relative;margin:20px 0;cursor:pointer}.timeline{display:flex;height:30px}.timeline :first-child{border-radius:5px 0 0 5px;border-left:none}.timeline :last-child{border-radius:0 5px 5px 0}.seek-bar{position:absolute;top:0;width:2px;height:30px;background-color:#282a36;z-index:2}.seek-bar .seek-bar-thumb{position:absolute;top:-20px;transform:translate(-50%);left:-10px;color:#f8f8f2;font-size:12px}:root{--accent: #bd93f9;--bg: #f8f8f2;--text: #282a36;--text-light: #6272a4;--accent-hover: rgb(166.0736842105, 109.4842105263, 246.9157894737);--accent-text: #f8f8f2}@media (prefers-color-scheme: dark){:root{color-scheme:light;--accent: #bd93f9;--bg: #f8f8f2;--text: #282a36;--text-light: #6272a4;--accent-hover: rgb(166.0736842105, 109.4842105263, 246.9157894737);--accent-text: #f8f8f2}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}html,body{padding:0;margin:0;height:100%;width:100%;display:inherit;overflow:auto}#root{display:grid;height:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{color:#bd93f9}.p-4{padding:1rem}.space-y-4>*+*{margin-top:1rem}.flex{display:flex;direction:row;gap:.5rem}.flex .g-4{gap:1rem}.selected{background-color:#bd93f9;color:#f8f8f2;border:1px solid #bd93f9}.outline{background-color:transparent;color:#bd93f9;border:1px solid #bd93f9}.outline:hover{color:#f8f8f2}.play-button{display:flex;margin:3rem auto .5rem;width:140px;border-radius:.5rem;align-items:center;justify-content:center;gap:.25rem}.checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.checkbox-list>label{width:100px;font-size:1rem}.error{color:#f55}*,*:before,*:after{box-sizing:border-box}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px}.video-name{font-weight:700;margin:0;width:240px}.video-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.video-container{position:relative;width:240px;aspect-ratio:16/9;border-radius:8px;overflow:hidden}.video-container img{width:240px;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6272a4;opacity:.8;display:flex;align-items:center;justify-content:center;z-index:1;transition:opacity .3s ease}.video-loader.loaded{opacity:0;pointer-events:none}.video-loader span{color:#f8f8f2}