.video-player{isolation:isolate;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;display:block;position:relative;overflow:hidden}.video-player video{object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-player[data-idle],.video-player[data-idle] .video-player__surface{cursor:none}.video-player:fullscreen{aspect-ratio:auto;background:#000;border-radius:0;width:100%;height:100%;margin:0;transform:none}.video-player__surface{cursor:pointer;background:0 0;border:0;outline:none;place-items:center;padding:0;display:grid;position:absolute;inset:0}.video-player__surface:focus-visible .video-player__cta{box-shadow:0 0 0 2px var(--color-cream-50), 0 0 0 4px var(--color-ink)}.video-player__veil{background:color-mix(in srgb, var(--color-ink) 12%, transparent);opacity:0;transition:opacity .24s ease-in;position:absolute;inset:0}.video-player[data-ended] .video-player__veil{opacity:1;transition:opacity .3s ease-out}.video-player__cta{background:var(--color-ink);width:44px;height:44px;color:var(--color-cream-50);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-cream-50) 22%, transparent), 0 10px 28px -10px color-mix(in srgb, var(--color-ink) 55%, transparent);opacity:0;pointer-events:none;border-radius:999px;place-items:center;transition:opacity .16s ease-in,transform .16s ease-in,background .16s;display:grid;position:relative;transform:scale(.95)}.video-player__cta[data-visible]{opacity:1;transition:opacity .2s ease-out,transform .2s ease-out,background .16s;transform:none}.video-player__surface:hover .video-player__cta{background:color-mix(in srgb, var(--color-ink) 86%, var(--color-cream-50))}.video-player__surface:active .video-player__cta[data-visible]{transform:scale(.97)}.video-player__cta svg{width:20px;height:20px}.video-player__spinner{background:color-mix(in srgb, var(--color-ink) 45%, transparent);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;border-radius:999px;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .16s ease-in;position:absolute;top:50%;left:50%}.video-player__spinner:after{content:"";border:2px solid color-mix(in srgb, var(--color-cream-50) 25%, transparent);border-top-color:var(--color-cream-50);border-radius:999px;animation:.8s linear infinite video-player-spin;position:absolute;inset:12px}.video-player__spinner[data-visible]{opacity:1;transition:opacity .2s ease-out .3s}@keyframes video-player-spin{to{transform:rotate(360deg)}}.video-player__bar{color:var(--color-cream-50);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-ink) 35%, transparent));opacity:0;pointer-events:none;flex-wrap:wrap;align-items:center;font-size:12px;line-height:1;transition:opacity .16s ease-in,transform .16s ease-in,color .3s;display:flex;position:absolute;bottom:10px;left:24px;right:24px;transform:translateY(4px)}.video-player[data-tone=light] .video-player__bar{color:var(--color-ink);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-cream-50) 60%, transparent))}.video-player[data-controls] .video-player__bar,.video-player:has(.video-player__bar :focus-visible) .video-player__bar{opacity:1;pointer-events:auto;transition:opacity .2s ease-out,transform .2s ease-out,color .3s;transform:none}.video-player:fullscreen .video-player__bar{bottom:24px;left:max(40px,50% - 440px);right:max(40px,50% - 440px)}.video-player__bar>.video-player__icon:first-of-type{margin-left:-7px}.video-player__bar>.video-player__icon:last-child{margin-right:-7px}.video-player__icon{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;outline:none;flex:none;place-items:center;padding:0;transition:background .16s,transform .12s ease-out;display:grid;position:relative}.video-player__icon:hover{background:color-mix(in srgb, currentColor 14%, transparent)}.video-player__icon:active{transform:scale(.9)}.video-player__icon:focus-visible{box-shadow:inset 0 0 0 1.5px}.video-player__icon svg{width:18px;height:18px}.video-player__swap{opacity:0;filter:blur(3px);place-items:center;transition:opacity .16s,filter .16s,transform .16s;display:grid;position:absolute;inset:0;transform:scale(.75)}.video-player__swap[data-on]{opacity:1;filter:none;transform:none}.video-player__time{font-variant-numeric:tabular-nums;letter-spacing:.01em;flex:none;padding:0 2px}.video-player__time--total{color:color-mix(in srgb, currentColor 65%, transparent);margin-left:auto;padding-right:6px}.video-player__track{cursor:pointer;touch-action:none;outline:none;flex:1 0 100%;order:-1;align-items:center;height:16px;margin-bottom:4px;display:flex;position:relative}.video-player__rail{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:999px;width:100%;height:2px;transition:height .16s ease-out;position:relative;overflow:hidden}.video-player__track:hover .video-player__rail,.video-player__track:focus-visible .video-player__rail,.video-player[data-scrubbing] .video-player__rail{height:4px}.video-player__buffered,.video-player__played{transform-origin:0;position:absolute;inset:0}.video-player__buffered{background:color-mix(in srgb, currentColor 22%, transparent);transition:transform .3s ease-out}.video-player__played{background:currentColor}.video-player__knob{pointer-events:none;background:currentColor;border-radius:999px;width:12px;height:12px;margin:-6px 0 0 -6px;transition:transform .16s ease-out;position:absolute;top:50%;transform:scale(0)}.video-player__track:hover .video-player__knob,.video-player__track:focus-visible .video-player__knob{transform:scale(1)}.video-player[data-scrubbing] .video-player__knob{transform:scaleX(1.12)}.video-player__tip{font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;position:absolute;bottom:calc(100% + 2px);transform:translate(-50%)}@media (width<=520px){.video-player__bar{bottom:4px;left:14px;right:14px}}@media (pointer:coarse){.video-player__icon{width:40px;height:40px}.video-player__bar>.video-player__icon:first-of-type{margin-left:-11px}.video-player__bar>.video-player__icon:last-child{margin-right:-11px}.video-player__icon:hover{background:0 0}.video-player__track{height:24px;margin-bottom:0}.video-player__rail{height:3px}.video-player__knob{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.video-player *,.video-player :after{transition-duration:0s!important}.video-player__spinner:after{animation-duration:1.6s}}