.file-gallery[data-v-02274eff]{width:100%;height:100vh;display:flex;flex-direction:column;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-padding-bottom:50px}.category-stats[data-v-02274eff]{position:sticky;top:0;background:#333;color:#fff;padding:10px;font-size:14px;z-index:10;border-bottom:1px solid #555;box-shadow:0 2px 5px rgba(0,0,0,.2)}.category-stats-item[data-v-02274eff]{margin-right:15px}.loading[data-v-02274eff],.no-files[data-v-02274eff]{text-align:center;color:#fff}.file[data-v-02274eff]{margin-top:60px;margin-bottom:60px;text-align:center;scroll-snap-align:center;position:relative}.file img[data-v-02274eff],.file video[data-v-02274eff]{max-width:100%;height:auto;border-radius:5px}.file-controls[data-v-02274eff]{margin-top:10px;display:flex;gap:10px;justify-content:center;flex-direction:column}.category-item[data-v-02274eff]{display:flex;align-items:center}.category-input[data-v-02274eff]{margin-top:10px;padding:5px;width:200px}.vote-controls[data-v-02274eff]{display:flex;gap:5px}button[data-v-02274eff]{background:#333;color:#fff;border:1px solid #666;padding:5px 10px;cursor:pointer;transition:all .3s ease}button[data-v-02274eff]:hover{background:#555;border-color:#888}.delete-button[data-v-02274eff]{background:#600}.delete-button[data-v-02274eff]:hover{background:#800}.play-pause-icon[data-v-02274eff]{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%) scale(1);opacity:1;background-size:contain;background-repeat:no-repeat;pointer-events:none;animation:pop-fade-02274eff .8s ease-out forwards}.play-pause-icon.play[data-v-02274eff]{background-image:url(/img/sign_play.f8f77611.png)}.play-pause-icon.pause[data-v-02274eff]{background-image:url(/img/sign_pause.af0ba913.png)}@keyframes pop-fade-02274eff{0%{transform:translate(-50%,-50%) scale(.7);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.animation-container[data-v-02274eff]{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);pointer-events:none;transition:opacity 1s ease}.animation-active[data-v-02274eff]{animation:chainAnimation-02274eff 8s ease-in-out infinite;opacity:.3}.animation-fade-out[data-v-02274eff]{animation:easeOut-02274eff .3s ease-in-out forwards}.animation-image[data-v-02274eff]{width:120px;height:120px}@keyframes chainAnimation-02274eff{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(1)}10%{opacity:.3;transform:translateX(-50%) translateY(0) scale(1)}15%{transform:translateX(-50%) translateY(-20%) scale(1)}20%{transform:translateX(-50%) translateY(0) scale(1)}30%{transform:translateX(-50%) translateY(0) scale(1)}35%{transform:translateX(-50%) translateY(-20%) scale(1)}40%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(0) scale(1)}55%{transform:translateX(-50%) translateY(-20%) scale(1)}60%{transform:translateX(-50%) translateY(0) scale(1)}70%{transform:translateX(-50%) translateY(0) scale(1)}75%{transform:translateX(-50%) translateY(-20%) scale(1)}80%{transform:translateX(-50%) translateY(0) scale(1)}90%{transform:translateX(-50%) translateY(0) scale(1);opacity:.3}99%{opacity:0;transform:translateX(-50%) translateY(-100px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes easeOut-02274eff{0%{opacity:.3}to{opacity:0}}.video-container[data-v-02274eff]{position:relative;display:inline-block}.video-categories-overlay[data-v-02274eff]{position:absolute;top:15px;left:15px;color:#ff5f37;font-family:Geneva,sans-serif;font-size:24px;z-index:5;background-color:transparent;text-align:left;padding:0;max-width:80%;opacity:0;transition:opacity 1s}.video-categories-overlay ul[data-v-02274eff]{list-style-type:none;margin:0;padding:0}.video-categories-overlay li[data-v-02274eff]{margin-bottom:5px}body{height:100%;margin:0;padding:0;background-color:#000;display:flex;flex-direction:column;color:#fff;overflow:hidden}.auth-buttons button,.auth-modal input,.user-info span,body,button{font-family:Geneva,sans-serif}#app{height:100%;display:flex;flex-direction:column}.consent-modal,.exit-screen{position:fixed;top:0;left:0;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.exit-message{font-size:20px;word-wrap:break-word}.consent-content{background:#000;padding:20px;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,100%,.3)}.consent-modal,.exit-screen{width:90%}@media (min-width:600px){.consent-modal,.exit-screen{width:100%}}.consent-content,.exit-message{max-width:600px}.consent-logo{width:100px}h2,p{font-size:16px}.auth-buttons,.user-info{position:relative;z-index:1000;margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0}.auth-buttons{justify-content:space-between;width:100%}.auth-buttons,.site-title{display:flex;align-items:center}.site-title{margin-left:5px;margin-top:5px;font-size:30px}.site-logo{width:45px;height:45px;margin-right:10px}.button-container{display:flex;justify-content:flex-end;margin-right:5px}.auth-buttons button{margin:5px;padding:6px 12px;border:1px solid #fff;background:#000;color:#fff;font-size:14px;cursor:pointer;border-radius:5px}.user-info{display:flex;justify-content:space-between;align-items:center;color:#fff}.gallery-container{flex-grow:1;margin-top:0;padding:0;display:flex;justify-content:center;overflow-y:auto;height:100%}button{margin:5px;padding:6px 12px;border:1px solid #fff;background:#000;color:#fff;font-size:20px;cursor:pointer;border-radius:5px;transition:all .2s ease-in-out}button:hover{background:#fff;color:#000}button:first-of-type,button:last-of-type{background:#000;color:#fff}.cog-icon{width:20px;height:20px;cursor:pointer;margin-right:10px}.auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;padding:20px;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,100%,.3);z-index:1001;display:flex;flex-direction:column;align-items:center}.auth-modal input{margin:10px 0;padding:10px;width:100%;max-width:300px;background-color:#333;border:1px solid #fff;color:#fff;font-size:16px;border-radius:5px}.login-buttons{display:flex;justify-content:space-between;width:100%;max-width:300px}.login-buttons button{margin:5px;padding:6px 12px;border:1px solid #fff;background:#000;color:#fff;font-size:14px;cursor:pointer;border-radius:5px;width:48%}.login-buttons button:hover{background:#fff;color:#000}