/* The video module's single control style. Shared by the actual buttons and admin preview. */
:is(.onx-video-host,.onx-video-preview) .onx-video-control{appearance:none;-webkit-appearance:none;box-sizing:border-box;position:absolute;top:var(--onx-pvt-top);right:var(--onx-pvt-right);bottom:var(--onx-pvt-bottom);left:var(--onx-pvt-left);z-index:8;display:flex;align-items:center;justify-content:center;width:var(--onx-pvt-size);height:var(--onx-pvt-size);min-width:var(--onx-pvt-size);min-height:var(--onx-pvt-size);max-width:var(--onx-pvt-size);max-height:var(--onx-pvt-size);margin:0;padding:0;flex:0 0 auto;aspect-ratio:1;border:1px solid #ffffffaa;border-radius:var(--onx-pvt-radius);background:var(--onx-pvt-bg);background-image:none;color:var(--onx-pvt-color);box-shadow:0 3px 12px #12172a20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;cursor:pointer;overflow:hidden;line-height:1;text-transform:none;touch-action:manipulation;transition:none;animation:none;transform:none}
:is(.onx-video-host,.onx-video-preview) .onx-video-control:hover,:is(.onx-video-host,.onx-video-preview) .onx-video-control:active{background:var(--onx-pvt-bg);color:var(--onx-pvt-color);box-shadow:0 3px 12px #12172a20;transform:none}
:is(.onx-video-host,.onx-video-preview) .onx-video-control::before,:is(.onx-video-host,.onx-video-preview) .onx-video-control::after{content:none}
:is(.onx-video-host,.onx-video-preview) .onx-video-control>svg{display:block;flex:0 0 auto;width:44%;height:44%;margin:0;pointer-events:none}
.onx-has-video .onx-video-control:focus-visible,.onx-video-preview .onx-video-control:focus-visible{outline:2px solid var(--onx-pvt-color);outline-offset:3px}
.onx-has-video .product-element-top,.onx-video-host{position:relative}
.onx-has-video .onx-video-control[hidden],.onx-has-video .onx-video-player[hidden],.onx-has-video .onx-video-status[hidden]{display:none}
.onx-video-player{position:absolute;inset:0;z-index:10;overflow:hidden;clip-path:inset(0);isolation:isolate;background:transparent}
.onx-video-player video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border:0;cursor:pointer}
.onx-iframe-wrap{position:absolute;inset:0;overflow:hidden}
.onx-iframe-wrap iframe{position:absolute;top:50%;left:50%;border:0;display:block;transform:translate(-50%,-50%)}
.onx-pvt-product-link{position:absolute;inset:0;z-index:2}
.onx-close-wrap{position:absolute;inset:0;pointer-events:none;z-index:19}
.onx-close-wrap>.onx-video-control{pointer-events:auto;z-index:20}
.onx-video-status{position:absolute;bottom:10px;left:10px;right:10px;z-index:18;padding:8px 10px;border-radius:9px;background:#fffffff0;box-shadow:0 2px 8px #12172a18;color:#37313c;text-align:center;font:600 12px/1.5 var(--wd-text-font,Arial,sans-serif);pointer-events:none}
.onx-video-player .onx-vid-sound{position:absolute;bottom:8px;right:8px;z-index:21;box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;background:#222b;color:#fff;border:0;border-radius:50%;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;transition:none;animation:none}
.onx-video-player .onx-vid-sound>svg{width:16px;height:16px;display:block;pointer-events:none}
.onx-vid-playing .hover-img,.onx-vid-playing .woodmart-hover-image,.onx-vid-playing .hover-img-wrapper{visibility:hidden}
@media(max-width:1024px){:is(.onx-video-host,.onx-video-preview) .onx-video-control,:is(.onx-video-host,.onx-video-preview) .onx-video-control:hover,:is(.onx-video-host,.onx-video-preview) .onx-video-control:active{background:var(--onx-pvt-mobile-bg);backdrop-filter:none;-webkit-backdrop-filter:none}}
.onx-video-preview[data-mode=desktop] .onx-video-control{background:var(--onx-pvt-bg)}
.onx-video-preview[data-mode=mobile] .onx-video-control{background:var(--onx-pvt-mobile-bg);backdrop-filter:none;-webkit-backdrop-filter:none}
/* Native video paints its poster while loading. Never hide it behind a frame callback. */
.onx-has-video .onx-video-player{opacity:0;pointer-events:none}
.onx-has-video .onx-video-player.is-native,.onx-has-video .onx-video-player.is-ready{opacity:1;pointer-events:auto}