.audio-message{--audio-msg-bg: #f3f8fe;--audio-msg-fg: var(--color-purple);--audio-msg-fg-soft: var(--color-purple-light);--audio-msg-player-bg: #d1e3fc;--audio-msg-bar: #a7c2eb;--audio-msg-btn-size: 48px;--audio-msg-avatar-size: 48px;display:flex;flex-direction:column;gap:.5rem;padding:8px;background:var(--audio-msg-bg);border-radius:4px;color:var(--audio-msg-fg)}.audio-message .audio-message__header{display:flex;flex-direction:column;align-items:baseline;gap:.15rem;flex-wrap:wrap}.audio-message .audio-message__title{font-weight:600;font-size:1rem;line-height:1.3}.audio-message .audio-message__subtitle{font-weight:400;font-size:.875rem;color:var(--audio-msg-fg-soft);line-height:1.3}.audio-message .audio-message__description{margin:0;font-size:1rem;line-height:140%;font-weight:500}.audio-message .audio-message__player{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--audio-msg-player-bg);border-radius:999px}.audio-message .audio-message__play{flex-shrink:0;width:var(--audio-msg-btn-size);height:var(--audio-msg-btn-size);border-radius:50%;border:none;padding:0;background:var(--audio-msg-fg);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.audio-message .audio-message__icon{width:1rem;height:1rem;display:inline-block}.audio-message .audio-message__icon--pause,.audio-message[data-playing=true] .audio-message__icon--play{display:none}.audio-message[data-playing=true] .audio-message__icon--pause{display:inline-block}.audio-message .audio-message__waveform{flex:1;height:32px;overflow:hidden;cursor:pointer;touch-action:none}.audio-message .audio-message__waveform:focus-visible{outline:2px solid var(--audio-msg-fg);outline-offset:2px;border-radius:4px}.audio-message .audio-message__waveform svg{width:100%;height:100%;display:block}.audio-message .audio-message__avatar-wrapper{flex-shrink:0;width:var(--audio-msg-avatar-size);height:var(--audio-msg-avatar-size);border-radius:50%;overflow:hidden;background:#fff}.audio-message .audio-message__avatar-wrapper .audio-message__avatar{object-fit:cover}.audio-message .audio-message__audio{display:none}@media(min-width:750px){.product-details .shopify-block:has(.audio-message){display:none}}@media(min-width:1200px){.product-media-gallery__stack .audio-message{display:grid!important;grid-template-areas:"player header" "description description";grid-template-columns:repeat(2,1fr);place-items:center}.audio-message__header{grid-area:header}.audio-message__description{grid-area:description}.audio-message__player{grid-area:player}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/audio-message.css.map */