.sound-pad{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#0000;flex-direction:column;padding:4px;display:flex;position:relative}.pad-content{aspect-ratio:1/.9;background:var(--grad-tangerine);border:3px solid var(--ink);border-radius:var(--radius-md);width:100%;box-shadow:0 6px 0 var(--shadow-tangerine);cursor:pointer;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;transition:transform 80ms,box-shadow 80ms,background .12s;display:flex;position:relative;overflow:hidden;transform:translateY(0)}.pad-content:hover{filter:brightness(1.08)}.pad-content:active{box-shadow:0 2px 0 var(--shadow-tangerine);transform:translateY(4px)}.sound-pad.playing .pad-content{background:var(--lime);box-shadow:0 2px 0 var(--shadow-lime), 0 0 24px var(--playing-glow);filter:none;transform:translateY(4px)}.pad-face{justify-content:space-between;align-items:flex-start;display:flex}.pad-play-glyph{fill:var(--ink);opacity:.9;flex-shrink:0;width:26px!important;height:26px!important}.pad-eq{align-items:flex-end;gap:4px;height:24px;display:flex}.pad-eq i{background:var(--ink);transform-origin:bottom;border-radius:2.5px;width:5px;height:100%;animation:.8s ease-in-out infinite pad-eq-bounce}.pad-eq i:first-child{animation-delay:0s}.pad-eq i:nth-child(2){animation-delay:.15s}.pad-eq i:nth-child(3){animation-delay:.3s}.pad-eq i:nth-child(4){animation-delay:.45s}@keyframes pad-eq-bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.pad-info{flex-direction:column;gap:2px;min-width:0;margin-top:auto;display:flex}.pad-label{font-family:var(--font-body);color:var(--ink);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.pad-label a{color:inherit;text-decoration:none}.pad-label a:hover{text-underline-offset:3px;text-decoration:underline}.pad-meta{color:#160d0299;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:500;overflow:hidden}.favorite-btn{width:28px;height:28px;color:var(--ink);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px 0 0;transition:all .15s;display:flex}.sound-pad:hover .favorite-btn{opacity:.8}.favorite-btn:hover{opacity:1;background:#160d0226;transform:scale(1.1)}.favorite-btn.active{opacity:1}.favorite-btn:active svg{transform:scale(.8)}.fill-current{fill:currentColor}