@keyframes _slideIn_1rmaf_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _slideOut_1rmaf_1{0%{transform:translate(0)}to{transform:translate(-100%)}}._state_1rmaf_19{border-radius:0 var(--radius-video) var(--radius-video) 0;background-color:hsl(var(--heroui-primary-400) / .7);color:hsl(var(--heroui-foreground));-webkit-user-select:none;user-select:none;pointer-events:none;padding-block:.3em;padding-inline:.5em;animation:.3s ease-in-out .5s forwards _slideIn_1rmaf_1;display:flex;transform:translate(-100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}._state_1rmaf_19._out_1rmaf_36{animation:.3s ease-in-out forwards _slideOut_1rmaf_1}._panel_wgpi5_1{background:linear-gradient(#0000,#000000b3);flex-direction:row;align-items:center;gap:.25em;padding-block:.375em;padding-inline:.25em;display:flex}@media (width>=640px){._panel_wgpi5_1{gap:.75em;padding-inline:.75em}}._panel_wgpi5_1 ._button_wgpi5_17{border-radius:.4em;width:1.6em;min-width:1.6em;height:1.6em;min-height:1.6em;font-size:1em}._panel_wgpi5_1 ._button_wgpi5_17:hover{background-color:hsl(var(--heroui-primary-300) / .6)}._panel_wgpi5_1 ._button_wgpi5_17:active{background-color:hsl(var(--heroui-primary-400) / .9)}._panel_wgpi5_1 ._button_wgpi5_17 svg{width:1.2em;height:1.2em}._panel_wgpi5_1 ._button_wgpi5_17[aria-expanded=true]:active{background-color:hsl(var(--heroui-primary-500) / .9)}@keyframes _panelInK_wgpi5_1{0%{opacity:0}to{opacity:1}}@keyframes _panelOutK_wgpi5_1{0%{opacity:1}to{opacity:0}}._panelIn_wgpi5_58{animation:.233s ease-in-out _panelInK_wgpi5_1}._panelOut_wgpi5_62{animation:.233s ease-in-out _panelOutK_wgpi5_1}._panel_wgpi5_1:hover ._track_wgpi5_67{height:.6em}._trackWrapper_wgpi5_72 ._track_wgpi5_67{border:none;height:.5em;transition:height .233s ease-in-out;overflow:hidden}._trackWrapper_wgpi5_72 ._filler_wgpi5_79{border-radius:9999px}