.product-video-square{position:relative;width:100%;overflow:hidden;background:#000}.product-video-square .product-video-square__surface{width:100%;background:#000}.product-video-square__poster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#000}.product-video-square__poster img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.product-media-container.product-video-square .product-video-square__surface.media>.product-video-square__controls{display:grid;place-items:center;pointer-events:none}.product-video-square__play{position:relative;z-index:2;display:grid;place-items:center;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;padding:0;color:rgb(var(--color-button-text));background:rgba(var(--color-button),.92);border:0;border-radius:50%;box-shadow:0 0 0 .1rem rgba(var(--color-button-text),.2);cursor:pointer;pointer-events:auto;touch-action:manipulation}.product-video-square__play:hover{transform:scale(1.06)}.product-video-square__play:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-video-square__play-icon{display:inline-flex;width:18px;height:22px}.product-video-square__play-icon svg{width:100%;height:100%}.product-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;width:100vw;height:100vh;height:100dvh;background:#000}.product-video-modal[open]{display:block}.product-video-modal__dialog,.product-video-modal__player{width:100%;height:100%}.product-video-modal__dialog{position:relative;display:flex;align-items:center;justify-content:center;outline:0}.product-video-modal__player{display:flex;align-items:center;justify-content:center;background:#000}.product-video-modal__player video{display:block;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;object-fit:contain;object-position:center;background:#000}.product-video-modal__close{position:fixed;top:max(1.2rem,env(safe-area-inset-top));right:max(1.2rem,env(safe-area-inset-right));z-index:2;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:1.1rem;color:#000;background:#ffffffeb;border:0;border-radius:50%;cursor:pointer}.product-video-modal__close svg{width:100%;height:100%}.product-video-modal__close:focus-visible{outline:.3rem solid #fff;outline-offset:.3rem}body.product-video-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/18/assets/product-video-square.css.map */