._Container_104in_1{max-width:100%;position:fixed;bottom:var(--space-2);left:50%;transform:translate(-50%);z-index:710;background:var(--color-gray-600);border-radius:var(--space-0-75);overflow:hidden;@media (prefers-color-scheme: dark){background:var(--color-gray-800)}}._Content_104in_18{display:flex;margin:var(--space-0-75) var(--space-1);margin-left:0;margin-top:0;height:75px;border-radius:var(--space-0-5);overflow:hidden;@media screen and (min-width: 1200px){height:150px}}._Content_104in_18[data-visible=true]{height:300px}._WaveformArea_104in_36{position:relative}._WaveformContainer_104in_43{position:relative;z-index:710}._WaveformContainer_104in_43 ._WaveformCanvasBox_104in_48{border-radius:var(--space-0-5);overflow:hidden}._MarkerContainer_104in_53{position:absolute;top:0;left:0;width:100%;height:100%;display:none;@media screen and (min-width: 1200px){display:flex}}._Marker_104in_53{position:absolute;top:4px;left:0;transform:translate(var(--x));color:var(--color-secondary-300)}._Popup_104in_75{box-sizing:border-box;font-size:.875rem;line-height:1.25rem;display:flex;flex-direction:column;padding:var(--space-0-75) var(--space-1);border-radius:var(--space-0-5);font-weight:700;background:var(--color-secondary-500);color:var(--color-text);transform-origin:var(--transform-origin);transition:transform .15s,opacity .15s;z-index:999;&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.9)}&[data-instant]{transition:none}@media (prefers-color-scheme: light){outline:1px solid var(--color-secondary-300);box-shadow:0 10px 15px -3px var(--color-secondary-300),0 4px 6px -4px var(--color-secondary-300)}@media (prefers-color-scheme: dark){color:var(--color-text-inverted)}}._Arrow_104in_116{display:flex;color:var(--color-secondary-500);&[data-side=top]{bottom:-8px;rotate:180deg}&[data-side=bottom]{top:-8px;rotate:0deg}&[data-side=left]{right:-13px;rotate:90deg}&[data-side=right]{left:-13px;rotate:-90deg}}._ArrowFill_104in_141{fill:var(--color-secondary-500)}._Container_1ccrj_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}._Container_1ccrj_1[data-small=true]{height:30px}._Container_1ccrj_1[data-clickthrough=true]{pointer-events:none}._Playhead_1ccrj_19{width:1.5px;color:var(--color-secondary-100);background-color:var(--color-secondary-100)}._Playhead_1ccrj_19 svg{position:absolute;left:-4.5px;top:-6px}._Container_wz5e7_1{width:100%;padding-top:var(--space-0-5);@media screen and (min-width: 1200px){padding-top:var(--space-1-5)}}._Numbers_wz5e7_10,._Lines_wz5e7_11{display:flex;justify-content:space-between}._Numbers_wz5e7_10{font-size:var(--font-size-1);color:var(--color-text);text-align:center;user-select:none}._Numbers_wz5e7_10 span:nth-child(2n){display:block;transform:translate(20%)}._Lines_wz5e7_11{align-items:end;padding:0 1.5px}._GuideLine_wz5e7_33{width:1.5px;height:5px;background:#62626a;border-radius:2px}._GuideLine_wz5e7_33[data-long=true]{height:10px}._Container_g399l_1{width:16px;padding:var(--space-0-75);padding-top:var(--space-1);--transition: cubic-bezier(.895, .03, .685, .22);--duration: .42s;transition-property:width;transition-duration:var(--duration);transition-timing-function:var(--transition)}._ToggleButton_g399l_14{background:transparent;display:flex;border:0;border-radius:var(--space-0-25);padding:var(--space-0-25);margin:0;color:var(--color-text)}._ToggleButton_g399l_14:hover{background:var(--color-gray-700)}._Header_g399l_28{display:flex;justify-content:space-between;align-items:start}._Header_g399l_28 h4{font-size:var(--font-size-4);font-weight:700;width:0;margin:0;padding:0;overflow:hidden;white-space:nowrap}._List_g399l_44{display:flex;width:100%;height:100%;flex-direction:column;overflow-y:auto;padding-top:var(--space-0-75)}._Container_g399l_1 ._Header_g399l_28 h4,._Container_g399l_1 ._List_g399l_44{opacity:0;transition-property:opacity,width;transition-duration:var(--duration);transition-timing-function:var(--transition)}._Container_g399l_1[data-visible=true] ._Header_g399l_28 h4,._Container_g399l_1[data-visible=true] ._List_g399l_44{opacity:1}._Container_g399l_1[data-visible=true] ._Header_g399l_28 h4{width:auto}._Container_g399l_1[data-visible=true]{width:var(--width, 300px)}._Button_1gbqu_1{background:transparent;display:flex;gap:var(--space-0-5);border:0;font-family:var(--font-family);font-size:var(--font-size-6);text-transform:none;padding:var(--space-0-5) var(--space-0-25);text-align:left;text-decoration:none;color:var(--color-text);@media (prefers-color-scheme: dark){color:var(--color-text)}}._Button_1gbqu_1:hover{background:var(--color-gray-700)}._Button_1gbqu_1 svg{color:var(--color-secondary)}