.video-player.svelte-tswe5g{color:#fff;background:#0d0d0d;width:100%;height:100%;display:flex;position:relative;overflow:hidden}video.svelte-tswe5g{cursor:pointer;object-fit:contain;width:100%;height:100%;display:block}.video-player__center-control.svelte-tswe5g,.video-player__control.svelte-tswe5g{appearance:none;cursor:pointer;color:#fff;justify-content:center;align-items:center;padding:0;display:inline-flex}.video-player__center-control.svelte-tswe5g{-webkit-backdrop-filter:blur(10px);background:#0d0d0dbf;border:1px solid #ffffff7a;border-radius:50%;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 36px #00000040}.video-player__loader.svelte-tswe5g{border:3px solid #ffffff5c;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.76s linear infinite svelte-tswe5g-video-player-spin}.video-player__center-control.svelte-tswe5g:focus-visible,.video-player__control.svelte-tswe5g:focus-visible,.video-player__seek.svelte-tswe5g:focus-visible{outline:2px solid var(--button-focus-color);outline-offset:2px}.video-player__controls.svelte-tswe5g{opacity:0;pointer-events:none;background:linear-gradient(#0d0d0d00 0%,#0d0d0dcc 66%,#0d0d0df2 100%);grid-template-columns:34px auto minmax(80px,1fr) auto 34px;align-items:center;gap:12px;padding:26px 22px 18px;transition:opacity .22s,transform .22s;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(18px)}.video-player__controls--visible.svelte-tswe5g{opacity:1;pointer-events:auto;transform:translateY(0)}.video-player__controls--without-audio.svelte-tswe5g{grid-template-columns:34px auto minmax(80px,1fr) 34px}.video-player__control.svelte-tswe5g{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;flex-shrink:0;width:34px;height:34px}.video-player__time.svelte-tswe5g{color:#ffffffe0;white-space:nowrap;font-size:12px;font-weight:700;line-height:1}.video-player__seek.svelte-tswe5g{appearance:none;cursor:pointer;background:linear-gradient(90deg, #fff 0%, #fff var(--video-player-progress), #ffffff52 var(--video-player-progress), #ffffff52 100%);border:0;border-radius:999px;width:100%;height:6px;padding:0}.video-player__seek.svelte-tswe5g::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 8px #00000052}.video-player__seek.svelte-tswe5g::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 8px #00000052}.video-player__seek.svelte-tswe5g::-moz-range-track{background:0 0;border:0;border-radius:999px;height:6px}.video-player__volume.svelte-tswe5g{align-items:center;display:flex}.video-player__volume-slider-wrapper.svelte-tswe5g{opacity:0;align-items:center;width:0;height:34px;transition:width .16s,opacity .16s;display:flex;overflow:hidden}.video-player__volume.svelte-tswe5g:hover .video-player__volume-slider-wrapper:where(.svelte-tswe5g){opacity:1;width:92px}.video-player__volume.svelte-tswe5g:has(:where(.svelte-tswe5g):focus-visible) .video-player__volume-slider-wrapper:where(.svelte-tswe5g){opacity:1;width:92px}.video-player__volume.svelte-tswe5g:has(input:where(.svelte-tswe5g):active) .video-player__volume-slider-wrapper:where(.svelte-tswe5g){opacity:1;width:92px}.video-player__volume-slider.svelte-tswe5g{flex:0 0 72px;width:72px;margin:0 8px 0 12px}@media (prefers-reduced-motion:reduce){.video-player__volume-slider-wrapper.svelte-tswe5g{transition:none}}@keyframes svelte-tswe5g-video-player-spin{to{transform:rotate(360deg)}}@media (width<=767px){.video-player__center-control.svelte-tswe5g{width:58px;height:58px}.video-player__controls.svelte-tswe5g{grid-template-columns:32px minmax(0,1fr) auto 32px;gap:9px;padding:26px 14px 14px}.video-player__controls--without-audio.svelte-tswe5g{grid-template-columns:32px minmax(0,1fr) 32px}.video-player__time.svelte-tswe5g{display:none}.video-player__control.svelte-tswe5g{width:32px;height:32px}.video-player__volume.svelte-tswe5g:hover .video-player__volume-slider-wrapper:where(.svelte-tswe5g){width:72px}.video-player__volume.svelte-tswe5g:has(:where(.svelte-tswe5g):focus-visible) .video-player__volume-slider-wrapper:where(.svelte-tswe5g){width:72px}.video-player__volume.svelte-tswe5g:has(input:where(.svelte-tswe5g):active) .video-player__volume-slider-wrapper:where(.svelte-tswe5g){width:72px}.video-player__volume-slider.svelte-tswe5g{flex-basis:52px;width:52px}}
