.ic-demo{margin-bottom:36px}
.ic-demo__frame{position:relative;background:#091a36;border-radius:10px;overflow:hidden;aspect-ratio:16/9}
.ic-demo video{display:block;width:100%;height:100%;object-fit:contain}
.ic-demo__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;border:1px solid #ffffff60;border-radius:8px;padding:14px 20px;background:#103b77eb;color:#fff;font:600 16px/1.5 system-ui;cursor:pointer;white-space:nowrap;box-shadow:0 3px 18px #0003}
.ic-demo__play:hover{background:#0a2d61}.ic-demo__play:focus-visible,.ic-demo__retry:focus-visible{outline:3px solid #81b2f0;outline-offset:3px}
.ic-demo [hidden]{display:none!important}.ic-demo__status{font-size:14px;color:#51617a}.ic-demo__error{padding:12px 16px;background:#f7f2ea;border:1px solid #d8cbb6;border-radius:6px;font-size:15px}.ic-demo__error p{margin:0 0 8px}.ic-demo__retry{font:inherit;padding:8px 14px;border:1px solid #9eacc1;border-radius:5px;color:#123d77;background:white;cursor:pointer}.ic-demo__error a{margin-left:12px}
@media(max-width:600px){.ic-demo__play{padding:10px 14px;font-size:15px}.ic-demo{margin-bottom:28px}}