.video-spi{position:relative}
.video-spi video{display:block;width:100%;height:auto}
.video-spi .spi-video-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}
.video-spi .spi-video-btn{border:1px solid #b9c9db;border-radius:999px;padding:7px 13px;background:#eaf1f8;color:#35516f;font:inherit;font-size:12px;font-weight:700;line-height:1.15;cursor:pointer;box-shadow:0 3px 0 #b7c7d8,0 5px 8px rgba(0,0,0,.12);box-sizing:border-box}
.video-spi .spi-video-play{width:88px;min-width:88px;text-align:center;white-space:nowrap}
.video-spi .spi-video-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #b7c7d8}
.video-spi .spi-video-time{font-size:11px;color:#4d5c75;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}
.video-spi .spi-video-menu-wrap{position:relative}
.video-spi .spi-video-menu{position:absolute;z-index:50;bottom:calc(100% + 7px);right:0;min-width:150px;padding:6px;background:#fff;border:1px solid #b9c9db;border-radius:12px;box-shadow:0 7px 20px rgba(0,0,0,.18)}
.video-spi .spi-video-menu[hidden]{display:none}
.video-spi .spi-video-menu button{display:block;width:100%;border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#35516f;text-align:left;font:inherit;font-size:12px;cursor:pointer}
.video-spi .spi-video-menu button:hover,.video-spi .spi-video-menu button[aria-checked="true"]{background:#eaf1f8}
@media(max-width:767px){
 .video-spi .spi-video-controls{gap:7px}
 .video-spi .spi-video-btn{padding:7px 11px;font-size:11px}
 .video-spi .spi-video-play{width:86px;min-width:86px}
 .video-spi .spi-video-time{font-size:10px}
}