.rw-analog{--al-ink:#f2e7d9;--al-muted:#b9a4b3;--al-pink:#e49ac4;background:#241c27;color:var(--al-ink);padding:44px 16px 52px;font:400 14px/1.5 Arial,Helvetica,sans-serif;container-type:inline-size;scroll-margin-top:20px}.rw-analog *{box-sizing:border-box}.rw-analog__inner{max-width:1100px;margin:auto}.rw-analog__intro{max-width:650px;text-align:center;margin:0 auto 28px}.rw-analog__eyebrow{font-size:9px;letter-spacing:.18em;font-weight:600;color:var(--al-pink);margin:0 0 14px}.rw-analog h2{color:inherit;margin:0}.rw-analog__intro>p:not(.rw-analog__eyebrow){font-size:13px;line-height:1.65;color:var(--al-muted);margin:14px 0}.rw-analog__intro>span{font-size:10px;color:#d8c0d0}.rw-analog__instrument{display:block;max-width:960px;margin:auto;background:#302633;border:1px solid #70566b;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #eecbdd20,0 14px 28px #100a1450}.rw-analog__mast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 15px;border-bottom:1px solid #80617844}.rw-analog__mast>span:first-child{font-size:17px;font-weight:700;letter-spacing:-.04em;color:#edb5d4}.rw-analog__mast small{display:block;font-size:7px;letter-spacing:.17em;font-weight:400;color:#c2a6bb;margin-top:3px}.rw-analog__mast>span:last-child{font-size:7px;letter-spacing:.1em;color:#baa0b1}.rw-analog__body{display:grid}.rw-analog__browser{min-width:0;background:#261f2a;padding:0 12px}.rw-analog__table-head{display:flex;justify-content:space-between;padding:13px 7px 10px;font-size:7px;letter-spacing:.13em;color:#b498ad;border-bottom:1px solid #9a779135}.rw-analog__browser [role=group]{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.rw-analog button{font-family:inherit;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}.rw-analog__browser button{display:grid;grid-template-columns:18px 1fr;align-content:center;gap:2px 5px;text-align:left;background:transparent;color:#e5d2df;width:100%;min-width:0;min-height:42px;padding:5px 7px;border:0;border-bottom:1px solid #9a77912b;border-left:2px solid transparent;font-size:12px;line-height:1.3}.rw-analog__number{font-size:8px;color:#ae8fa4;grid-row:1/3;align-self:center}.rw-analog__preset-name{overflow-wrap:anywhere}.rw-analog__category{font-size:8px;color:#b597ad}.rw-analog__browser button[aria-pressed=true]{border-left-color:#d36aa8;background:#c3418720;color:#ffd1e9}.rw-analog__browser button[aria-pressed=true] .rw-analog__number{color:#e6a0c8}.rw-analog__selected{min-width:0;padding:12px 18px 14px}.rw-analog__display{display:grid;grid-template-columns:1fr auto;align-items:start;gap:5px 12px;position:relative;padding:10px 12px;border:1px solid #98728b40;background:#251d29;box-shadow:inset 0 1px 5px #130d1a66}.rw-analog__display-label{font-size:7px;letter-spacing:.15em;color:#c09ab2;grid-column:1}.rw-analog__patch-number{grid-column:2;grid-row:1/4;font-size:28px;font-weight:400;line-height:1;color:#9a607f;letter-spacing:-.07em}.rw-analog [data-analog-title]{font-size:19px;line-height:1.15;font-weight:600;letter-spacing:-.04em;grid-column:1;overflow-wrap:anywhere}.rw-analog__type{font-size:10px;color:#e3a7cc;grid-column:1}.rw-analog__display-signature{grid-column:1/-1;font-size:6px;letter-spacing:.14em;color:#95788d;padding-top:4px;margin-top:0;border-top:1px solid #ba8ca330}.rw-analog__transport{display:flex;align-items:center;gap:12px;margin-top:10px}.rw-analog [data-analog-play]{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #af779a;background:transparent;color:#f6c5e0;font-size:14px}.rw-analog [data-analog-play]:disabled{cursor:not-allowed;color:#9d7d93;border-color:#785c6e}.rw-analog__transport>div{flex:1;min-width:0}.rw-analog__demo-label{font-size:7px;letter-spacing:.12em;color:#ceb2c4;display:block;margin-bottom:8px}.rw-analog [data-analog-seek]{appearance:none;display:block;width:100%;height:2px;background:#74586d;margin:0;opacity:1}.rw-analog [data-analog-seek]::-webkit-slider-thumb{appearance:none;width:5px;height:5px;background:#bb8ca9;border-radius:50%}.rw-analog [data-analog-status]{font-size:8px;line-height:1.4;color:#baa0b1;margin:6px 0 0}.rw-analog__knobs{display:flex;justify-content:space-around;gap:8px;padding:17px 12px 15px;border-top:1px solid #b88aa43b;background:#352a38}.rw-analog__dial-group{text-align:center;min-width:0}.rw-analog__dial-group>span{display:block;font-size:8px;color:#d3bfcf;margin-top:8px}.rw-analog__dial{position:relative;width:37px;height:37px;border-radius:50%;border:1px solid #b78ea466;background:#211d25;box-shadow:inset 0 2px 1px #b999aa35,0 2px 3px #160f1d88;outline:1px solid #6b4c61;outline-offset:3px}.rw-analog__dial:before{content:'';position:absolute;inset:5px;border:1px solid #bda0b24d;border-radius:50%}.rw-analog__dial>span{position:absolute;width:2px;height:10px;background:#eac6d8;left:calc(50% - 1px);top:4px;transform-origin:1px 14px;transform:rotate(-40deg)}.rw-analog__dial--2>span{transform:rotate(28deg)}.rw-analog__dial--3>span{transform:rotate(65deg)}.rw-analog__dial--4>span{transform:rotate(-65deg)}.rw-analog__dial--5>span{transform:rotate(13deg)}.rw-analog__keyboard{padding:12px 12px 14px;background:#1b1620;border-top:1px solid #b797ad44}.rw-analog__keys{display:flex;height:64px;border:1px solid #0f0c12;box-shadow:0 3px #0e0a12}.rw-analog__white{display:block;position:relative;flex:1;background:#e6dac8;border-right:1px solid #91877d;border-bottom:4px solid #b3a794;border-radius:0 0 2px 2px}.rw-analog__white:last-child{border-right:0}.rw-analog__black{display:block;position:absolute;top:0;right:-35%;width:66%;height:65%;z-index:1;background:#302632;border:1px solid #130e17;border-bottom:4px solid #17111e;border-radius:0 0 2px 2px;box-shadow:1px 2px 2px #0006}.rw-analog :focus-visible{outline:2px solid #f1acd2;outline-offset:3px}
@container(min-width:750px){.rw-analog__intro{margin-bottom:34px}.rw-analog__intro>p:not(.rw-analog__eyebrow){font-size:14px}.rw-analog__mast{padding:20px 25px}.rw-analog__mast small{display:inline;margin-left:13px;font-size:8px}.rw-analog__mast>span:last-child{font-size:8px}.rw-analog__body{grid-template-columns:1.1fr 1fr}.rw-analog__browser{padding:0 20px 16px;border-right:1px solid #aa81992b}.rw-analog__browser [role=group]{display:block}.rw-analog__table-head{padding-top:16px}.rw-analog__browser button{grid-template-columns:25px 1fr 65px;min-height:44px;font-size:13px;padding:10px 8px}.rw-analog__number{grid-row:auto}.rw-analog__category{text-align:right;font-size:10px}.rw-analog__selected{padding:20px 24px;display:flex;flex-direction:column;justify-content:center}.rw-analog__display{padding:14px 16px;gap:7px}.rw-analog [data-analog-title]{font-size:26px}.rw-analog__patch-number{font-size:36px}.rw-analog__display-signature{margin-top:6px;padding-top:8px;font-size:7px}.rw-analog__transport{margin-top:14px}.rw-analog__knobs{padding:24px 60px}.rw-analog__dial{width:46px;height:46px}.rw-analog__dial>span{height:12px;transform-origin:1px 19px}.rw-analog__dial-group>span{font-size:10px;margin-top:10px}.rw-analog__keyboard{padding:16px 25px 22px}.rw-analog__keys{height:86px}}
@media(hover:hover){.rw-analog__browser button:hover{color:#ffcee8}.rw-analog [data-analog-play]:hover:not(:disabled){background:#8d306333}}

.rw-analog__mast>span:first-child{display:flex;align-items:center;gap:12px}.rw-analog__mast img{display:block;width:74px;height:auto}.rw-analog__knob-label{font-size:8px;letter-spacing:.08em;color:#b9a4b3;margin:0;padding:10px 12px 0;text-align:center;background:#352a38;border-top:1px solid #b88aa43b}.rw-analog__knobs{border-top:0}