.keyboard-sound-lab{width:100%;margin-top:2.4rem}.keyboard-sound-lab__card{display:grid;grid-template-columns:minmax(16rem,.85fr) minmax(24rem,1.65fr);align-items:center;gap:clamp(2rem,3vw,4rem);min-height:15rem;padding:clamp(2.4rem,3vw,3.6rem);overflow:hidden;color:#090909;background:#f7f7f5;border:.1rem solid rgba(10,10,10,.06);border-radius:1.6rem;box-shadow:0 1.2rem 3rem #0000001f}.keyboard-sound-lab__copy,.keyboard-sound-lab__player,.keyboard-sound-lab__timeline{min-width:0}.keyboard-sound-lab__title{margin:0;color:#050505;font-family:var(--font-heading-family);font-size:clamp(2.4rem,2.2vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1}.keyboard-sound-lab__title span{color:#a68b5b}.keyboard-sound-lab__product,.keyboard-sound-lab__note{margin:1rem 0 0;color:#0909099e;font-size:1.4rem;line-height:1.45}.keyboard-sound-lab__note{margin-top:.3rem;font-size:1.2rem}.keyboard-sound-lab__player{display:grid;grid-template-columns:4.4rem minmax(0,1fr) 4.8rem;align-items:center;gap:1.6rem}.keyboard-sound-lab__play{display:grid;width:4.4rem;height:4.4rem;padding:0;place-items:center;color:#fff;background:#050505;border:0;border-radius:50%;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.keyboard-sound-lab__play:hover{background:#a52331;transform:scale(1.04)}.keyboard-sound-lab__play:focus-visible,.keyboard-sound-lab__timeline:focus-within{outline:.2rem solid #a52331;outline-offset:.3rem}.keyboard-sound-lab__play svg{width:2.2rem;height:2.2rem}.keyboard-sound-lab__play-icon{margin-left:.2rem}.keyboard-sound-lab__pause-icon,.keyboard-sound-lab__play[aria-pressed=true] .keyboard-sound-lab__play-icon{display:none}.keyboard-sound-lab__play[aria-pressed=true] .keyboard-sound-lab__pause-icon{display:block}.keyboard-sound-lab__timeline{position:relative;height:6.4rem}.keyboard-sound-lab__waveform{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:clamp(.1rem,.22vw,.3rem);pointer-events:none}.keyboard-sound-lab__waveform span{flex:1 1 auto;height:var(--sound-bar-height);min-width:.1rem;max-width:.35rem;background:#0505053d;border-radius:99rem;transition:background-color .1s linear}.keyboard-sound-lab__waveform span.is-played{background:#050505}.keyboard-sound-lab__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.keyboard-sound-lab__time{color:#0909098f;font-variant-numeric:tabular-nums;font-size:1.2rem;text-align:right}.keyboard-sound-lab__card audio{grid-column:1 / -1;width:100%;margin-top:1rem}.keyboard-sound-lab__card.is-ready audio{display:none}.keyboard-sound-lab__error{grid-column:1 / -1;margin:.8rem 0 0;color:#8d1724;font-size:1.3rem}@media screen and (max-width:749px){.keyboard-sound-lab__card{grid-template-columns:1fr;gap:2.4rem;min-height:0;padding:2.6rem 2rem;border-radius:1.2rem}.keyboard-sound-lab__player{grid-template-columns:4rem minmax(0,1fr);gap:1.2rem}.keyboard-sound-lab__play{width:4rem;height:4rem}.keyboard-sound-lab__timeline{height:5.2rem}.keyboard-sound-lab__time{grid-column:2;margin-top:-1.1rem;text-align:left}.keyboard-sound-lab__waveform span:nth-child(2n){display:none}}@media screen and (min-width:750px)and (max-width:1099px){.keyboard-sound-lab__card{grid-template-columns:1fr;gap:2rem}}@media(prefers-reduced-motion:reduce){.keyboard-sound-lab__play,.keyboard-sound-lab__waveform span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-keyboard-sound-lab.css.map */