.harmony-audio-demo{padding-top:6rem;padding-bottom:6rem}@media(min-width:1100px){.harmony-audio-demo{padding-top:10rem;padding-bottom:10rem}}.harmony-audio-demo__wrapper{display:flex;flex-direction:column;gap:4rem;max-width:148.8rem;margin:0 auto}@media(min-width:1100px){.harmony-audio-demo__wrapper{gap:6rem}}.harmony-audio-demo__wrapper--left{align-items:flex-start;text-align:left}.harmony-audio-demo__wrapper--center{align-items:center;text-align:center}.harmony-audio-demo__header{display:flex;flex-direction:column;gap:.8rem;max-width:66.2rem;width:100%}.harmony-audio-demo__header h1,.harmony-audio-demo__header h2,.harmony-audio-demo__header h3,.harmony-audio-demo__header h4{margin-bottom:0}.harmony-audio-demo__text{width:100%;padding-top:.4rem}.harmony-audio-demo__text p{margin-top:0;margin-bottom:1.6rem}.harmony-audio-demo__text p:last-child{margin-bottom:0}.harmony-audio-demo__notice{display:inline-flex;align-items:center;gap:1rem;margin-top:.8rem;padding:1rem 1.8rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:999rem;font-size:1.3rem;color:rgba(var(--color-foreground),.65);align-self:flex-start}.harmony-audio-demo__wrapper--center .harmony-audio-demo__notice{align-self:center}.harmony-audio-demo__notice-icon{width:1.6rem;height:1.6rem;flex-shrink:0}.harmony-audio-demo__player-block{display:flex;flex-direction:column;gap:3.2rem;width:100%;max-width:66.2rem}@media(min-width:1100px){.harmony-audio-demo__player-block{gap:4rem}}.harmony-audio-demo__tabs{position:relative;display:inline-flex;padding:.4rem;background:rgba(var(--color-foreground),.06);border-radius:999rem;isolation:isolate;align-self:flex-start}.harmony-audio-demo__wrapper--center .harmony-audio-demo__tabs{align-self:center}.harmony-audio-demo__tab{position:relative;z-index:1;padding:1rem 2rem;background:transparent;border:0;border-radius:999rem;font-family:inherit;font-size:1.4rem;font-weight:500;letter-spacing:.01em;color:rgba(var(--color-foreground),.55);cursor:pointer;transition:color .25s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}@media(min-width:1100px){.harmony-audio-demo__tab{padding:1.2rem 2.4rem}}.harmony-audio-demo__tab:hover{color:rgb(var(--color-foreground))}.harmony-audio-demo__tab.is-active{color:rgb(var(--color-background))}.harmony-audio-demo__tab-indicator{position:absolute;top:.4rem;left:0;height:calc(100% - .8rem);background:rgb(var(--color-foreground));border-radius:999rem;transition:transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1);z-index:0;pointer-events:none}.harmony-audio-demo__player{display:flex;flex-direction:column;gap:2.8rem;width:100%}.harmony-audio-demo__player-row{display:flex;align-items:center;gap:2rem;width:100%}@media(min-width:1100px){.harmony-audio-demo__player-row{gap:2.8rem}}.harmony-audio-demo__playpause{display:inline-flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;padding:0;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:0;border-radius:50%;cursor:pointer;flex-shrink:0;transition:transform .25s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}@media(min-width:1100px){.harmony-audio-demo__playpause{width:6.4rem;height:6.4rem}}.harmony-audio-demo__playpause:hover{transform:scale(1.04)}.harmony-audio-demo__playpause:active{transform:scale(.97)}.harmony-audio-demo__playpause-state{position:relative;width:2rem;height:2rem}@media(min-width:1100px){.harmony-audio-demo__playpause-state{width:2.4rem;height:2.4rem}}.harmony-audio-demo__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .18s cubic-bezier(.22,1,.36,1)}.harmony-audio-demo__playpause-state[data-state=paused] .harmony-audio-demo__icon--play,.harmony-audio-demo__playpause-state[data-state=playing] .harmony-audio-demo__icon--pause{opacity:1}.harmony-audio-demo__playpause-state[data-state=buffering] .harmony-audio-demo__icon--loader{opacity:1;animation:harmonySpin .9s linear infinite}@keyframes harmonySpin{to{transform:rotate(360deg)}}.harmony-audio-demo__timeline-wrap{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:0}.harmony-audio-demo__timeline{position:relative;padding:1rem 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.harmony-audio-demo__timeline:focus-visible .harmony-audio-demo__timeline-track{box-shadow:0 0 0 .3rem rgba(var(--color-accent),.3)}.harmony-audio-demo__timeline-track{position:relative;width:100%;height:.2rem;background:rgba(var(--color-foreground),.15);border-radius:999rem;transition:height .2s cubic-bezier(.22,1,.36,1)}.harmony-audio-demo__timeline:hover .harmony-audio-demo__timeline-track,.harmony-audio-demo__timeline.is-scrubbing .harmony-audio-demo__timeline-track{height:.4rem}.harmony-audio-demo__timeline-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:rgb(var(--color-foreground));border-radius:999rem;transition:width .1s linear}.harmony-audio-demo__timeline-thumb{position:absolute;top:50%;left:0%;width:1.2rem;height:1.2rem;background:rgb(var(--color-foreground));border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s cubic-bezier(.22,1,.36,1)}.harmony-audio-demo__timeline:hover .harmony-audio-demo__timeline-thumb,.harmony-audio-demo__timeline.is-scrubbing .harmony-audio-demo__timeline-thumb{transform:translate(-50%,-50%) scale(1)}.harmony-audio-demo__time{display:flex;gap:.6rem;font-feature-settings:"tnum" 1;font-size:1.2rem;letter-spacing:.02em;color:rgba(var(--color-foreground),.55)}.harmony-audio-demo__time-sep{opacity:.5}.harmony-audio-demo__toggle{position:relative;display:inline-flex;padding:.5rem;background:rgba(var(--color-foreground),.06);border-radius:999rem;isolation:isolate;align-self:flex-start}.harmony-audio-demo__wrapper--center .harmony-audio-demo__toggle{align-self:center}.harmony-audio-demo__toggle-option{position:relative;z-index:1;padding:1.2rem 2rem;background:transparent;border:0;border-radius:999rem;font-family:inherit;font-size:1.3rem;font-weight:500;letter-spacing:.01em;color:rgba(var(--color-foreground),.55);cursor:pointer;white-space:nowrap;transition:color .25s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}@media(min-width:1100px){.harmony-audio-demo__toggle-option{padding:1.4rem 2.8rem;font-size:1.4rem}}.harmony-audio-demo__toggle-option:hover{color:rgb(var(--color-foreground))}.harmony-audio-demo__toggle-option.is-active{color:rgb(var(--color-background))}.harmony-audio-demo__toggle-indicator{position:absolute;top:.5rem;left:0;height:calc(100% - 1rem);background:rgb(var(--color-accent));border-radius:999rem;z-index:0;pointer-events:none;transition:transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1)}.harmony-audio-demo__button-wrapper{display:flex;margin-top:.4rem}.harmony-audio-demo__wrapper--left .harmony-audio-demo__button-wrapper{justify-content:flex-start}.harmony-audio-demo__wrapper--center .harmony-audio-demo__button-wrapper{justify-content:center}@media(prefers-reduced-motion:reduce){.harmony-audio-demo *,.harmony-audio-demo *:before,.harmony-audio-demo *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-harmony-audio-demo.css.map */