.svp-player{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;isolation:isolate}.svp-video{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:#000}.svp-thumbnail{position:absolute;inset:0;z-index:2;width:100%;height:100%;background:#000;pointer-events:none;opacity:1;visibility:visible;transition:opacity 220ms ease,visibility 220ms ease}.svp-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.svp-title{position:absolute;z-index:4;left:24px;bottom:24px;max-width:calc(100% - 120px);margin:0;padding:0;color:#fff;font-size:20px;line-height:1.25;font-weight:500;text-shadow:0 1px 4px rgb(0 0 0 / .35);pointer-events:none;transition:opacity 180ms ease,visibility 180ms ease,transform 180ms ease}.svp-toggle{position:absolute;z-index:5;right:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0;padding:0;border:1px solid rgb(255 255 255 / .25);border-radius:50%;background:rgb(0 0 0 / .55);color:#fff;cursor:pointer;opacity:1;-webkit-appearance:none;appearance:none;transition:opacity 180ms ease,transform 180ms ease,background-color 180ms ease}.svp-toggle:hover{transform:scale(1.04)}.svp-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.svp-icon,.svp-default-icon{display:block;width:28px;height:28px;flex:0 0 auto}.svp-icon{object-fit:contain}.svp-icon--pause,.svp-default-icon--pause{display:none}.svp-default-icon--play{width:0;height:0;border-top:12px solid #fff0;border-bottom:12px solid #fff0;border-left:18px solid currentColor;margin-left:4px}.svp-default-icon--pause{width:18px;height:22px;border-left:6px solid currentColor;border-right:6px solid currentColor}.svp-player.is-playing .svp-thumbnail{opacity:0;visibility:hidden}.svp-player.is-playing .svp-title{opacity:0;visibility:hidden;transform:translateY(4px)}.svp-player.is-playing .svp-icon--play,.svp-player.is-playing .svp-default-icon--play{display:none}.svp-player.is-playing .svp-icon--pause,.svp-player.is-playing .svp-default-icon--pause{display:block}.svp-player.is-paused .svp-icon--play,.svp-player.is-paused .svp-default-icon--play{display:block}.svp-player.is-paused .svp-icon--pause,.svp-player.is-paused .svp-default-icon--pause{display:none}.svp-editor-notice{padding:20px;border:1px dashed #aaa;background:#f7f7f7;color:#444;text-align:center}@media (max-width:767px){.svp-title{left:16px;bottom:16px;max-width:calc(100% - 88px);font-size:16px}.svp-toggle{right:16px;bottom:16px;width:52px;height:52px}.svp-icon,.svp-default-icon{width:22px;height:22px}.svp-default-icon--play{border-top-width:9px;border-bottom-width:9px;border-left-width:14px}.svp-default-icon--pause{width:15px;height:18px;border-left-width:5px;border-right-width:5px}}