.scroll-hide{scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scroll-hide::-webkit-scrollbar{display:none}.history-item{height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;background-color:#000;touch-action:pan-y}.history-transition{transition:opacity .3s ease}.video-loading{position:relative}.video-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.video-controls{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;padding:0 15px;opacity:.7;transition:opacity .3s ease}.historys-player-container:hover .video-controls,.video-controls:focus-within{opacity:1}@media (max-width: 768px){.video-controls{opacity:1;padding:0 10px}}@media (max-width: 767px){.history-item{height:100vh;width:100%}}.history-item{opacity:.9;transition:opacity .3s ease}.history-item.active{opacity:1}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#fff3;z-index:10}.progress-bar{height:100%;background-color:#fff;transition:width .1s linear}.side-controls{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;padding:10px;border-radius:24px;background-color:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.control-button{display:flex;flex-direction:column;align-items:center;color:#fff;background:transparent;border:none;cursor:pointer;padding:5px}.control-button svg{margin-bottom:4px}.history-header{position:absolute;top:0;left:0;right:0;padding:15px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(to bottom,#00000080,#0000)}.history-footer{position:absolute;bottom:20px;left:0;right:0;padding:15px;z-index:10;background:linear-gradient(to top,#00000080,#0000)}
