.short-videos-title{font-size:1.8rem;font-family:var(--font-body-family);font-weight:var(--font-body-weight);margin-block:0;color:rgb(var(--color-heading-text))}.short-videos-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;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,#111,#a9a9a9,#111);-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(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9999;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:#fff;z-index:10003;cursor:pointer;width:34px;height:34px;border:none;border-radius:50%;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.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}@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;display:block;transform:scale(1.01);-webkit-backface-visibility:hidden;backface-visibility:hidden}.short-video-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column}.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-play-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.short-video-play-hint.is-visible{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/short-videos.css.map */