.short-video-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:9999px;background:conic-gradient(from 0deg,var(--sv-ring-start, transparent),var(--sv-ring-end, var(--color-secondary)),var(--sv-ring-start, transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:short-videos-ring-rotate 2.4s linear infinite;pointer-events:none}.short-video-item.is-watched:before{background:#d4d4d8;animation:none}@keyframes short-videos-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.short-video-modal{height:100dvh}.short-video-modal.is-open{opacity:1;visibility:visible}.short-video-modal-close{top:calc(env(safe-area-inset-top,12px) + 12px)}.short-video-next-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);animation:short-videos-next-bounce 2.2s ease-in-out infinite}.short-video-prev-hint{top:calc(env(safe-area-inset-top,0px) + 12px);animation:short-videos-prev-bounce 2.2s ease-in-out infinite}.short-video-next-hint.is-hidden,.short-video-prev-hint.is-hidden{opacity:0;pointer-events:none}@keyframes short-videos-next-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes short-videos-prev-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.short-video-modal-viewport{scroll-snap-type:y mandatory;scrollbar-width:none}.short-video-modal-viewport::-webkit-scrollbar{display:none}.short-videos-grid{scrollbar-width:none}.short-videos-grid::-webkit-scrollbar{display:none}.short-video-slide{height:100dvh;scroll-snap-align:center}.short-video-progress-container{touch-action:none}.short-video-progress-bar{transform:scaleX(0);transform-origin:left;will-change:transform}.short-video-progress-thumb{transform:translate(-50%,-50%) scale(0);transition:transform .15s ease;will-change:left}.short-video-progress-container:hover .short-video-progress-thumb,.short-video-progress-container.is-scrubbing .short-video-progress-thumb{transform:translate(-50%,-50%) scale(1)}.video-mute-unmute.is-unmuted .icon-audio-on{display:block}.video-mute-unmute.is-unmuted .icon-audio-off{display:none}.short-video-pause-indicator{transform:translate(-50%,-50%) scale(.7)}.short-video-slide.is-paused .short-video-pause-indicator{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(prefers-reduced-motion:reduce){.short-video-item:before,.short-video-next-hint,.short-video-prev-hint{animation:none}}
