.video.svelte-1xchvqj{--glass:oklch(20% .004 286/.62);--glass-border:oklch(100% 0 0/.12);--glass-shadow:0 8px 28px oklch(0% 0 0/.5);z-index:1;aspect-ratio:var(--ratio,16 / 9);color:#fff;-webkit-user-select:none;user-select:none;background-color:#000;outline:none;position:relative;overflow:hidden;container:player/size}.video.svelte-1xchvqj:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid oklch(100% 0 0/.8)}.video.svelte-1xchvqj.is-fullscreen{border-radius:0!important}video.svelte-1xchvqj{object-fit:contain;width:100%;height:100%;display:block}.cover:where(.svelte-1xchvqj) :is(video.svelte-1xchvqj){object-fit:cover}.controllable:where(.svelte-1xchvqj) :is(video.svelte-1xchvqj){cursor:pointer}.preview.svelte-1xchvqj{z-index:-1;transition:transform 1s;position:absolute;inset:0;transform:scale(1)}.preview.svelte-1xchvqj.hidden{opacity:0}@media (hover:hover){.video.controllable.svelte-1xchvqj:not(.started):hover .preview:where(.svelte-1xchvqj){transform:scale(1.03)}}.splash.svelte-1xchvqj{z-index:5;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.splash.svelte-1xchvqj.hidden{opacity:0;visibility:hidden}article.svelte-1xchvqj{flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;inset:0}.splash:where(.svelte-1xchvqj):has(.byline:where(.svelte-1xchvqj)) :is(article.svelte-1xchvqj){transform:translateY(-1rem)}article.svelte-1xchvqj h1:where(.svelte-1xchvqj){text-shadow:0 0 100px #000c,0 0 20px #00000080,2px 2px 2px #00000059;--width:min(calc(30% + 300px), 100% - 2rem, 85% + 2rem, 960px);--height:clamp(2rem, 20cqh, 10rem);width:var(--width);height:var(--height);text-align:center;margin:0;margin-top:calc(((var(--text-height,0px)) - var(--height) - 5cqh));opacity:0;justify-content:center;align-items:end;padding:0;font-size:2.5rem;font-weight:700;line-height:1;transition:opacity .1s;display:flex}article.svelte-1xchvqj h1:where(.svelte-1xchvqj).fit{opacity:1}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) and ((-webkit-mask-image:radial-gradient(ellipse, black)) or (mask-image:radial-gradient(ellipse, black))){article.svelte-1xchvqj h1:where(.svelte-1xchvqj){text-shadow:0 1px 1px #000c,0 2px 6px #00000059,0 6px 10px #0003,0 6px 30px #00000026}}article.svelte-1xchvqj h1:where(.svelte-1xchvqj)+.play:where(.svelte-1xchvqj){margin-top:.5rem}h1.svelte-1xchvqj span:where(.svelte-1xchvqj){position:relative}h1.svelte-1xchvqj span:where(.svelte-1xchvqj):after{content:"";filter:blur(150px);z-index:-1;opacity:.35;pointer-events:none;background-color:#000;border-radius:100%;transition:opacity .5s;position:absolute;inset:calc(-1*min(20cqh,150px)) calc(-1*min(20cqw,300px))}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) and ((-webkit-mask-image:radial-gradient(ellipse, black)) or (mask-image:radial-gradient(ellipse, black))){h1.svelte-1xchvqj span:where(.svelte-1xchvqj):after{opacity:1;filter:none;-webkit-backdrop-filter:blur(1px)brightness(.65);backdrop-filter:blur(1px)brightness(.65);background-color:#0000;border-radius:0;-webkit-mask-image:radial-gradient(50% 50%,#000 0%,#000000f6 .9%,#000000e9 3.6%,#000000d8 7.7%,#000000c4 13.2%,#000000ae 19.7%,#00000097 27.1%,#0000007f 35.3%,#00000067 43.8%,#00000050 52.7%,#0000003b 61.6%,#00000028 70.4%,#00000017 78.8%,#0000000b 86.7%,#00000003 93.8%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 0%,#000000f6 .9%,#000000e9 3.6%,#000000d8 7.7%,#000000c4 13.2%,#000000ae 19.7%,#00000097 27.1%,#0000007f 35.3%,#00000067 43.8%,#00000050 52.7%,#0000003b 61.6%,#00000028 70.4%,#00000017 78.8%,#0000000b 86.7%,#00000003 93.8%,#0000 100%)}}.info.svelte-1xchvqj{-webkit-backdrop-filter:blur(10px)brightness(.5);backdrop-filter:blur(10px)brightness(.5);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:0;margin:0 0 .5rem;padding:1rem 2rem;font-size:1.3rem;display:flex}.info.svelte-1xchvqj svg:where(.svelte-1xchvqj){width:3rem;height:3rem}.play.svelte-1xchvqj{--size:clamp(48px, 18cqmin, 76px);color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.play.svelte-1xchvqj:disabled{cursor:default}.play.svelte-1xchvqj:focus-visible{box-shadow:none}.play.svelte-1xchvqj:focus-visible .circle:where(.svelte-1xchvqj){outline-offset:2px;outline:2px solid oklch(100% 0 0/.85)}@media (hover:hover){.play.svelte-1xchvqj:not(:disabled):hover .circle:where(.svelte-1xchvqj){background:oklch(0% 0 0/.55);transform:scale(1.06)}.play.svelte-1xchvqj:not(:disabled):hover .action-text:where(.svelte-1xchvqj){background:oklch(0% 0 0/.65)}}.play.svelte-1xchvqj:not(:disabled):active .circle:where(.svelte-1xchvqj){transform:scale(.9)}.circle.svelte-1xchvqj{width:var(--size);height:var(--size);border-radius:var(--radius-round,100000px);-webkit-backdrop-filter:blur(14px)saturate(160%);transition:transform .15s var(--ease-out-3,ease), background .15s var(--ease-out-3,ease);background:oklch(0% 0 0/.45);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px oklch(0% 0 0/.35)}.circle.svelte-1xchvqj svg:where(.svelte-1xchvqj){filter:drop-shadow(0 1px 2px oklch(0% 0 0/.25));width:60%;height:60%;margin-left:-4%;transition:opacity .15s}.circle.svelte-1xchvqj.spinning svg:where(.svelte-1xchvqj){opacity:.5}.circle.svelte-1xchvqj.spinning:after{content:"";border:max(2px, calc(var(--size) / 24)) solid oklch(100% 0 0/.75);border-top-color:#0000;border-right-color:#0000;border-radius:50%;animation:.6s linear infinite svelte-1xchvqj-spin;position:absolute;inset:6%}.action-text.svelte-1xchvqj{border-radius:var(--radius-round,100000px);-webkit-backdrop-filter:blur(14px)saturate(160%);transition:background .15s var(--ease-out-3,ease);background:oklch(0% 0 0/.45);margin-top:clamp(.25rem,1.5cqh,.75rem);padding:clamp(.25rem,1cqmin,.6rem) clamp(.75rem,2.5cqmin,1.5rem);font-size:clamp(.9rem,4cqmin,1.4rem)}.scrim.svelte-1xchvqj{pointer-events:none;background:linear-gradient(oklch(0% 0 0/0) 0%,oklch(0% 0 0/.01) 5.6%,oklch(0% 0 0/.037) 12.4%,oklch(0% 0 0/.078) 20%,oklch(0% 0 0/.131) 28.3%,oklch(0% 0 0/.194) 37%,oklch(0% 0 0/.264) 46%,oklch(0% 0 0/.338) 55%,oklch(0% 0 0/.413) 63.7%,oklch(0% 0 0/.486) 72%,oklch(0% 0 0/.556) 79.6%,oklch(0% 0 0/.619) 86.4%,oklch(0% 0 0/.672) 92%,oklch(0% 0 0/.713) 96.3%,oklch(0% 0 0/.74) 99%,oklch(0% 0 0/.75) 100%);height:clamp(80px,30%,240px);position:absolute;inset:auto 0 0}.byline.svelte-1xchvqj{text-align:center;color:#fff;pointer-events:auto;width:fit-content;max-width:calc(100% - 2rem);margin:0 auto;font-size:1.05rem;font-weight:400;text-decoration:none;position:absolute;inset:auto 0 1rem}.byline.svelte-1xchvqj:focus,.byline.svelte-1xchvqj:active{color:oklch(100% 0 0/.9)}@media (hover:hover){.byline.svelte-1xchvqj:hover{color:oklch(100% 0 0/.9)}}.error.svelte-1xchvqj{z-index:6;color:oklch(100% 0 0/.75);font-size:var(--font-size-1,1rem);text-align:center;text-wrap:pretty;background:oklch(0% 0 0/.8);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:1rem;display:flex;position:absolute;inset:0}.error.svelte-1xchvqj svg:where(.svelte-1xchvqj){opacity:.7;width:32px;height:32px}.controls.svelte-1xchvqj{z-index:10;transition:opacity .15s var(--ease-out-3,ease);opacity:0;pointer-events:none;background:linear-gradient(oklch(0% 0 0/0) 0%,oklch(0% 0 0/.009) 5.6%,oklch(0% 0 0/.034) 12.4%,oklch(0% 0 0/.073) 20%,oklch(0% 0 0/.123) 28.3%,oklch(0% 0 0/.181) 37%,oklch(0% 0 0/.246) 46%,oklch(0% 0 0/.315) 55%,oklch(0% 0 0/.385) 63.7%,oklch(0% 0 0/.454) 72%,oklch(0% 0 0/.519) 79.6%,oklch(0% 0 0/.578) 86.4%,oklch(0% 0 0/.627) 92%,oklch(0% 0 0/.666) 96.3%,oklch(0% 0 0/.691) 99%,oklch(0% 0 0/.7) 100%);padding:64px 0 0;position:absolute;bottom:0;left:0;right:0}.controls.svelte-1xchvqj.visible{opacity:1;pointer-events:auto}.control-bar.svelte-1xchvqj{align-items:center;gap:2px;padding:6px 8px 8px;display:flex}.ctl.svelte-1xchvqj{flex-shrink:0}.btn.svelte-1xchvqj{border-radius:var(--radius-2,5px);border:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}@supports (corner-shape:squircle){.btn.svelte-1xchvqj{corner-shape:squircle;border-radius:calc(var(--radius-2,5px) * 2)}}.btn.svelte-1xchvqj{color:oklch(100% 0 0/.92);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s var(--ease-out-3,ease), color .15s var(--ease-out-3,ease), transform .14s var(--ease-out-3,ease);background:0 0;flex-shrink:0;padding:0;overflow:hidden}@media (hover:hover){.btn.svelte-1xchvqj:hover{color:#fff;transition:transform .14s var(--ease-out-3,ease);background:oklch(100% 0 0/.14)}}.btn.svelte-1xchvqj:focus-visible{outline-offset:-2px;box-shadow:none;color:#fff;outline:2px solid oklch(100% 0 0/.85)}.btn.svelte-1xchvqj:active{background:oklch(100% 0 0/.22);transform:perspective(220px)translateZ(-16px)scale(.84)}.btn.svelte-1xchvqj.active{color:#fff;background:oklch(100% 0 0/.18)}.btn.svelte-1xchvqj svg:where(.svelte-1xchvqj){pointer-events:none;width:24px;height:24px}.btn-text.svelte-1xchvqj{letter-spacing:.02em;font-variant-numeric:tabular-nums;width:auto;min-width:38px;padding:0 9px;font-family:inherit;font-size:.9rem;font-weight:600}.settings-btn.svelte-1xchvqj svg:where(.svelte-1xchvqj){transition:transform .4s var(--ease-out-back,cubic-bezier(.34, 1.56, .64, 1))}.settings-btn.svelte-1xchvqj.open svg:where(.svelte-1xchvqj){transform:rotate(90deg)}.controls.svelte-1xchvqj .range.size-1{--fill:white;--fill-hover:white;--track-bg:oklch(100% 0 0/.28);--handle-height:20px}.seek.svelte-1xchvqj{touch-action:none;flex:auto;align-items:center;min-width:40px;height:24px;margin:0 6px;display:flex;position:relative}.seek.svelte-1xchvqj .range.size-1{--track-bg:transparent;z-index:1;flex:auto;min-width:0;position:relative}.seek.svelte-1xchvqj .track.active,.seek.svelte-1xchvqj .track.inactive{transition:height .15s var(--ease-out-3,ease)}.seek.svelte-1xchvqj .handle{transition:transform .2s var(--ease-out-back,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .15s ease}.seek-base.svelte-1xchvqj,.seek-buffered.svelte-1xchvqj{border-radius:var(--radius-round,100000px);pointer-events:none;height:4px;transition:height .15s var(--ease-out-3,ease);position:absolute;top:50%;transform:translateY(-50%)}.seek:where(.svelte-1xchvqj):hover :is(.seek-base.svelte-1xchvqj,.seek-buffered.svelte-1xchvqj){height:6px}.seek-base.svelte-1xchvqj{background:oklch(100% 0 0/.26);left:0;right:0}.seek-buffered.svelte-1xchvqj{background:oklch(100% 0 0/.45);left:0}.seek-tooltip.svelte-1xchvqj{--inset:4px;-webkit-backdrop-filter:blur(8px);color:#fff;padding:var(--inset);border-radius:calc(2px + var(--inset));background:oklch(0% 0 0/.85);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%)}@supports (corner-shape:squircle){.seek-tooltip.svelte-1xchvqj{corner-shape:squircle;border-radius:calc((2px + var(--inset)) * 2)}}.seek-tooltip.svelte-1xchvqj{font-size:var(--font-size-00,.75rem);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;z-index:3}.seek-thumb.svelte-1xchvqj{background-repeat:no-repeat;border-radius:2px;display:block}.seek-time.svelte-1xchvqj{padding:0 4px}.time.svelte-1xchvqj{color:oklch(100% 0 0/.92);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;padding:0 6px;font-size:.9rem}.volume-group.svelte-1xchvqj{align-items:center;display:flex;position:relative}.volume-pop.svelte-1xchvqj{--range-height:92px;background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-3,10px);justify-content:center;padding:12px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%}@supports (corner-shape:squircle){.volume-pop.svelte-1xchvqj{corner-shape:squircle;border-radius:calc(var(--radius-3,10px) * 2)}}.volume-pop.svelte-1xchvqj{box-shadow:var(--glass-shadow);opacity:0;pointer-events:none;transform-origin:bottom;transition:opacity .16s var(--ease-out-3,ease), transform .16s var(--ease-out-3,ease);z-index:20;touch-action:none;transform:translate(-50%)translateY(6px)scale(.96)}.volume-pop.svelte-1xchvqj .range.vertical{align-items:flex-start;width:20px}.volume-pop.svelte-1xchvqj:before{content:"";height:10px;position:absolute;top:100%;left:0;right:0}.volume-group:where(.svelte-1xchvqj):hover .volume-pop.svelte-1xchvqj,.volume-group:where(.svelte-1xchvqj):focus-within .volume-pop.svelte-1xchvqj{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.menu.svelte-1xchvqj{align-items:center;display:flex;position:relative}.dropdown.svelte-1xchvqj{transform-origin:100% 100%;background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-3,10px);position:absolute;bottom:calc(100% + 8px);right:0}@supports (corner-shape:squircle){.dropdown.svelte-1xchvqj{corner-shape:squircle;border-radius:calc(var(--radius-3,10px) * 2)}}.dropdown.svelte-1xchvqj{box-shadow:var(--glass-shadow);box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:20;min-width:96px;max-height:calc(100cqh - 62px);padding:5px;overflow-y:auto}.dropdown-item.svelte-1xchvqj{border-radius:var(--radius-2,5px);border:none;width:100%;padding:7px 14px;display:block;position:relative}@supports (corner-shape:squircle){.dropdown-item.svelte-1xchvqj{corner-shape:squircle;border-radius:calc(var(--radius-2,5px) * 2)}}.dropdown-item.svelte-1xchvqj{color:oklch(100% 0 0/.9);cursor:pointer;font-size:var(--font-size-0,.875rem);text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;transition:background .12s var(--ease-out-3,ease), transform .12s var(--ease-out-3,ease);background:0 0;font-family:inherit;overflow:hidden}.dropdown-item.svelte-1xchvqj:focus-visible{box-shadow:none;background:oklch(100% 0 0/.12);outline:none}@media (hover:hover){.dropdown-item.svelte-1xchvqj:hover{transition:transform .12s var(--ease-out-3,ease);background:oklch(100% 0 0/.12)}}.dropdown-item.svelte-1xchvqj:active{transform:scale(.96)}.dropdown-item.svelte-1xchvqj.active{color:#fff;background:oklch(100% 0 0/.08);font-weight:700}.settings-menu.svelte-1xchvqj{display:none}.settings-pop.svelte-1xchvqj{flex-direction:column;gap:2px;min-width:240px;max-width:min(320px,80cqw);padding:5px;display:flex}.pop-row.svelte-1xchvqj{box-sizing:border-box;color:oklch(100% 0 0/.92);border-radius:var(--radius-2,5px);background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:6px 8px;display:none}@supports (corner-shape:squircle){.pop-row.svelte-1xchvqj{corner-shape:squircle;border-radius:calc(var(--radius-2,5px) * 2)}}.pop-row.svelte-1xchvqj{font-family:inherit;font-size:var(--font-size-0,.875rem)}.pop-row.svelte-1xchvqj svg{flex-shrink:0;width:20px;height:20px}.pop-icon.svelte-1xchvqj{border-radius:var(--radius-2,5px);border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}@supports (corner-shape:squircle){.pop-icon.svelte-1xchvqj{corner-shape:squircle;border-radius:calc(var(--radius-2,5px) * 2)}}.pop-icon.svelte-1xchvqj{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-out-3,ease);background:0 0;padding:0;overflow:hidden}.pop-icon.svelte-1xchvqj:focus-visible{box-shadow:none;background:oklch(100% 0 0/.12);outline:none}@media (hover:hover){.pop-icon.svelte-1xchvqj:hover{background:oklch(100% 0 0/.12)}}.pop-icon.svelte-1xchvqj:active{transform:scale(.88)}.pop-slider.svelte-1xchvqj{flex:1;align-items:center;padding-right:6px;display:flex}.pop-slider.svelte-1xchvqj .range.size-1{flex:1;min-width:0}.pop-group.svelte-1xchvqj{flex-direction:column;align-items:stretch;gap:6px}.pop-label.svelte-1xchvqj{font-size:var(--font-size-00,.72rem);text-transform:uppercase;letter-spacing:.06em;color:oklch(100% 0 0/.55)}.pop-options.svelte-1xchvqj{flex-wrap:wrap;gap:4px;display:flex}.pop-opt.svelte-1xchvqj{border-radius:var(--radius-round,100000px);color:oklch(100% 0 0/.85);cursor:pointer;font-size:var(--font-size-00,.75rem);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;transition:background .12s ease, border-color .12s ease, transform .12s var(--ease-out-3,ease);background:0 0;border:1px solid oklch(100% 0 0/.16);flex:none;padding:4px 10px;font-family:inherit;position:relative;overflow:hidden}.pop-opt.svelte-1xchvqj:focus-visible{box-shadow:none;background:oklch(100% 0 0/.12);outline:none}@media (hover:hover){.pop-opt.svelte-1xchvqj:hover{transition:transform .12s var(--ease-out-3,ease);background:oklch(100% 0 0/.12)}}.pop-opt.svelte-1xchvqj:active{transform:scale(.9)}.pop-opt.svelte-1xchvqj.active{color:#000;background:#fff;border-color:#fff;font-weight:700}.pop-toggle.svelte-1xchvqj{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .12s var(--ease-out-3,ease), transform .12s var(--ease-out-3,ease);position:relative;overflow:hidden}.pop-toggle.svelte-1xchvqj:focus-visible{box-shadow:none;background:oklch(100% 0 0/.12);outline:none}@media (hover:hover){.pop-toggle.svelte-1xchvqj:hover{transition:transform .12s var(--ease-out-3,ease);background:oklch(100% 0 0/.12)}}.pop-toggle.svelte-1xchvqj:active{transform:scale(.97)}.pop-toggle.svelte-1xchvqj.active{color:#fff;background:oklch(100% 0 0/.16)}.pop-text.svelte-1xchvqj{flex:1}@container player (width<=520px){.control-bar.svelte-1xchvqj .ctl.rank-1:where(.svelte-1xchvqj),.control-bar.svelte-1xchvqj .ctl.rank-2:where(.svelte-1xchvqj){display:none}.settings-menu.svelte-1xchvqj,.settings-pop.svelte-1xchvqj .pop-row.rank-1:where(.svelte-1xchvqj),.settings-pop.svelte-1xchvqj .pop-row.rank-2:where(.svelte-1xchvqj){display:flex}}@container player (width<=450px){.control-bar.svelte-1xchvqj .ctl.rank-3:where(.svelte-1xchvqj){display:none}.settings-pop.svelte-1xchvqj .pop-row.rank-3:where(.svelte-1xchvqj){display:flex}}@container player (width<=390px){.control-bar.svelte-1xchvqj .ctl.rank-4:where(.svelte-1xchvqj){display:none}.settings-pop.svelte-1xchvqj .pop-row.rank-4:where(.svelte-1xchvqj){display:flex}}@container player (width<=340px){.control-bar.svelte-1xchvqj .ctl.rank-5:where(.svelte-1xchvqj){display:none}.settings-pop.svelte-1xchvqj .pop-row.rank-5:where(.svelte-1xchvqj){display:flex}}@container player (width<=250px){.time.svelte-1xchvqj{display:none}}@keyframes svelte-1xchvqj-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.settings-btn.svelte-1xchvqj svg:where(.svelte-1xchvqj),.btn.svelte-1xchvqj,.circle.svelte-1xchvqj,.preview.svelte-1xchvqj{transition:none}}
