.video-container.svelte-1gmxwey{background:#000;border-radius:15px;position:relative;box-shadow:0 0 0 10px #00000040}.video-container.svelte-1gmxwey video:where(.svelte-1gmxwey){z-index:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:15px;width:100%}.video-container.svelte-1gmxwey button:where(.svelte-1gmxwey){cursor:pointer;background:0 0;border:none;padding:0}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey){box-sizing:border-box;align-items:center;gap:var(--size-s);width:100%;padding:var(--size-s);opacity:0;pointer-events:none;z-index:2;background:#00000080;border-radius:0 0 15px 15px;grid-template-columns:auto 1fr auto;transition:opacity 1s;display:grid;position:absolute;bottom:0}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) input[type=range]:where(.svelte-1gmxwey){appearance:none;background:0 0;border-radius:5px;outline:none;transition:background .3s}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) input[type=range]:where(.svelte-1gmxwey)::-webkit-slider-thumb{appearance:none;background:var(--c-brand);cursor:pointer;border:1px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) input[type=range]:where(.svelte-1gmxwey)::-webkit-slider-runnable-track{appearance:none;box-shadow:none;background:var(--c-brand);border:none;height:5px}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) .seek:where(.svelte-1gmxwey){align-items:center;display:flex;position:relative}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) .seek:where(.svelte-1gmxwey) input:where(.svelte-1gmxwey){cursor:pointer;width:100%}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) .seek:where(.svelte-1gmxwey) .time-bubble:where(.svelte-1gmxwey){color:#fff;font-size:var(--font-size-s);white-space:nowrap;opacity:0;pointer-events:none;background:#000c;border-radius:6px;padding:5px 8px;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:28px;transform:translate(-50%)translateY(13px)}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) .seek:where(.svelte-1gmxwey) .time-bubble:where(.svelte-1gmxwey):after{content:"";border:6px solid #0000;border-top-color:#000c;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) .seek:where(.svelte-1gmxwey) .time-bubble:where(.svelte-1gmxwey).show{opacity:1;transform:scale(1.2)translate(-40%)translateY(8px)}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey)>div:where(.svelte-1gmxwey):nth-child(3){justify-content:space-between;align-items:center;gap:var(--size-s);grid-template-columns:1fr auto;display:grid}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey)>div:where(.svelte-1gmxwey):nth-child(3) .volume:where(.svelte-1gmxwey){gap:var(--size-xs);grid-template-columns:auto 1fr;max-width:100px;display:grid}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey)>div:where(.svelte-1gmxwey):nth-child(3) .volume:where(.svelte-1gmxwey) input:where(.svelte-1gmxwey){width:100%}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) button:where(.svelte-1gmxwey){cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:background .3s;display:flex}.video-container.svelte-1gmxwey .controls:where(.svelte-1gmxwey) button:where(.svelte-1gmxwey):hover{background:#ffffff1a}.video-container.svelte-1gmxwey .play-button:where(.svelte-1gmxwey){background:var(--bg-brand-2);padding:var(--size-s);cursor:pointer;opacity:0;pointer-events:none;border:1px solid var(--c-brand);z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.video-container.svelte-1gmxwey .play-button:where(.svelte-1gmxwey){transform:scale(.5)translate(-108%,-109%)}}.video-container.svelte-1gmxwey .show:where(.svelte-1gmxwey){opacity:1;pointer-events:auto}