.svp{position:relative;aspect-ratio:16/9;background:#050505;color:#fff;overflow:hidden}.svp video{width:100%;height:100%;object-fit:contain}.svp-poster{position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:0;border:0;background:#050505;color:#fff;cursor:pointer}.svp-poster img{width:100%;height:100%;display:block;object-fit:cover}.svp-poster span{position:absolute;inset:50% auto auto 50%;width:68px;height:68px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.72);border:1px solid rgba(212,175,55,.8);box-shadow:0 10px 35px rgba(0,0,0,.45)}.svp-poster svg{width:28px;fill:currentColor}.svp-controls{position:absolute;z-index:2;inset:auto 0 0;padding:40px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.94))}.svp-controls>input{width:100%;accent-color:#d4af37}.svp-controls span,.svp-controls>div{display:flex;align-items:center;justify-content:space-between}.svp-controls span{gap:6px}.svp-controls button{border:0;background:transparent;color:#fff;width:38px;height:38px;display:grid;place-items:center}.svp-controls svg{width:19px}.svp-controls i{font:11px sans-serif;color:#bbb}.svp-error{position:absolute;z-index:3;inset:0;display:grid;place-content:center;text-align:center;background:#0b0b0beF;grid-gap:8px;gap:8px}.svp-error b{color:#d4af37}.svp-error span{font:13px sans-serif;color:#aaa}.svp-error button{border:1px solid #d4af37;background:transparent;color:#d4af37;padding:8px 14px}