.msr{position:relative;width:100%;max-width:1080px;margin:0 auto;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0b0f19;box-shadow:0 1px 2px #0f172a0f,0 30px 70px -40px #14285a73}.msr video{display:block;width:100%;height:100%;object-fit:cover;background:#0b0f19}.msr.is-tall{aspect-ratio:9/16;width:min(100%,45svh);border-radius:18px}.msr-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;max-width:1080px;margin:18px auto 0}.msr-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;border:0;border-radius:999px;background:#fff;color:#0b0f19;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 1px #0f172a1f,0 6px 18px -12px #14285a66;transition:box-shadow .2s ease,transform .2s ease}.msr-btn:hover{box-shadow:inset 0 0 0 1px #1a6bff,0 8px 22px -12px #1a6bff80;transform:translateY(-1px)}.msr-btn:focus-visible{outline:2px solid #1A6BFF;outline-offset:3px}.msr-btn svg{width:16px;height:16px;flex:none;color:#1a6bff}.msr-block.is-sound .msr-btn{display:none}.msr-cap{margin:0;font-size:14px;line-height:1.5;color:#5b616e;text-align:center}.msr-block--gap{margin-bottom:clamp(40px,5vw,64px)}@media(prefers-reduced-motion:reduce){.msr-btn{transition:none}.msr-btn:hover{transform:none}}