.entry-content figure.sp-video-figure,.sp-video-figure{float:none!important;clear:both!important;width:100%!important;max-width:100%!important;margin:30px 0!important}
.sp-video-slot{position:relative;aspect-ratio:16/9;padding-bottom:84px;box-sizing:content-box;background:#151515;border-radius:9px}
.sp-video-dock{width:100%;position:absolute;inset:0 auto auto 0;border-radius:9px;overflow:hidden;background:#222;color:#fff;transition:none;transform:none}
.sp-video-screen{position:relative;aspect-ratio:16/9;min-height:200px;background:#000}
.sp-video-screen iframe{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border:0!important}
.sp-video-controls{display:flex;align-items:center;gap:3px;height:56px;padding:0 8px;background:#333;font:13px/1 Arial,sans-serif}
.sp-video-timeline{display:flex;align-items:center;gap:10px;height:28px;box-sizing:border-box;padding:2px 12px;background:#333;color:#eee}
.sp-video-dock input.sp-video-seek[type="range"]{display:block;flex:1;min-width:0;width:100%;height:22px;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;appearance:auto;accent-color:#63d4de;cursor:pointer}
.sp-video-dock input.sp-video-seek:disabled{opacity:.45;cursor:wait}
.sp-video-seek:focus-visible{outline:2px solid #63d4de;outline-offset:2px}
.sp-video-time{flex-shrink:0;white-space:nowrap;font:11px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.sp-video-spacer{flex:1}
.sp-video-dock:not(.is-floating) button[data-video="drag"]{display:none!important}
.sp-video-dock.is-floating .sp-video-spacer{align-self:stretch;display:flex}
.sp-video-controls button[data-video="drag"]{width:100%;min-width:30px;cursor:grab;touch-action:none;user-select:none;color:#bbb!important}
.sp-video-dock.is-dragging button[data-video="drag"]{cursor:grabbing}
.sp-video-dock.is-floating.is-positioned{inset:var(--sp-video-y) auto auto var(--sp-video-x);transform-origin:top left}
.sp-video-dock.is-floating.is-positioned.is-dragging{transform:scale(var(--sp-video-drag-scale,1));transition:none;user-select:none}
.sp-video-controls button[data-video]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:36px;padding:5px 8px;margin:0;border:0;border-radius:3px;background:transparent!important;color:#fff!important;box-shadow:none;font:13px/1.2 Arial,sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer;height:auto}
.sp-video-controls button[data-video]:hover{background:#555!important}
.sp-video-controls button[data-video]:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.sp-video-controls button[data-video="sound"]{gap:8px;min-height:40px;padding:9px 13px;background:#f2f2f2!important;color:#171717!important;border-radius:7px;font-size:14px}
.sp-video-controls button[data-video="sound"]:hover{background:#fff!important}
.sp-video-controls .sp-sound-icon{width:21px;height:21px;stroke-width:2}
.sp-video-controls .sp-sound-icon path:first-child{fill:currentColor}
.sp-sound-slash{display:none}
.sp-video-dock[data-muted="true"] .sp-sound-slash{display:block;stroke:#171717;paint-order:stroke;stroke-width:2.5}
.sp-video-dock[data-muted="true"] .sp-sound-waves{display:none}
.sp-video-dock.is-floating button[data-video="mini"],.sp-video-dock:fullscreen button[data-video="mini"]{display:none!important}
.sp-video-dock.is-floating .sp-video-controls{height:48px}
.sp-video-dock.is-floating button[data-video="fullscreen"]{order:0}
.sp-video-dock.is-floating button[data-video="restore"]{order:1}
.sp-video-dock.is-floating button[data-video="sound"]{order:2}
.sp-video-dock.is-floating .sp-video-spacer{order:2}
.sp-video-dock.is-floating button[data-video="close"]{order:3}
.sp-video-dock.is-floating button[data-video="sound"]{background:transparent!important;color:#fff!important;padding:5px 8px;min-height:36px}
.sp-video-dock.is-floating button[data-video="sound"] span{display:none}
.sp-video-dock.is-floating .sp-sound-slash{stroke:#fff}
.sp-video-controls button:disabled{opacity:.45;cursor:wait}
.sp-video-controls button[hidden],.sp-video-dock:not(.is-floating) button[data-video="restore"],.sp-video-dock:not(.is-floating) button[data-video="close"]{display:none!important}
.sp-video-controls svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-video-dock.is-floating{position:fixed;inset:auto var(--sp-video-right,24px) var(--sp-video-bottom,24px) auto;width:min(360px,calc(100vw - var(--sp-video-right,24px) - 12px));z-index:2147483000;box-shadow:0 6px 28px #0005;transform-origin:bottom right}
.sp-video-dock.is-floating .sp-video-screen{min-height:0}
/* Animate the compositor transform, never the iframe's width during docking. */
.sp-video-dock.is-floating{transition:transform .24s cubic-bezier(.2,.7,.3,1)}
.sp-video-dock.is-floating.is-touch-active{transform:scale(1.15)}
@media(max-width:600px){.sp-video-dock.is-floating{width:min(50vw,240px,calc(100vw - var(--sp-video-right,12px) - 12px))}.sp-video-dock.is-floating .sp-video-controls{height:40px;padding:0 4px;gap:0}.sp-video-dock.is-floating .sp-video-controls button[data-video]{min-width:36px;padding:5px 6px}.sp-video-dock.is-floating .sp-video-controls svg{width:21px;height:21px}}
@media(hover:hover) and (pointer:fine) and (min-width:650px){.sp-video-dock.is-floating{transition:transform .24s cubic-bezier(.2,.7,.3,1)}.sp-video-dock.is-floating:hover{transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.sp-video-dock.is-floating{transition:none}}
.sp-video-dock:fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;border-radius:0;display:flex;flex-direction:column;box-shadow:none;transform:none!important;transition:none!important}
.sp-video-dock:fullscreen .sp-video-screen{flex:1;aspect-ratio:auto}
.sp-video-dock:fullscreen button[data-video="restore"],.sp-video-dock:fullscreen button[data-video="close"]{display:none!important}
.sp-video-figure figcaption{margin-top:8px}
.sp-video-placeholder{position:absolute;inset:0;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font:14px/1.5 Arial,sans-serif}
.sp-video-placeholder[hidden]{display:none!important}
.sp-video-placeholder-image{position:absolute;inset:-12px;background-size:cover;background-position:center;filter:blur(6px) brightness(.22);pointer-events:none}
.sp-video-placeholder>span{position:absolute;top:12px;left:15px;right:15px;color:#eee}
.sp-video-placeholder button[data-video="restore"]{position:relative;z-index:1;padding:12px 20px;background:#ffffff1a;color:#fff;border:1px solid #ffffff80;border-radius:6px;font:14px/1.3 Arial,sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer}
.sp-video-placeholder button[data-video="restore"]:hover{background:#ffffff30}
@media(max-width:600px){.sp-video-slot{min-height:200px}.sp-video-controls button[data-video]{padding:5px 6px;font-size:12px}}
/* Controls over the video, revealed softly without reserving a footer. */
.sp-video-slot{padding-bottom:0}
.sp-video-ui{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-top:24px;background:linear-gradient(transparent,rgba(0,0,0,.78));opacity:0;pointer-events:none;transition:opacity .22s ease}
@media(hover:hover) and (pointer:fine){.sp-video-dock:hover .sp-video-ui{opacity:1;pointer-events:auto}}
.sp-video-dock:has(:focus-visible) .sp-video-ui,.sp-video-dock.is-dragging .sp-video-ui,.sp-video-dock.is-touch-active .sp-video-ui{opacity:1;pointer-events:auto}
.sp-video-controls,.sp-video-timeline{background:transparent}
.sp-video-controls button[data-video="sound"]{background:transparent!important;color:#fff!important;padding:5px 8px;min-height:36px}
.sp-video-controls button[data-video="sound"] span{display:none}
.sp-video-controls .sp-sound-slash{stroke:#fff}
.sp-video-timeline{position:relative;height:16px;gap:0;padding:0 12px}
.sp-video-time{position:absolute;right:12px;top:-18px;text-shadow:0 1px 3px #000;font-size:12px}
.sp-video-dock input.sp-video-seek[type="range"]{appearance:none!important;height:16px;outline-offset:1px}
.sp-video-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#eee 0%,#eee var(--sp-video-progress,0%),#aaa9 var(--sp-video-progress,0%),#aaa9 100%);border-radius:2px}
.sp-video-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#eee;border:0;margin-top:-4.5px}
.sp-video-seek::-moz-range-track{height:3px;background:#aaa9;border-radius:2px}
.sp-video-seek::-moz-range-progress{height:3px;background:#eee}
.sp-video-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#eee;border:0}
.sp-video-top-sound{display:none;position:absolute;z-index:3;top:14px;left:14px;align-items:center;gap:8px;border:0;border-radius:7px;background:#f2f2f2!important;color:#171717!important;padding:12px 15px;font:14px/1.3 Arial,sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}
.sp-video-top-sound svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sp-video-top-sound svg path:first-child{fill:currentColor}
.sp-video-dock button.sp-video-top-sound{width:auto;min-width:0;height:auto;min-height:48px;border-radius:8px!important;padding:12px 16px;gap:8px;background:#f1f0f0!important;font:14px/1.3 Arial,sans-serif;text-transform:none;letter-spacing:normal}
.sp-video-dock[data-muted="true"]:not(.is-floating):not(:fullscreen) .sp-video-top-sound{display:flex}
.sp-video-dock button.sp-video-top-sound[hidden]{display:none!important}
.sp-video-dock.is-floating .sp-video-screen{cursor:grab;touch-action:none}
.sp-video-dock.is-floating .sp-video-screen iframe{pointer-events:none}
.sp-video-dock.is-dragging .sp-video-screen{cursor:grabbing}
.sp-video-dock.is-floating::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,#eee 0%,#eee var(--sp-video-progress,0%),#aaa9 var(--sp-video-progress,0%),#aaa9 100%);pointer-events:none;transition:opacity .22s ease}
@media(hover:hover) and (pointer:fine){.sp-video-dock.is-floating:hover::after{opacity:0}}
.sp-video-dock.is-floating:has(:focus-visible)::after,.sp-video-dock.is-touch-active::after{opacity:0}
@media(prefers-reduced-motion:reduce){.sp-video-ui,.sp-video-dock.is-floating::after{transition:none}}