.sb{gap:12px;color:var(--lp-text,#14051f)}.sb,.sb-pedal{display:flex;flex-direction:column;align-items:center}.sb-pedal{position:relative;width:124px;height:180px;border:3px solid #14051f;border-radius:16px;padding:12px 12px 14px;justify-content:space-between;box-shadow:var(--lp-pop,5px 5px 0 #14051f);transition:transform .12s ease,box-shadow .12s ease}.sb-pedal:after{content:"";position:absolute;left:10px;right:10px;top:52px;height:2.5px;border-radius:2px;background:#14051f}.sb:focus-visible .sb-pedal,.sb:hover .sb-pedal{transform:translate(-3px,-4px) rotate(-2deg);box-shadow:var(--lp-pop-lg,8px 8px 0 #14051f)}.sb:active .sb-pedal{transform:translate(3px,3px);box-shadow:1px 1px 0 #14051f}.sb-top{width:100%;display:flex;justify-content:space-between;align-items:center}.sb-knob{width:30px;height:30px;border-radius:50%;background:#fff;border:2.5px solid #14051f;box-shadow:2px 2px 0 #14051f;display:flex;justify-content:center;transition:transform .4s cubic-bezier(.5,1.6,.5,1)}.sb-knob>span{width:3px;height:10px;margin-top:2px;border-radius:2px;background:#14051f}.sb:hover .sb-k1{transform:rotate(110deg)}.sb:hover .sb-k2{transform:rotate(-80deg)}.sb-led{width:13px;height:13px;border-radius:50%;background:#7a1d1d;border:2.5px solid #14051f;transition:background .15s,box-shadow .15s}.sb:focus-visible .sb-led,.sb:hover .sb-led{background:#ff3b3b;box-shadow:0 0 0 3px #fff,0 0 14px 5px rgba(255,59,59,.8)}.sb-name{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px}.sb-code{font-family:var(--font-display),sans-serif;font-weight:700;font-size:27px;line-height:1;color:#fff;-webkit-text-stroke:2px #14051f;paint-order:stroke fill;text-shadow:2px 2px 0 #14051f}.sb-brand{font-size:9px;letter-spacing:.2em;font-weight:700;color:#14051f}.sb-switch{width:46px;height:46px;border-radius:50%;background:#fff;border:3px solid #14051f;box-shadow:inset 0 0 0 6px #d9d6e0,inset 0 0 0 8.5px #14051f,2px 3px 0 #14051f;transition:transform .1s}.sb:active .sb-switch{transform:scale(.9)}.sb-label{font-family:var(--font-display),sans-serif;font-weight:600;font-size:18px;background:var(--lp-surface,#fff);border:2.5px solid var(--lp-line,#14051f);border-radius:999px;padding:2px 14px;box-shadow:var(--lp-pop-sm,3px 3px 0 #14051f)}@media (max-width:640px){.sb-pedal{width:96px;height:140px;padding:9px 9px 11px;border-radius:12px}.sb-pedal:after{top:42px}.sb-knob{width:24px;height:24px}.sb-code{font-size:20px}.sb-switch{width:36px;height:36px}.sb-label{font-size:15px}}@media (prefers-reduced-motion:reduce){.sb-knob,.sb-led,.sb-pedal,.sb-switch{transition:none}}.sb-pedal.sb-pedal-compact{width:76px;height:110px;padding:7px 7px 8px;border-width:2px;border-radius:11px}.sb-pedal-compact:after{top:32px;left:6px;right:6px;height:2px}.sb-pedal-compact .sb-knob{width:18px;height:18px;border-width:2px;box-shadow:1px 1px 0 #14051f}.sb-pedal-compact .sb-knob>span{width:2px;height:6px;margin-top:1px}.sb-pedal-compact .sb-led{width:9px;height:9px;border-width:2px}.sb-pedal-compact .sb-name{gap:2px;margin-top:5px}.sb-pedal-compact .sb-code{font-size:17px;-webkit-text-stroke-width:1.5px;text-shadow:1px 1px 0 #14051f}.sb-pedal-compact .sb-brand{font-size:5px}.sb-pedal-compact .sb-switch{width:28px;height:28px;border-width:2px;box-shadow:inset 0 0 0 3px #d9d6e0,inset 0 0 0 5px #14051f,1px 2px 0 #14051f}