.main-product__video{padding:0 20px}.main-product__fabric-video{position:relative;height:175px;margin-top:44px;overflow:hidden;background:#111}.main-product__fabric-video img{display:block;width:100%;height:100%;object-fit:cover;opacity:.55}.main-product__fabric-video video{display:block;width:100%;height:100%;object-fit:cover}.main-product__fabric-video.is-portrait{background:#f6f6f5}.main-product__fabric-video.is-portrait video{object-fit:contain}.main-product__fabric-video [data-yx-video-play]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;padding:0;border:0;background:transparent;-webkit-appearance:none;appearance:none;opacity:1;place-items:center;transition:opacity .16s ease,visibility .16s ease;visibility:visible}.main-product__fabric-video [data-yx-video-play]:before{content:"";width:56px;height:42px;background:var(--yx-yellow)}.main-product__fabric-video [data-yx-video-play]:after{content:"";position:absolute;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #000;transform:translate(2px)}.main-product__fabric-video.is-playing [data-yx-video-play]{opacity:0;pointer-events:none;visibility:hidden}.main-product__fabric-video.is-playing.is-controls-visible [data-yx-video-play],.main-product__fabric-video.is-playing [data-yx-video-play]:focus-visible{opacity:1;pointer-events:auto;visibility:visible}.main-product__fabric-video.is-playing [data-yx-video-play]:after{width:14px;height:16px;margin-left:0;border:0;background:linear-gradient(90deg,#000 0 4px,transparent 4px 10px,#000 10px 14px);transform:none}@media(hover:hover)and (pointer:fine)and (max-width:1199px){.main-product__fabric-video.is-playing:hover [data-yx-video-play]{opacity:1;pointer-events:auto;visibility:visible}}@media(hover:hover)and (pointer:fine)and (min-width:1200px){.main-product__fabric-video.is-playing.is-media-hovered [data-yx-video-play]{opacity:1;pointer-events:auto;visibility:visible}}@media screen and (min-width:1200px){.main-product__video{padding:0}.main-product__fabric-video{width:1840px;height:960px;margin-top:64px;border-radius:5px}.main-product__fabric-video img{opacity:.55}.main-product__fabric-video [data-yx-video-play]{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:42px;border-radius:5px;background:#fbbe09;cursor:pointer}.main-product__fabric-video [data-yx-video-play]:before{display:none}.main-product__fabric-video [data-yx-video-play]:after{position:static;transform:none;width:0;height:0;margin-left:2px;border-top-width:7.5px;border-bottom-width:7.5px}}@media screen and (min-width:1200px)and (max-width:1919px){.main-product__fabric-video{width:100%;height:auto;aspect-ratio:1840 / 960;margin-inline:auto}.main-product__fabric-video img,.main-product__fabric-video video{object-position:center}}.yx-product-video-dialog{display:none}@media screen and (max-width:749px){.main-product__fabric-video{margin-top:24px}html.yx-product-video-modal-open,html.yx-product-video-modal-open body{overflow:hidden}.yx-product-video-dialog[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:grid;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:16px;border:0;background:#111;color:#fff;place-items:center}.yx-product-video-dialog::backdrop{background:#000000db}.yx-product-video-dialog__shell,.yx-product-video-dialog__slot{display:grid;width:100%;height:100%;place-items:center}.yx-product-video-dialog__close{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:2;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:2px;background:#111111b8;color:#fff;cursor:pointer}.yx-product-video-dialog__close:before,.yx-product-video-dialog__close:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.yx-product-video-dialog__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.yx-product-video-dialog__close:focus-visible{outline:2px solid var(--yx-yellow);outline-offset:3px}.yx-product-video-dialog .main-product__fabric-video.is-popup{width:var(--yx-video-popup-width, calc(100vw - 32px) );height:var(--yx-video-popup-height, calc(100dvh - 96px) )!important;margin:0;border-radius:5px;background:#000;aspect-ratio:auto!important}.yx-product-video-dialog .main-product__fabric-video.is-popup video{object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/yx-pdp-product-video.css.map */