.hp-home-video{position:relative;width:100%;margin-top:72px;background:#f5f4f1;isolation:isolate;overflow:hidden}
.hp-home-video-frame{position:relative;width:100%;max-width:min(1351.111px,calc((100vh - 152px)*16/9));aspect-ratio:16/9;margin-inline:auto}
@supports(height:100svh){.hp-home-video-frame{max-width:min(1351.111px,calc((100svh - 152px)*16/9))}}
.hp-home-video video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}
.hp-home-video + .hp-home-catalog{margin-top:0}
.hp-home-video-controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:1}
.hp-home-video-controls[hidden],.hp-home-video-controls [hidden]{display:none}
.hp-home-video-controls button,.hp-home-video-fallback{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(18,18,18,.8);color:#fff;font:500 13px/1.2 var(--sans,sans-serif);cursor:pointer;box-shadow:0 2px 12px #0002}
.hp-home-video-controls button:hover{background:#181818}
.hp-home-video-controls button:focus-visible,.hp-home-video-fallback:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hp-home-video-controls svg{width:17px;height:17px;flex:none;fill:currentColor}
.hp-home-video-status{position:absolute;top:72px;right:20px;max-width:calc(100% - 40px);padding:8px 12px;border-radius:8px;background:rgba(18,18,18,.8);color:#fff;font:13px/1.4 var(--sans,sans-serif)}
.hp-home-video-status:empty{display:none}
.hp-home-video-fallback{position:absolute;top:20px;right:20px;text-decoration:none}
@media(max-width:700px){.hp-home-video-controls{top:10px;right:10px;gap:6px}.hp-home-video-controls button{padding:8px 11px;min-height:40px;font-size:12px}.hp-home-video-status{top:58px;right:10px}}