.audio.svelte-1869lbs.svelte-1869lbs{display:flex;flex-direction:column;width:100%}.audio.svelte-1869lbs>img.svelte-1869lbs{width:100%;margin:0}.content.svelte-1869lbs.svelte-1869lbs{background:var(--color-bg-audio);display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:280px;margin:0;padding:0 1rem}.text.svelte-1869lbs.svelte-1869lbs{color:var(--color-txt-audio)}.player.svelte-1869lbs.svelte-1869lbs{text-align:center;width:90%;margin-bottom:3rem}.button.svelte-1869lbs.svelte-1869lbs{display:block;width:100%;background-color:#0ff;position:relative;margin-bottom:1rem}button.svelte-1869lbs.svelte-1869lbs{position:absolute;left:45%;bottom:0;margin:auto;box-sizing:border-box;height:3rem;background:none;border-color:transparent transparent transparent var(--color-txt-audio);transition:.1s all ease;will-change:border-width;cursor:pointer;border-style:solid;border-width:1.5rem 0 1.5rem 2.4rem;padding:0}.pause.svelte-1869lbs.svelte-1869lbs{border-style:double;border-width:0 0 0px 2.4rem}.time.svelte-1869lbs.svelte-1869lbs{display:flex;align-items:center;gap:.5rem}.time-holder.svelte-1869lbs.svelte-1869lbs{display:flex;width:2.5rem;align-items:center}.time.svelte-1869lbs span.svelte-1869lbs{color:var(--color-txt-audio);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem}.slider.svelte-1869lbs.svelte-1869lbs{flex:1;height:.5rem;background:var(--color-bg-0);border-radius:.5rem;overflow:hidden}.progress.svelte-1869lbs.svelte-1869lbs{width:calc(100 * var(--progress));height:100%}section.svelte-178ns1h.svelte-178ns1h{width:100%;display:flex;align-items:center;flex-direction:column;gap:1rem}section.svelte-178ns1h h1.svelte-178ns1h{text-transform:capitalize}.container.svelte-178ns1h.svelte-178ns1h{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1rem}@media (max-width: 1400px){.container.svelte-178ns1h.svelte-178ns1h{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width: 1024px){.container.svelte-178ns1h.svelte-178ns1h{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 720px){.container.svelte-178ns1h.svelte-178ns1h{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.container.svelte-178ns1h.svelte-178ns1h{grid-template-columns:1fr}}