.sound-clip{--sound-clip-bg: transparent;--sound-clip-accent: #000;--sound-clip-icon: #fff;--sound-clip-size: 56px;display:flex;align-items:center;gap:16px;padding:16px;background:var(--sound-clip-bg);border:1px solid color-mix(in srgb,currentColor 18%,transparent)}.sound-clip--minimal{padding:0;border:0}.sound-clip__toggle{flex:0 0 var(--sound-clip-size);width:var(--sound-clip-size);height:var(--sound-clip-size);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--sound-clip-accent);cursor:pointer;transition:transform .2s ease}.sound-clip__toggle:hover{transform:scale(1.05)}.sound-clip__toggle:focus-visible{outline:2px solid var(--sound-clip-accent);outline-offset:3px}.sound-clip__icon{width:24px;height:24px;color:var(--sound-clip-icon)}.sound-clip__icon--pause,.sound-clip.is-playing .sound-clip__icon--play{display:none}.sound-clip.is-playing .sound-clip__icon--pause{display:block}.sound-clip__body{flex:1 1 auto;min-width:0}.sound-clip__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sound-clip__heading{margin:0}.sound-clip__time{font-variant-numeric:tabular-nums;opacity:.7;white-space:nowrap}.sound-clip__caption{margin:2px 0 0;opacity:.7}.sound-clip__track{position:relative;height:4px;margin-top:12px;background:color-mix(in srgb,currentColor 15%,transparent)}.sound-clip__progress{position:absolute;inset:0 auto 0 0;width:0;background:var(--sound-clip-accent);pointer-events:none}.sound-clip__seek{position:absolute;top:-8px;right:0;bottom:-8px;left:0;width:100%;height:calc(100% + 16px);margin:0;opacity:0;cursor:pointer}.sound-clip__track:has(.sound-clip__seek:focus-visible){outline:2px solid var(--sound-clip-accent);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sound-clip.css.map */