@keyframes fade-up-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-up-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateY(1rem)}}:root{--magic-player-controls-height:3rem;--magic-player-controls-padding:.75rem;--magic-player-controls-bottom:1.5rem;--magic-player-controls-left:1.5rem;--magic-player-controls-width:calc(100% - var(--magic-player-controls-left) * 2);--magic-player-controls-gap:1rem;--magic-player-controls-border-radius:50rem;--magic-player-controls-background:#202020cc;--magic-player-controls-backdrop-filter:blur(80px);--magic-player-controls-color:#fff;--magic-player-controls-button-width:3rem;--magic-player-controls-icon-width:1.25rem}@media (width<=640px){:root{--magic-player-controls-height:2.5rem;--magic-player-controls-bottom:.75rem;--magic-player-controls-padding:.5rem}}.magic-player-controls{pointer-events:none;width:100%;position:absolute;inset:0}.magic-player-controls-enter-active{animation:.15s fade-up-in}.magic-player-controls-leave-active{animation:.15s fade-up-out}.magic-player-controls__bar{bottom:var(--magic-player-controls-bottom);align-items:flex-start;gap:var(--magic-player-controls-gap);left:var(--magic-player-controls-left);pointer-events:auto;width:var(--magic-player-controls-width);flex-direction:column;margin:0 auto;display:flex;position:absolute}.magic-player-controls__bar--inner{-webkit-backdrop-filter:var(--magic-player-controls-backdrop-filter);backdrop-filter:var(--magic-player-controls-backdrop-filter);background-color:var(--magic-player-controls-background);border-radius:var(--magic-player-controls-border-radius);box-sizing:border-box;color:var(--magic-player-controls-color);height:var(--magic-player-controls-height);padding:0 var(--magic-player-controls-padding);align-items:center;width:100%;display:flex}.magic-player-controls__item{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.magic-player-controls__item.-shrink-0{flex-shrink:0}.magic-player-controls__item.-grow{flex-grow:1}.magic-player-controls__item button{appearance:none;color:inherit;cursor:pointer;height:var(--magic-player-controls-height);width:var(--magic-player-controls-button-width);background-color:#0000;border:0;border-radius:0;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.magic-player-controls__item button svg{height:auto;width:var(--magic-player-controls-icon-width);display:block}.magic-player-controls__timeline{width:100%}.magic-player-controls.-standalone{inset:unset;--magic-player-controls-width:100%;--magic-player-controls-bottom:0;--magic-player-controls-left:0;--magic-player-controls-padding:0;--magic-player-controls-background:transparent;--magic-player-controls-border-radius:unset;--magic-player-controls-backdrop-filter:none;position:relative}.magic-player-controls.-standalone .magic-player-controls__bar{position:relative}