.short-videos-grid{display:flex;gap:12px;overflow-x:auto;padding:10px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap}.short-videos-grid::-webkit-scrollbar{display:none}.short-video-item{flex:0 0 110px;flex-shrink:0;cursor:pointer;border-radius:50%;position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;isolation:isolate}.short-video-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:50%;background:conic-gradient(from 0deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888,#f09433);-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:ig-rotate 2s linear infinite;pointer-events:none}@keyframes ig-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:740px){.short-video-item{flex:0 0 90px}}.short-video-wrapper{width:calc(100% - 4px);height:calc(100% - 4px);position:relative;border-radius:50%;overflow:hidden;background:#000;border:2px solid #fff;z-index:1}.short-video-preview{width:100%;height:100%;object-fit:cover;pointer-events:none}.short-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000001a;color:#fff;pointer-events:none}.short-video-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#fff9!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;z-index:2147483647!important;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.short-video-modal.is-open{opacity:1;visibility:visible;display:flex!important}.short-video-modal-close{position:absolute;top:calc(env(safe-area-inset-top,20px) + 15px);right:35px;color:#000;z-index:10002;cursor:pointer;padding:8px;background:#0000000d;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center}.short-video-next-hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:50%;transform:translate(-50%);background:none;border:none;padding:6px;color:#00000073;cursor:pointer;z-index:10002;display:flex;align-items:center;justify-content:center;animation:sv-next-bounce 2.2s ease-in-out infinite;transition:opacity .25s ease,color .2s ease}.short-video-next-hint:hover{color:#000c}.short-video-next-hint.is-hidden{opacity:0;pointer-events:none}@keyframes sv-next-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.short-video-prev-hint{position:absolute;top:calc(env(safe-area-inset-top,0px) + 18px);left:50%;transform:translate(-50%);background:none;border:none;padding:6px;color:#00000073;cursor:pointer;z-index:10002;display:flex;align-items:center;justify-content:center;animation:sv-prev-bounce 2.2s ease-in-out infinite;transition:opacity .25s ease,color .2s ease}.short-video-prev-hint:hover{color:#000c}.short-video-prev-hint.is-hidden{opacity:0;pointer-events:none}@keyframes sv-prev-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.short-video-modal-viewport{width:100%;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.short-video-modal-viewport::-webkit-scrollbar{display:none}.short-video-slide{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;position:relative;padding:30px 20px}.short-video-player-wrapper{height:100%;max-height:82vh;aspect-ratio:9 / 16;position:relative;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000004d;display:flex;align-items:center;justify-content:center}@media screen and (max-width:740px){.short-video-player-wrapper{max-height:80vh;width:auto}}.full-video-player{width:100%;height:100%;object-fit:cover}.short-video-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column}.short-video-progress-container{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#fff3;z-index:10002;pointer-events:auto;cursor:pointer;touch-action:none;transition:height .15s ease}.short-video-progress-container:hover,.short-video-progress-container.is-scrubbing{height:10px}.short-video-progress-bar{height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;will-change:transform}.short-video-progress-thumb{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 4px #0006;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease;pointer-events:none;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)}.short-video-controls-side{position:absolute;bottom:20px;right:15px;display:flex;flex-direction:column;gap:20px;pointer-events:auto;z-index:10001}.short-video-controls-side button{background:#0003;color:#fff;border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-mute-unmute .icon-audio-on{display:none}.video-mute-unmute.is-unmuted .icon-audio-on{display:block}.video-mute-unmute.is-unmuted .icon-audio-off{display:none}.video-mute-unmute .icon-audio-off{display:block}.short-video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sv-spin .7s linear infinite;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10001}.short-video-loading.is-visible{opacity:1}@keyframes sv-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.short-video-pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);color:#fff;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));z-index:10001}.short-video-slide.is-paused .short-video-pause-indicator{opacity:1;transform:translate(-50%,-50%) scale(1)}.short-video-play-hint.is-visible{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/short-videos.css.map */