live-view-video{display:block;position:relative;width:100%}.live-view-frame{position:relative;overflow:hidden}.live-view{position:relative;width:100%;padding-top:100%;overflow:hidden}.live-view__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.live-view__video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;background:transparent;opacity:0;transition:opacity .4s ease}live-view-video.is-playing .live-view__video{opacity:1}.live-view-hidden{display:none!important}.live-view__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease}.live-view__spinner{width:2.2rem;height:2.2rem;border:2px solid rgba(0,0,0,.18);border-top-color:#0000008c;border-radius:50%;animation:live-view-spin .8s linear infinite}@keyframes live-view-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.live-view__video{transition:none}.live-view__spinner{animation:none}}.live-view__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.live-view__play[hidden]{display:none}.live-view__play-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#0000008c;transition:background .2s ease}.live-view__play:hover .live-view__play-icon,.live-view__play:focus-visible .live-view__play-icon{background:#000000bf}.live-view__play:focus-visible{outline:2px solid #fff;outline-offset:-4px}.live-view__play svg{width:1.6rem;height:1.6rem;margin-left:.2rem;display:block}.live-view-thumb{position:relative}.live-view-thumb-badge{position:absolute;right:.5rem;bottom:.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;color:#fff;pointer-events:none}.live-view-thumb-badge svg{width:.8rem;height:.8rem;display:block}
/*# sourceMappingURL=/cdn/shop/t/13/assets/live-view.css.map */