.sample-audio-player{margin:1.5rem 0;padding:1.25rem;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--media-radius)}.sample-audio-player__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sample-audio-player__icon{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.sample-audio-player__heading{margin:0;flex-grow:1}.sample-audio-player__badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-background));background-color:rgb(var(--color-button));border-radius:1rem}.sample-audio-player__container{position:relative}.sample-audio-player__audio{display:none}.sample-audio-player__controls{display:flex;align-items:center;gap:1rem}.sample-audio-player__play-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background-color:rgb(var(--color-button));border:none;border-radius:50%;cursor:pointer;transition:transform .15s ease,background-color .15s ease;flex-shrink:0}.sample-audio-player__play-button:hover{transform:scale(1.05);background-color:rgb(var(--color-button-text))}.sample-audio-player__play-button:hover svg{color:rgb(var(--color-button))}.sample-audio-player__play-icon,.sample-audio-player__pause-icon{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-button-text))}.sample-audio-player__play-icon svg{margin-left:2px}.sample-audio-player__progress-container{display:flex;align-items:center;gap:.75rem;flex-grow:1}.sample-audio-player__time{font-size:.875rem;font-variant-numeric:tabular-nums;color:rgba(var(--color-foreground),.7);min-width:3rem;text-align:center}.sample-audio-player__time--current{text-align:right}.sample-audio-player__time--duration{text-align:left}.sample-audio-player__progress{position:relative;flex-grow:1;height:6px;background-color:rgba(var(--color-foreground),.1);border-radius:3px;overflow:hidden}.sample-audio-player__progress-bar{position:absolute;top:0;left:0;height:100%;width:0;background-color:rgb(var(--color-button));border-radius:3px;transition:width .1s linear;pointer-events:none}.sample-audio-player__progress-input{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:20px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.sample-audio-player__progress-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background-color:rgb(var(--color-button));border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003;opacity:0;transition:opacity .15s ease}.sample-audio-player__progress-input::-moz-range-thumb{width:14px;height:14px;background-color:rgb(var(--color-button));border:none;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003;opacity:0;transition:opacity .15s ease}.sample-audio-player__progress:hover .sample-audio-player__progress-input::-webkit-slider-thumb,.sample-audio-player__progress-input:focus::-webkit-slider-thumb{opacity:1}.sample-audio-player__progress:hover .sample-audio-player__progress-input::-moz-range-thumb,.sample-audio-player__progress-input:focus::-moz-range-thumb{opacity:1}.sample-audio-player__volume{flex-shrink:0}.sample-audio-player__volume-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:color .15s ease}.sample-audio-player__volume-button:hover{color:rgb(var(--color-foreground))}.sample-audio-player__volume-icon,.sample-audio-player__mute-icon{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 749px){.sample-audio-player{padding:1rem}.sample-audio-player__controls{flex-wrap:wrap;gap:.75rem}.sample-audio-player__play-button{width:44px;height:44px}.sample-audio-player__progress-container{order:3;width:100%}.sample-audio-player__time{font-size:.75rem;min-width:2.5rem}.sample-audio-player__volume{margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-sample-audio-player.css.map */