.mm-pads{border-top:1px solid var(--mm-hairline)}.mm-pads__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:var(--mm-space-6)}@media screen and (max-width:989px){.mm-pads__inner{grid-template-columns:minmax(0,1fr);gap:var(--mm-space-5)}}.mm-pads__copy{min-width:0}.mm-pads__eyebrow{margin:0 0 var(--mm-space-3);color:var(--mm-accent)}.mm-pads__title{margin:0;font-family:var(--mm-font-display);font-size:clamp(2.8rem,3.6vw,var(--mm-text-3xl));font-weight:700;line-height:var(--mm-leading-heading);letter-spacing:var(--mm-track-heading);color:var(--mm-ink);text-wrap:balance}.mm-pads__title em{font-style:normal;color:var(--mm-accent)}.mm-pads__sub{max-width:46rem;margin:var(--mm-space-3) 0 0;font-size:var(--mm-text-base);line-height:var(--mm-leading-body);color:var(--mm-ink-muted)}.mm-pads__cta{display:inline-flex;align-items:center;gap:var(--mm-space-2);min-height:var(--mm-tap);margin-top:var(--mm-space-5);padding:1.4rem 2.8rem;border:1px solid var(--mm-accent);border-radius:var(--mm-radius-sm);background:var(--mm-accent);color:#fff;font-family:var(--mm-font-text);font-size:var(--mm-text-sm);font-weight:600;line-height:1;text-decoration:none;transition:filter .16s var(--mm-ease)}.mm-pads__cta:hover{filter:brightness(1.12)}.mm-pads__machine{padding:var(--mm-space-4);border:1px solid var(--mm-hairline);border-radius:var(--mm-radius-md);background:var(--mm-surface-2)}.mm-pads__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mm-space-3);list-style:none;margin:0;padding:0}.mm-pad{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:var(--mm-space-2);width:100%;aspect-ratio:1 / 1;padding:var(--mm-space-3);border:1px solid var(--mm-hairline);border-radius:var(--mm-radius-sm);background:var(--mm-surface-1);color:var(--mm-ink-muted);font-family:var(--mm-font-display);font-size:var(--mm-text-2xs);font-weight:600;letter-spacing:var(--mm-track-label, .1em);line-height:1;text-transform:uppercase;text-align:left;cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:border-color .14s var(--mm-ease),background-color .14s var(--mm-ease),color .14s var(--mm-ease)}.mm-pad:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);pointer-events:none}.mm-pad:hover{border-color:var(--mm-hairline-strong);color:var(--mm-ink)}.mm-pad:focus-visible{outline:2px solid var(--mm-accent);outline-offset:2px}.mm-pad__wave{display:block;width:100%;flex:1 1 auto;min-height:0;pointer-events:none}.mm-pad__label{flex:0 0 auto;color:inherit}.mm-pad.is-hit{border-color:var(--mm-accent);background:var(--mm-surface-2);color:var(--mm-ink);transition:none}.mm-pad:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--mm-accent);border-radius:inherit;opacity:0;pointer-events:none}.mm-pad.is-hit:after{animation:mm-pad-ring .42s var(--mm-ease) forwards}@keyframes mm-pad-ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.045)}}.mm-pads__steps{display:flex;align-items:flex-end;gap:2px;height:1.6rem;margin:var(--mm-space-4) 0 0;padding:0;list-style:none}.mm-pads__step{flex:1 1 0;min-width:0;height:.5rem;border-radius:1px;background:var(--mm-hairline-strong);transition:background-color 90ms linear,height 90ms linear}.mm-pads__step--beat{height:.9rem}.mm-pads__step--bar{height:1.4rem;background:var(--mm-ink-faint)}.mm-pads__step.is-on{height:1.6rem;background:var(--mm-accent);transition:none}.mm-pads__transport{display:flex;align-items:center;justify-content:space-between;gap:var(--mm-space-3);margin-top:var(--mm-space-3);padding-top:var(--mm-space-4);border-top:1px solid var(--mm-hairline)}.mm-pads__play{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--mm-space-2);min-height:var(--mm-tap);padding:1rem 1.8rem;border:1px solid var(--mm-hairline-strong);border-radius:var(--mm-radius-sm);background:transparent;color:var(--mm-ink);font-family:var(--mm-font-text);font-size:var(--mm-text-sm);font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:border-color .16s var(--mm-ease),background-color .16s var(--mm-ease)}.mm-pads__play:hover{border-color:var(--mm-ink-muted);background:#ffffff0a}.mm-pads__play:focus-visible{outline:2px solid var(--mm-accent);outline-offset:2px}.mm-pads__play svg{width:1.4rem;height:1.4rem;flex:0 0 auto;fill:currentColor}.mm-pads__play .mm-pads__icon-stop{display:none}.is-playing .mm-pads__play{border-color:var(--mm-accent);color:var(--mm-ink)}.is-playing .mm-pads__play .mm-pads__icon-play{display:none}.is-playing .mm-pads__play .mm-pads__icon-stop{display:block}.mm-pads__bpm{flex:0 0 auto;font-family:var(--mm-font-display);font-size:var(--mm-text-2xs);font-weight:600;letter-spacing:var(--mm-track-normal);font-variant-numeric:tabular-nums;color:var(--mm-ink-faint);white-space:nowrap}@media screen and (max-width:749px){.mm-pads__steps{display:none}.mm-pads__transport{margin-top:var(--mm-space-4)}.mm-pads__play{flex:1 1 auto;justify-content:center}}@media(prefers-reduced-motion:reduce){.mm-pad.is-hit:after{animation:none;opacity:0}.mm-pad.is-hit{border-color:var(--mm-accent)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mm-pads.css.map */