._audioPlayer_1bixj_1{display:grid;grid-template-areas:"play text text button" "progress progress . .";grid-template-columns:min-content 1fr min-content;align-items:center;justify-content:center;gap:8px;color:var(--player-color, var(--color-6));margin:.5em auto 0;max-width:420px}._progress_1bixj_13{grid-area:progress;white-space:nowrap}._play_1bixj_18{grid-area:play;display:grid;place-content:center}._text_1bixj_24{grid-area:text}._button_1bixj_28{grid-area:button;display:grid;place-content:center}._playerButton_1bixj_34{background:var(--color-3);display:block;aspect-ratio:1;border-radius:50%;border:none;padding:10px;position:relative;width:60px}._playerButton_1bixj_34:before{content:"";background:var(--color-6);position:absolute;inset:0;clip-path:polygon(35% 20%,85% 50%,35% 80%)}._playerButton_1bixj_34._isPlaying_1bixj_54:before{--y1: 30%;--y2: calc(100% - var(--y1));--x1: 35%;--x2: 45%;--x3: calc(100% - var(--x2));--x4: calc(100% - var(--x1));clip-path:polygon(var(--x1) var(--y1),var(--x2) var(--y1),var(--x2) var(--y2),var(--x3) var(--y2),var(--x3) var(--y1),var(--x4) var(--y1),var(--x4) var(--y2),var(--x1) var(--y2))}._text_1bixj_24{text-align:center;font-family:var(--font-cursive);font-size:24px}@media(orientation:landscape){._audioPlayer_1bixj_1{grid-template-areas:"play" "progress" "text" "button";grid-template-columns:min-content}._play_1bixj_18{place-content:unset}._progress_1bixj_13{text-align:center}._playerButton_1bixj_34{width:100%;font-size:12px}}