:root{--magic-player-video-controls-left:1.5rem;--magic-player-video-controls-height:3rem}@media (max-width:640px){:root{--magic-player-video-controls-height:2.5rem;--magic-player-video-controls-left:.75rem}}.magic-player-video-controls{inset:0;pointer-events:none;position:absolute;width:100%}.magic-player-video-controls-enter-active{animation:fade-up-in .15s ease}.magic-player-video-controls-leave-active{animation:fade-up-out .15s ease}.magic-player-video-controls__bar{align-items:flex-start;bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;left:var(--magic-player-video-controls-left);margin:0 auto;pointer-events:auto;position:absolute;width:calc(100% - var(--magic-player-video-controls-left)*2)}.magic-player-video-controls__bar--inner{align-items:center;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background-color:#202020cc;border-radius:50rem;box-sizing:border-box;color:#fff;display:flex;height:var(--magic-player-video-controls-height);padding:0 .75rem;width:100%}.magic-player-video-controls__item{align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-player-video-controls__item.-shrink-0{flex-shrink:0}.magic-player-video-controls__item.-grow{flex-grow:1}.magic-player-video-controls__item button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;display:flex;height:var(--magic-player-video-controls-height);justify-content:center;outline:none;padding:0;width:3rem}.magic-player-video-controls__item button svg{display:block;height:auto;width:1.25rem}.magic-player-video-controls__timeline{width:100%}.magic-player-video-controls[data-standalone=true]{inset:unset;position:relative;width:100%;--magic-player-video-controls-left:0}.magic-player-video-controls[data-standalone=true] .magic-player-video-controls__bar--inner{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}.magic-player-video-controls[data-standalone=true] .magic-player-video-controls__bar{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border-radius:unset;bottom:0;padding:0;position:relative}.base-video .magic-player-provider{--magic-player-provider-background:transparent;--magic-player-provider-aspect-ratio:unset;--magic-player-provider-height:100%}:root{--magic-player-timeline-track-height:.25rem}.magic-player-timeline{height:var(--magic-player-timeline-track-height);touch-action:none}.magic-player-timeline,.magic-player-timeline__target{align-items:center;display:flex;position:relative;width:100%}.magic-player-timeline__target{cursor:pointer;height:3.5rem}[data-dragging=true] .magic-player-timeline__target{cursor:grabbing}.magic-player-timeline__track{background:#fafafa26;border-radius:50rem;height:var(--magic-player-timeline-track-height);position:relative;width:100%}.magic-player-timeline__inner-track{border-radius:50rem;height:100%;left:0;overflow:hidden;position:relative;top:0;width:100%;z-index:1}.magic-player-timeline__thumb{height:var(--magic-player-timeline-track-height);position:absolute;width:var(--magic-player-timeline-track-height);z-index:10}.magic-player-timeline__thumb-handle{background-color:#fafafa;border-radius:50rem;height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:1rem;z-index:10}.magic-player-timeline__buffered,.magic-player-timeline__scrubbed,.magic-player-timeline__seeked{background:currentColor;border-radius:50rem;height:100%;left:0;margin-left:calc(-100% + var(--magic-player-timeline-track-height));position:absolute;width:100%}.magic-player-timeline__scrubbed{display:flex;min-width:var(--magic-player-timeline-track-height);z-index:1}.magic-player-timeline__seeked{opacity:.25}.magic-player-timeline__buffered{opacity:.15}.magic-player-timeline:hover .magic-player-timeline__thumb-handle{transform:translate3d(-50%,-50%,0) scale(1)}.magic-player-display-time{align-items:center;color:inherit;display:flex;font-size:.875rem;font-variant-numeric:tabular-nums;height:100%;justify-content:center;width:4rem}:root{--magic-player-audio-controls-height:3rem}.magic-player-audio-controls{pointer-events:none;width:100%}.magic-player-audio-controls__bar{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto;pointer-events:auto;width:100%}.magic-player-audio-controls__bar--inner{align-items:center;box-sizing:border-box;color:inherit;display:flex;height:var(--magic-player-audio-controls-height);padding:0;width:100%}.magic-player-audio-controls__item{align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-player-audio-controls__item.-shrink-0{flex-shrink:0}.magic-player-audio-controls__item.-grow{flex-grow:1}.magic-player-audio-controls__item button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;display:flex;height:var(--magic-player-audio-controls-height);justify-content:center;outline:none;padding:0;width:3rem}.magic-player-audio-controls__item button svg{display:block;height:auto;width:1.25rem}.magic-player-audio-controls__timeline{width:100%}@container (max-width: 480px){.magic-player-audio-controls__item[data-slot=display-time-current]{display:none}}@container (max-width: 320px){.magic-player-audio-controls__item[data-slot=display-time-duration]{display:none}.magic-player-audio-controls__item[data-slot=timeline]{padding-right:1rem}}@container (max-width: 240px){.magic-player-audio-controls__item[data-slot=timeline]{display:none}.magic-player-audio-controls__bar--inner{justify-content:center}}[data-slot=display-time-current]{display:none}