.tps-video-reel{--tps-reel-size: 72px;--tps-reel-gap: 12px;--tps-reel-ring: .6rem;display:block}.tps-video-reel--small{--tps-reel-size: 56px}.tps-video-reel--large{--tps-reel-size: 84px}@media screen and (min-width:750px){.tps-video-reel{--tps-reel-size: 80px;--tps-reel-gap: 20px}.tps-video-reel--small{--tps-reel-size: 64px}.tps-video-reel--large{--tps-reel-size: 96px}}.tps-video-reel__track{display:flex;gap:var(--tps-reel-gap);margin:calc(var(--tps-reel-ring) * -1);padding:var(--tps-reel-ring);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--tps-reel-ring);scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:flex-start}.tps-video-reel__track::-webkit-scrollbar{display:none}.tps-video-reel__item{flex:0 0 auto;scroll-snap-align:start}.tps-video-reel__card{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:44px;min-height:44px;margin:0;padding:0;border:0;font:inherit;color:rgb(var(--color-foreground));background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tps-video-reel__card:focus-visible{outline:none;box-shadow:none}.tps-video-reel__thumb{position:relative;display:block;width:var(--tps-reel-size);height:var(--tps-reel-size);overflow:hidden;background:rgb(var(--color-placeholder));border-radius:50%;transition:opacity .2s ease,transform .2s ease}.tps-video-reel__card:focus-visible .tps-video-reel__thumb,.tps-video-reel__card.focused .tps-video-reel__thumb{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:.3rem}@media(hover:hover){.tps-video-reel__card:hover .tps-video-reel__thumb{opacity:.85}}.tps-video-reel__card:active .tps-video-reel__thumb{transform:scale(.96)}.tps-video-reel__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tps-video-reel__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .45));pointer-events:none}.tps-video-reel__play .icon{width:28%;height:28%}.tps-video-reel__label{display:-webkit-box;max-width:calc(var(--tps-reel-size) + 2.4rem);overflow:hidden;font-size:1.2rem;line-height:1.3;text-align:center;overflow-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (min-width:750px){.tps-video-reel__label{font-size:1.3rem}}.tps-video-reel__dialog{--tps-reel-ratio: .5625;--tps-reel-vh: calc(92svh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) ;position:fixed;top:0;right:0;bottom:0;left:0;width:min(92vw,calc(92vh * var(--tps-reel-ratio)));width:min(92vw,calc(var(--tps-reel-vh) * var(--tps-reel-ratio)));max-width:none;height:min(calc(92vw / var(--tps-reel-ratio)),92vh);height:min(calc(92vw / var(--tps-reel-ratio)),var(--tps-reel-vh));max-height:none;margin:auto;padding:0;overflow:hidden;border:0;color:#fff;background:#000;border-radius:var(--button-radius, 1.2rem);box-shadow:0 1rem 4rem rgba(var(--color-shadow),.35)}@media screen and (max-width:749px){.tps-video-reel__dialog{--tps-reel-vh: calc(82svh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) ;width:min(90vw,calc(82vh * var(--tps-reel-ratio)));width:min(90vw,calc(var(--tps-reel-vh) * var(--tps-reel-ratio)));height:min(calc(90vw / var(--tps-reel-ratio)),82vh);height:min(calc(90vw / var(--tps-reel-ratio)),var(--tps-reel-vh))}}.tps-video-reel__dialog::backdrop{background:rgba(var(--color-overlay),.7)}.tps-video-reel__dialog[open]{animation:tpsReelIn .25s ease forwards}.tps-video-reel__dialog[open]::backdrop{animation:tpsReelFade .25s ease forwards}.tps-video-reel__dialog.is-closing{animation:tpsReelOut .2s ease forwards}.tps-video-reel__dialog.is-closing::backdrop{animation:tpsReelFade .2s ease reverse forwards}@keyframes tpsReelIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes tpsReelOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes tpsReelFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tps-video-reel__dialog[open],.tps-video-reel__dialog[open]::backdrop,.tps-video-reel__dialog.is-closing,.tps-video-reel__dialog.is-closing::backdrop,.tps-video-reel__thumb{animation:none;transition:none}}.tps-video-reel__stage{position:absolute;top:0;right:0;bottom:0;left:0}.tps-video-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.tps-video-reel__control{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;color:#fff;background:#00000073;border-radius:50%;cursor:pointer;transition:background-color .2s ease}@media(hover:hover){.tps-video-reel__control:hover{background:#000000a6}}.tps-video-reel__control:focus-visible{outline:.2rem solid white;outline-offset:.2rem;box-shadow:0 0 0 .5rem #00000080}.tps-video-reel__control>span{display:inline-flex}.tps-video-reel__control svg,.tps-video-reel__control .icon{width:1.8rem;height:1.8rem}.tps-video-reel__control--close{inset-block-start:.8rem;inset-inline-end:.8rem}.tps-video-reel__control--sound{inset-block-start:.8rem;inset-inline-start:.8rem}.tps-video-reel__control--toggle{inset-block-end:.8rem;inset-inline-start:.8rem}.tps-video-reel__control--prev,.tps-video-reel__control--next{inset-block-start:50%;transform:translateY(-50%)}.tps-video-reel__control--prev{inset-inline-start:.8rem}.tps-video-reel__control--next{inset-inline-end:.8rem}[dir=rtl] .tps-video-reel__control--prev svg,[dir=rtl] .tps-video-reel__control--next svg{transform:scaleX(-1)}.tps-video-reel__icon-sound-off,.tps-video-reel__dialog.is-muted .tps-video-reel__icon-sound-on,.tps-video-reel__control>.tps-video-reel__icon-play,.tps-video-reel__dialog.is-paused .tps-video-reel__icon-pause{display:none}.tps-video-reel__dialog.is-muted .tps-video-reel__icon-sound-off,.tps-video-reel__dialog.is-paused .tps-video-reel__icon-play{display:inline-flex}
/*# sourceMappingURL=/cdn/shop/t/88/assets/tps-video-reel.css.map */