.audio-player-container[data-v-6cdaa8f2]{align-items:center;border-radius:.5rem;border-width:1px;display:flex;gap:1rem;margin-top:.75rem;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.audio-player-container[data-v-6cdaa8f2]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}@media (min-width:768px){.audio-player-container[data-v-6cdaa8f2]{width:83.333333%}}@media (min-width:1024px){.audio-player-container[data-v-6cdaa8f2]{height:60px;width:50%}}.audio-player-container[data-v-6cdaa8f2]{box-shadow:0 6px 20px #0000004d;direction:ltr;transition:box-shadow .3s ease-in-out}.dark .audio-player-container[data-v-6cdaa8f2]{box-shadow:0 6px 20px #ffffff26}.play-pause-button[data-v-6cdaa8f2],.volume-button[data-v-6cdaa8f2]{align-items:center;border-radius:9999px;display:flex;height:2.25rem;justify-content:center;width:2.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.play-pause-button[data-v-6cdaa8f2]:hover,.volume-button[data-v-6cdaa8f2]:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.play-pause-button[data-v-6cdaa8f2]:is(.dark *),.volume-button[data-v-6cdaa8f2]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.play-pause-button[data-v-6cdaa8f2]:hover:is(.dark *),.volume-button[data-v-6cdaa8f2]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.play-pause-button svg[data-v-6cdaa8f2]{height:1.5rem;width:1.5rem;--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.play-pause-button svg[data-v-6cdaa8f2]:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.time-and-progress[data-v-6cdaa8f2]{align-items:center;display:flex;flex-grow:1;gap:.5rem}.progress-bar[data-v-6cdaa8f2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;height:.25rem;width:100%;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.progress-bar[data-v-6cdaa8f2]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.progress-bar[data-v-6cdaa8f2]{cursor:pointer}.progress-bar[data-v-6cdaa8f2]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;height:.75rem;width:.75rem;--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1))}.progress-bar[data-v-6cdaa8f2]::-moz-range-thumb{border-radius:9999px;height:.75rem;width:.75rem;--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1));border:none}.current-time[data-v-6cdaa8f2],.duration-time[data-v-6cdaa8f2]{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.current-time[data-v-6cdaa8f2]:is(.dark *),.duration-time[data-v-6cdaa8f2]:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.volume-control[data-v-6cdaa8f2]{align-items:center;display:flex;gap:.5rem;width:120px}.volume-slider[data-v-6cdaa8f2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;height:.25rem;width:100%;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.volume-slider[data-v-6cdaa8f2]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.volume-slider[data-v-6cdaa8f2]{cursor:pointer}.volume-slider[data-v-6cdaa8f2]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;height:.75rem;width:.75rem;--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1))}.volume-slider[data-v-6cdaa8f2]::-moz-range-thumb{border-radius:9999px;height:.75rem;width:.75rem;--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1));border:none}