.wapu-media-card{--wapu-media-surface:var(--pg-style-surface,Canvas);--wapu-media-text:var(--pg-style-text,CanvasText);--wapu-media-accent:var(--pg-style-primary,currentColor);--wapu-media-on-accent:var(--pg-style-primary-text,Canvas);--wapu-media-focal-x:50%;--wapu-media-focal-y:50%;position:relative;min-width:0;}.wapu-media-card__stage{position:relative;overflow:hidden;aspect-ratio:var(--wapu-media-ratio,9/16);border-radius:clamp(18px,2vw,30px);background:color-mix(in srgb,var(--wapu-media-text) 92%,var(--wapu-media-surface));}.wapu-media-card video,
.wapu-media-card iframe{display:block;width:100%;height:100%;border:0;}.wapu-media-card video{object-fit:var(--wapu-media-fit,cover);object-position:var(--wapu-media-focal-x) var(--wapu-media-focal-y);}.wapu-media-card__sound{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid color-mix(in srgb,var(--wapu-media-surface) 58%,transparent);border-radius:999px;background:color-mix(in srgb,var(--wapu-media-text) 52%,transparent);backdrop-filter:blur(10px);color:var(--wapu-media-surface);cursor:pointer;}.wapu-media-card__sound:is(:hover,:focus-visible){background:var(--wapu-media-accent);color:var(--wapu-media-on-accent);border-color:color-mix(in srgb,var(--wapu-media-on-accent) 52%,transparent);}.wapu-media-card__sound:focus-visible{outline:2px solid var(--wapu-media-accent);outline-offset:3px}.wapu-media-card__sound span{display:grid;place-items:center}.wapu-media-card__sound span[hidden]{display:none}.wapu-media-card__sound svg{width:18px;height:18px}.wapu-media-card__products{position:absolute;right:12px;bottom:12px;left:12px;display:flex;justify-content:center;align-items:center}.wapu-media-product{position:relative;display:block;width:50px;height:50px;margin-left:-9px;border:4px solid var(--wapu-media-surface);border-radius:999px;overflow:hidden;background:var(--wapu-media-surface);box-shadow:0 6px 20px color-mix(in srgb,var(--wapu-media-text) 18%,transparent)}.wapu-media-product:first-child{margin-left:0}.wapu-media-product img{display:block;width:100%;height:100%;object-fit:cover}.wapu-media-product span{display:none}.wapu-media-card.is-wide .wapu-media-card__stage{aspect-ratio:16/9}.wapu-media-card.is-square .wapu-media-card__stage{aspect-ratio:1}.ws-vsp-video-wrap > .wapu-media-card,.ws-vts-video-wrap > .wapu-media-card,.ws-vhs-bg > .wapu-media-card{width:100%;height:100%;margin:0}.ws-vsp-video-wrap .wapu-media-card__stage,.ws-vts-video-wrap .wapu-media-card__stage,.ws-vhs-bg .wapu-media-card__stage{height:100%;aspect-ratio:auto}.ws-vhs-bg .wapu-media-card__products{display:none}.ws-vsp-video-wrap .wapu-media-card video,.ws-vsp-video-wrap .wapu-media-card iframe,.ws-vts-video-wrap .wapu-media-card video,.ws-vts-video-wrap .wapu-media-card iframe,.ws-vhs-bg .wapu-media-card video,.ws-vhs-bg .wapu-media-card iframe{width:100%;height:100%}.ws-vsp-video-wrap .wapu-media-card video,.ws-vts-video-wrap .wapu-media-card video,.ws-vhs-bg .wapu-media-card video{object-fit:var(--wapu-media-fit,cover);object-position:var(--wapu-media-focal-x) var(--wapu-media-focal-y)}@media (prefers-reduced-motion:reduce){.wapu-media-card__sound{scroll-behavior:auto}}