@layer components{.audio-block{--_bg-color: var(--audio-bg-color, var(--main-color-2))}.audio-block .audio-fragments{display:grid;grid-template-columns:1fr;width:100%;column-gap:48px;row-gap:48px}.audio-block .audio-fragments .audio-item{display:flex;flex-direction:column;justify-content:center;gap:24px}.audio-block .audio-fragments .audio-item .label{color:var(--grey-3);font-weight:600}.audio-block .audio-fragments .audio-item .audio-figure{display:flex;flex-direction:column;justify-content:center;align-items:center}.audio-block .audio-fragments .audio-item .audio-figure audio{border-radius:100px;flex:1 0 auto}.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-media-controls-panel{background-color:var(--_bg-color)}.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-media-controls-mute-button,.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-media-controls-play-button,.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-media-controls-seek-back-button,.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-media-controls-seek-forward-button{background-color:var(--white);border-radius:100%}.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-internal-media-controls-overflow-button{margin:0 8px;background-color:var(--white);border-radius:100%}.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-media-controls-current-time-display,.audio-block .audio-fragments .audio-item .audio-figure audio::-webkit-media-controls-time-remaining-display{color:var(--white);opacity:1;text-shadow:none}.audio-block .audio-fragments .audio-item .audio-figure:has(.caption) .caption{margin-top:12px}@media(min-width: 992px){.audio-block .audio-fragments{grid-template-columns:repeat(2, minmax(min-content, 1fr))}.audio-block .audio-fragments:is(.single-fragment){grid-template-columns:1fr}.audio-block .audio-fragments .audio-item .label{max-width:15ch;align-self:center}}@media(min-width: 1200px){.audio-block .audio-fragments{column-gap:72px}.audio-block .audio-fragments .audio-item{flex-direction:row}.audio-block .audio-fragments .audio-item .label{max-width:unset}}.section:has(.col-1,.col-2) .audio-block .audio-fragments{grid-template-columns:1fr}}