.video-frame{background:var(--hex-mi-600, #1f2a33);isolation:isolate;box-shadow:0 0 0 1px #00000014,0 3px 15px -3px #0003}.video-frame>iframe,.video-frame>video{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}.video-frame>video{object-fit:contain;background:#000}.video-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--hex-mi-600, #1f2a33);background:linear-gradient(to top,rgb(0 0 0 / .35),transparent 35%);cursor:pointer;border-radius:inherit}.video-play-btn{display:grid;place-items:center;inline-size:clamp(3.5rem,2.8rem + 3vw,5rem);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040,0 6px 20px #0000004d}.video-play-btn svg{inline-size:44%;block-size:auto}.video-play:hover .video-play-btn,.video-play:focus-visible .video-play-btn{background:var(--hex-or-500, #f9ac17)}.video-play:focus-visible{outline:3px solid var(--txt-hue-anchor);outline-offset:-3px}.video-duration{position:absolute;inset-inline-end:var(--space-xs, .75rem);inset-block-end:var(--space-xs, .75rem);padding:.1em .5em;border-radius:var(--radius, .375rem);background:#000000b8;color:#fff;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5}@media(prefers-reduced-motion:no-preference){.video-play-btn{transition:transform .2s ease,background-color .2s ease}.video-play:hover .video-play-btn{transform:scale(1.08)}}.video{position:relative}.video-frame{z-index:1}.video-caption{display:flex;align-items:flex-start;gap:var(--space-2xs, .5rem);margin-block-start:calc(-1 * var(--radius-l, .75rem));padding:calc(var(--radius-l, .75rem) + var(--space-2xs, .5rem)) var(--space-s, 1rem) var(--space-2xs, .5rem) var(--space-xs, .75rem);border-radius:0 0 var(--radius-l, .75rem) var(--radius-l, .75rem);background:var(--bg-hue-primary-plus, #fff);box-shadow:0 0 0 1px #0000000f,0 2px 8px -3px #00000026;font-size:.875rem;line-height:1.45;color:var(--txt-hue-copy)}.video-caption .ico{flex:none;margin-block-start:.1em;color:var(--txt-hue-anchor)}.navbar-hero .sec_copy>.video{max-inline-size:var(--txt-clamp, 960px)}.navbar-hero .txt-center .sec_copy>.video{margin-inline:auto}dialog.popup-video{max-inline-size:none;overflow:visible}.popup-video .popup-panel{padding:0;overflow:visible;background:#000;border-radius:var(--radius-l, .75rem)}.popup-video .video-frame{inline-size:min(92vw,calc(85dvh * var(--frame-ratio)));box-shadow:none}.popup-video .popup-close{inset-block-start:auto;inset-block-end:calc(100% + var(--space-2xs, .5rem));inset-inline-end:0;color:var(--hex-mi-600, #1f2a33);background:#fff}.popup-video .popup-close:hover{background:var(--hex-mi-75, #f4f4f4)}
