.music-lab{--lab-paper:var(--paper,#f2f1ec);--lab-ink:var(--ink,#111218);--lab-orange:var(--orange,#ff5b24);--lab-cyan:var(--cyan,#45dae0);--lab-pink:var(--pink,#d875fb);width:min(100%,470px);margin-top:32px;color:var(--lab-ink);font-family:inherit;border:1px solid currentColor;border-radius:22px;background:var(--lab-paper);box-shadow:0 10px 24px #11121817,inset 0 1px 0 #ffffffb3;position:relative;isolation:isolate;overflow:hidden}
.music-lab__top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid currentColor}
.music-lab__label,.music-lab__tempo{font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4}.music-lab__tempo{font-variant-numeric:tabular-nums;white-space:nowrap}
.music-lab__pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.music-lab .music-lab__pad{--pad-color:var(--lab-orange);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;min-height:116px;padding:12px;border:0;border-right:1px solid var(--lab-ink);border-radius:0;background:transparent;color:var(--lab-ink);font:inherit;cursor:pointer;transition:background .16s,color .16s;overflow:hidden;touch-action:manipulation}
.music-lab__pad:last-child{border-right:0}.music-lab .music-lab__pad[data-music-pad=clap]{--pad-color:var(--lab-cyan)}.music-lab .music-lab__pad[data-music-pad=hat]{--pad-color:var(--lab-pink)}.music-lab .music-lab__pad[data-music-pad=bass]{--pad-color:var(--lab-orange)}
.music-lab__number{font-size:9px;font-weight:800;letter-spacing:.12em;opacity:.6}.music-lab__name{font-size:14px;font-weight:800;line-height:1.2}
.music-lab__shape{display:block;width:32px;height:32px;color:var(--pad-color);align-self:center;transition:transform .14s;position:relative}
.music-lab__shape--kick{border:8px solid currentColor;border-radius:50%}.music-lab__shape--clap{background:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 9px);transform:skew(-15deg)}.music-lab__shape--hat{background:currentColor;clip-path:polygon(50% 0,60% 31%,86% 13%,70% 40%,100% 50%,70% 60%,86% 87%,60% 69%,50% 100%,40% 69%,14% 87%,30% 60%,0 50%,30% 40%,14% 13%,40% 31%)}.music-lab__shape--bass{width:36px;background:currentColor;clip-path:polygon(0 39%,12% 39%,12% 15%,26% 15%,26% 70%,39% 70%,39% 0,53% 0,53% 100%,66% 100%,66% 25%,79% 25%,79% 62%,100% 62%,100% 76%,66% 76%,66% 39%,66% 39%,66% 100%,39% 100%,39% 84%,12% 84%,12% 53%,0 53%)}
.music-lab .music-lab__pad:hover,.music-lab .music-lab__pad.is-sounding{background:var(--pad-color);color:var(--lab-ink)}.music-lab__pad:hover .music-lab__shape,.music-lab__pad.is-sounding .music-lab__shape{color:var(--lab-ink)}.music-lab__pad.is-sounding .music-lab__shape{transform:scale(1.13)}
.music-lab .music-lab__pad:focus-visible,.music-lab .music-lab__beat:focus-visible{outline:3px solid var(--lab-ink);outline-offset:-5px;z-index:2}
.music-lab__transport{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--lab-ink);padding:10px 12px;background:var(--lab-ink)}
.music-lab__meter{display:flex;align-items:center;gap:3px;height:22px;overflow:hidden}.music-lab__meter i{display:block;width:5px;height:4px;background:var(--lab-cyan);transition:height .14s}.music-lab__meter i:nth-child(3n){background:var(--lab-orange)}.music-lab__meter i:nth-child(4n){background:var(--lab-pink)}
.music-lab.is-pulsing .music-lab__meter i{height:14px}.music-lab.is-pulsing .music-lab__meter i:nth-child(2n){height:22px}.music-lab.is-pulsing .music-lab__meter i:nth-child(3n){height:10px}
.music-lab .music-lab__beat{min-height:44px;min-width:106px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:var(--lab-paper);border:1px solid var(--lab-paper);border-radius:24px;color:var(--lab-ink);font:inherit;font-size:12px;font-weight:800;cursor:pointer;touch-action:manipulation}.music-lab .music-lab__beat[aria-pressed=true]{background:var(--lab-orange);border-color:var(--lab-orange)}.music-lab .music-lab__beat:focus-visible{outline-color:var(--lab-cyan);outline-offset:3px}
.music-lab__status{font-size:12px;line-height:1.5;margin:0;padding:0 16px}.music-lab__status:not(:empty){padding:12px 16px;border-top:1px solid var(--lab-ink)}
@media(max-width:480px){.music-lab{margin-top:28px}.music-lab .music-lab__pad{min-height:106px;padding:10px}.music-lab__name{font-size:12px}.music-lab__top{padding:12px}.music-lab__label,.music-lab__tempo{font-size:9px}}
.reduce-motion .music-lab *{transition:none!important}.reduce-motion .music-lab__pad.is-sounding .music-lab__shape{transform:none}.reduce-motion .music-lab.is-pulsing .music-lab__meter i{height:4px}
@media(prefers-reduced-motion:reduce){.music-lab *{transition:none!important}.music-lab__pad.is-sounding .music-lab__shape{transform:none}.music-lab.is-pulsing .music-lab__meter i{height:4px}}