body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body,#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.movieElement{flex-direction:column;display:flex}.App{text-align:center;flex-grow:1;display:flex}.container,#root,body{flex-direction:column;flex:1;display:flex}.app-content{color:#fff;background-color:#050505;flex:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:flex-start;column-gap:30px;font-size:28px;display:grid}.close{color:#fff;cursor:pointer;margin:10px;font-size:20px;font-weight:700;position:absolute;top:0;left:0}.logout-button{color:#a9a9a9;cursor:pointer;background-color:#0000;border:none;margin:10px;font-size:20px;font-weight:700;position:absolute;top:10px;right:0}h1{text-align:center}.grid-page{background-color:#050505;flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{justify-content:flex-end;padding:0 10px 12px;display:flex}.button-primary,.button-secondary{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-size:16px;transition:background-color .15s,border-color .15s}.button-primary{color:#140f06;background-color:#d4a24c;font-weight:600}.button-primary:hover:not(:disabled){background-color:#e6b55d}.button-secondary{color:#d8d8d8;background-color:#0000;border-color:#3a3a3a}.button-secondary:hover:not(:disabled){color:#fff;border-color:#6a6a6a}.button-primary:disabled,.button-secondary:disabled{opacity:.45;cursor:not-allowed}.upload-page{color:#f0f0f0;text-align:left;background-color:#050505;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:8px 20px 60px;display:flex}.upload-card{background-color:#121212;border:1px solid #262626;border-radius:14px;width:100%;max-width:560px;padding:28px 28px 24px}.upload-card h2{margin:0 0 4px;font-size:24px;font-weight:600}.upload-intro{color:#9a9a9a;margin:0 0 24px;font-size:14px;line-height:1.5}.upload-form{flex-direction:column;gap:18px;display:flex}.upload-field{flex-direction:column;gap:6px;display:flex}.upload-field>span{letter-spacing:.04em;text-transform:uppercase;color:#9a9a9a;font-size:13px}.upload-field input,.upload-field textarea{font:inherit;color:#f0f0f0;box-sizing:border-box;resize:vertical;background-color:#1c1c1c;border:1px solid #333;border-radius:8px;width:100%;padding:10px 12px;font-size:16px}.upload-field input:focus,.upload-field textarea:focus{border-color:#d4a24c;outline:none}.upload-drop{cursor:pointer;text-align:center;background-color:#171717;border:1.5px dashed #3a3a3a;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:26px 20px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.upload-drop:hover,.upload-drop.is-dragging{background-color:#1e1a12;border-color:#d4a24c}.upload-drop.has-file{border-style:solid;border-color:#4a4a4a}.upload-drop input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-drop-icon{font-size:26px;line-height:1}.upload-drop-main{color:#f0f0f0;word-break:break-all;font-size:16px}.upload-drop-hint{color:#8a8a8a;font-size:13px}.upload-progress{color:#9a9a9a;flex-direction:column;gap:6px;font-size:13px;display:flex}.upload-progress-track{background-color:#262626;border-radius:999px;height:8px;overflow:hidden}.upload-progress-bar{background-color:#d4a24c;border-radius:999px;height:100%;transition:width .2s}.upload-error{color:#ffb4a8;word-break:break-word;background-color:#2a1512;border:1px solid #5c2a22;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.upload-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.video-cell{aspect-ratio:1;background-color:#333;margin:10px;display:inline-grid;position:relative}.video-cell-image{width:100%;height:100%;position:absolute;top:0;left:0}.video-cell-overlay{background:linear-gradient(#0000 70%,#00000080 90%);flex-direction:column;justify-content:flex-end;align-items:stretch;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-cell-image img{box-sizing:border-box;width:100%;height:100%}.video-cell-overlay-content{overflow-y:hidden}.video-cell-overlay-content-title{text-align:center;margin:50% 20px 0;font-size:24px}.video-cell-overlay-content-description{text-align:left;margin:10px 20px;font-size:12px}.video-cell-overlay-content-button{background-color:#0000;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-player{z-index:20;background-color:#030303;width:100%;height:100%;position:fixed;top:0;left:0}.video-player video{object-fit:contain;min-width:100%;max-width:100%;min-height:100%;max-height:100%}