.product-video-viewport{aspect-ratio:16/9;box-sizing:content-box;padding-bottom:69px}.product-video{background:var(--color-surface-page);flex-direction:column;display:flex;position:absolute;inset:0}.product-video-picture{flex:1;min-height:0;position:relative;overflow:hidden}.product-video-center{color:#fff;cursor:pointer;background:#6941c6e8;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #1c172640}.product-video-center svg{width:26px;height:26px;margin-left:3px}.product-video-picture-toggle:hover .product-video-center{background:var(--color-brand-solid_hover)}.product-video-controls{border-top:1px solid var(--color-line);background:var(--color-surface-elevated);flex:none;padding:0 12px 4px}.product-video-progress{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;display:block}.product-video-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-brand-light) var(--video-progress), var(--color-line) var(--video-progress));border-radius:99px;height:4px}.product-video-progress::-moz-range-track{background:var(--color-line);border-radius:99px;height:4px}.product-video-progress::-moz-range-progress{background:var(--color-brand-light);border-radius:99px;height:4px}.product-video-progress::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:2px solid var(--color-brand-light);border-radius:50%;width:12px;height:12px;margin-top:-4px}.product-video-progress::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-brand-light);border-radius:50%;width:9px;height:9px}.product-video-progress:disabled{cursor:default}.product-video-toolbar{align-items:center;gap:4px;margin-top:-4px;display:flex}.product-video-button{width:44px;height:44px;color:var(--color-primary);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.product-video-button:hover,.product-video-button[aria-pressed=true]{background:var(--color-line);color:var(--color-brand-light)}.product-video-button svg{width:20px;height:20px}.product-video-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-secondary);font-size:12px}.product-video-spacer{flex:1}.product-video-speed{max-width:68px;min-height:44px;color:var(--color-primary);background:var(--color-surface-elevated);cursor:pointer;border-radius:6px;padding:0 4px;font-size:12px}.product-video :is(button,input,select):focus-visible{outline:2px solid var(--color-brand-light);outline-offset:2px}.product-video-loading{color:var(--color-primary);background:var(--color-surface-elevated);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:12px}.product-video-notice{color:var(--color-secondary);padding:4px 0;font-size:12px}.product-video:fullscreen{width:100%;height:100%}@container (max-width:360px){.product-video-controls{padding-inline:6px}.product-video-toolbar{gap:0}.product-video-center{width:48px;height:48px}.product-video-time{font-size:10px}.product-video-speed{max-width:55px}}.product-video-picture-toggle{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.product-video .product-video-picture-toggle:focus-visible{outline-offset:-4px}.product-video-loading{pointer-events:none}