.stt-video{position:relative;overflow:hidden;border-radius:var(--stt-video-radius);background-color:#000}.stt-video__media{width:100%;height:100%;object-fit:cover}.stt-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--stt-duration) var(--stt-ease);z-index:1}.stt-video.is-playing .stt-video__poster{opacity:0;pointer-events:none}.stt-video--vertical{aspect-ratio:var(--stt-video-aspect-vertical)}.stt-video--horizontal{aspect-ratio:var(--stt-video-aspect-horizontal)}.stt-video--square{aspect-ratio:var(--stt-video-aspect-square)}.stt-video--product{aspect-ratio:var(--stt-video-aspect-product)}.stt-video--auto{aspect-ratio:auto}.stt-video__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;background:#00000026;transition:background var(--stt-duration-fast) var(--stt-ease)}.stt-video__play:hover{background:#00000040}.stt-video.is-playing .stt-video__play{opacity:0;pointer-events:none;transition:opacity var(--stt-duration-fast) var(--stt-ease)}.stt-video__play-icon{width:56px;height:56px;border-radius:50%;background:var(--stt-glass-bg-heavy);backdrop-filter:blur(var(--stt-glass-blur));-webkit-backdrop-filter:blur(var(--stt-glass-blur));border:1px solid var(--stt-glass-border);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--stt-duration-fast) var(--stt-ease-spring),box-shadow var(--stt-duration-fast) var(--stt-ease);box-shadow:0 4px 16px #0003}.stt-video__play:hover .stt-video__play-icon{transform:scale(1.08);box-shadow:0 4px 24px #0000004d}.stt-video__play-icon:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #FFFFFF;margin-left:3px}.stt-video__play--sm .stt-video__play-icon{width:40px;height:40px}.stt-video__play--sm .stt-video__play-icon:after{border-width:7px 0 7px 12px;margin-left:2px}.stt-video__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;z-index:3}.stt-video__progress-fill{height:100%;background:var(--stt-accent);transition:width .1s linear;border-radius:0 1.5px 1.5px 0}[data-theme=dark] .stt-video__progress-fill{box-shadow:0 0 6px #d4b2754d}.stt-video__duration{position:absolute;bottom:var(--stt-space-1);right:var(--stt-space-1);z-index:2;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;color:#fff;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--stt-radius-sm);line-height:1.4}.stt-video__mute{position:absolute;top:var(--stt-space-1);right:var(--stt-space-1);z-index:3;width:36px;height:36px;border-radius:50%;background:var(--stt-glass-bg);backdrop-filter:blur(var(--stt-glass-blur));-webkit-backdrop-filter:blur(var(--stt-glass-blur));border:1px solid var(--stt-glass-border);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform var(--stt-duration-fast) var(--stt-ease-spring)}.stt-video__mute:hover{transform:scale(1.08)}.stt-feed{display:flex;gap:var(--stt-space-1);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--stt-space-2)}.stt-feed::-webkit-scrollbar{display:none}.stt-feed__item{flex:0 0 auto;scroll-snap-align:start;width:56vw;max-width:240px}.stt-feed__item .stt-video{aspect-ratio:var(--stt-video-aspect-vertical)}@media(min-width:768px){.stt-feed{gap:var(--stt-space-2);padding:0}.stt-feed__item{width:220px}}@media(min-width:1024px){.stt-feed__item{width:200px;max-width:none}}.stt-feed__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--stt-space-3) var(--stt-space-1) var(--stt-space-1);background:linear-gradient(transparent 0%,#0009);z-index:2;display:flex;flex-direction:column;gap:.25rem}.stt-feed__title{font-size:var(--stt-text-sm);font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stt-feed__brand{font-size:var(--stt-text-xs);color:#ffffffbf;text-transform:uppercase;letter-spacing:.05em}.stt-feed__actions{position:absolute;right:var(--stt-space-1);bottom:calc(var(--stt-space-3) + 3rem);z-index:3;display:flex;flex-direction:column;align-items:center;gap:var(--stt-space-2)}.stt-feed__action-btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;color:#fff;font-size:.625rem;cursor:pointer}.stt-feed__action-btn svg{width:28px;height:28px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.stt-player{position:relative;overflow:hidden;border-radius:var(--stt-video-radius);background:#000;aspect-ratio:var(--stt-video-aspect-horizontal)}.stt-player__video{width:100%;height:100%;object-fit:contain}.stt-player__controls{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:var(--stt-space-3) var(--stt-space-2) var(--stt-space-1);background:linear-gradient(transparent 0%,#000000b3);display:flex;align-items:center;gap:var(--stt-space-1);opacity:0;transition:opacity var(--stt-duration-fast) var(--stt-ease)}.stt-player:hover .stt-player__controls,.stt-player.is-paused .stt-player__controls{opacity:1}@media(hover:none){.stt-player__controls{opacity:1}}.stt-player__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border-radius:50%;transition:background var(--stt-duration-fast) var(--stt-ease)}.stt-player__btn:hover{background:#ffffff1a}.stt-player__time{font-size:var(--stt-text-xs);color:#fffc;font-variant-numeric:tabular-nums;white-space:nowrap}.stt-player__seek{flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative}.stt-player__seek-fill{height:100%;background:var(--stt-accent);border-radius:2px;position:relative}.stt-player__seek-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:var(--stt-accent);border-radius:50%;transition:transform var(--stt-duration-fast) var(--stt-ease-spring)}.stt-player:hover .stt-player__seek-fill:after{transform:translateY(-50%) scale(1)}.stt-player--fullscreen{border-radius:0}.stt-video-hero{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000}@media(max-width:767px){.stt-video-hero{aspect-ratio:4 / 5}}.stt-video-hero__video{width:100%;height:100%;object-fit:cover}.stt-video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 30%,#0009);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--stt-space-4) var(--stt-space-2);z-index:2}@media(min-width:768px){.stt-video-hero__overlay{padding:var(--stt-space-8) var(--stt-space-4)}}.stt-video-hero__title{font-family:var(--stt-font-heading);font-size:var(--stt-text-4xl);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.02em}@media(min-width:768px){.stt-video-hero__title{font-size:var(--stt-text-5xl)}}.stt-video-hero__subtitle{font-size:var(--stt-text-base);color:#ffffffd9;margin-top:var(--stt-space-1);max-width:540px}.stt-video-grid{display:grid;gap:var(--stt-space-1);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.stt-video-grid{grid-template-columns:repeat(3,1fr);gap:var(--stt-space-2)}}@media(min-width:1024px){.stt-video-grid{grid-template-columns:repeat(4,1fr)}}.stt-video-grid .stt-video{aspect-ratio:var(--stt-video-aspect-product)}.stt-video--mini{border-radius:var(--stt-radius-sm)}.stt-video--mini .stt-video__play-icon{width:32px;height:32px}.stt-video--mini .stt-video__play-icon:after{border-width:6px 0 6px 10px;margin-left:2px}.stt-video-indicator{position:absolute;top:var(--stt-space-1);left:var(--stt-space-1);z-index:2;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600;color:#fff;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--stt-radius-sm);text-transform:uppercase;letter-spacing:.05em}.stt-video-indicator svg{width:12px;height:12px}.stt-live-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;color:#fff;background:var(--stt-sale);border-radius:var(--stt-radius-full);text-transform:uppercase;letter-spacing:.05em}.stt-live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:stt-live-pulse 1.5s ease infinite}@keyframes stt-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.stt-video-skeleton{position:relative;overflow:hidden;background:var(--stt-bg-alt);border-radius:var(--stt-video-radius)}.stt-video-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);animation:stt-shimmer 1.5s infinite}@keyframes stt-shimmer{to{transform:translate(100%)}}[data-theme=dark] .stt-video-skeleton{background:var(--stt-bg-elevated)}[data-theme=dark] .stt-video-skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}@media(prefers-reduced-motion:reduce){.stt-live-badge:before{animation:none}.stt-video-skeleton:after{animation:none}.stt-video__poster,.stt-player__controls,.stt-video__play{transition:none!important}}@supports not (backdrop-filter: blur(1px)){.stt-video__play-icon{background:#000000b3}.stt-video__mute{background:#0009}.stt-video-indicator{background:#000000bf}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/stt-video.css.map */