.direction-card.direction-video-card{position:relative;display:block;overflow:visible;isolation:isolate;border-radius:0;background:transparent;box-shadow:none}
.direction-video-card .direction-video-link{position:relative;display:block;margin:0;color:inherit;border-radius:0;overflow:hidden;aspect-ratio:2/3;background:transparent}
.direction-video-link>img{display:block;width:100%;height:100%;object-fit:contain}
.direction-video-link>video{position:absolute;inset:auto;top:var(--video-top,0%);left:var(--video-left,0%);display:block;width:var(--video-width,100%);height:var(--video-height,100%);max-width:none;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .12s;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}
.direction-video-card.is-playing .direction-video-link>video{opacity:1}
.direction-video-card.is-playing .direction-video-link>img{visibility:hidden}
.direction-video-toggle{position:absolute;z-index:2;top:16px;right:16px;display:grid;place-items:center;width:46px;height:46px;padding:10px;border:1px solid rgba(170,230,255,.8);border-radius:50%;color:#fff;background:rgba(1,28,72,.86);cursor:pointer;box-shadow:0 3px 15px rgba(0,0,0,.28)}
.direction-video-toggle:hover{background:#075aa8}
.direction-video-toggle:focus-visible,.direction-video-link:focus-visible{outline:3px solid #ffe477;outline-offset:-4px}
.direction-video-toggle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.direction-video-toggle .video-stop-icon{display:none}
.direction-video-card.is-speaking .video-play-icon{display:none}
.direction-video-card.is-speaking .video-stop-icon{display:block}
.direction-video-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.direction-video-link>video{transition:none}}