.Op1Encoders-module__xjUk9q__stage{z-index:2;opacity:0;pointer-events:none;--play-scale:.8;transition:opacity .32s;position:absolute;inset:0;container-type:inline-size}.Op1Encoders-module__xjUk9q__stage[data-phase=turning]{opacity:1}.Op1Encoders-module__xjUk9q__riffLauncher{z-index:4;aspect-ratio:1;width:80px;height:80px;color:var(--gray-950);appearance:none;pointer-events:auto;cursor:pointer;--play-press:1;transform:scale(calc(var(--play-scale,.8) * var(--play-press)));transition:transform var(--dur-2) var(--ease-out);background:#fff;border:0;border-radius:50%;place-items:center;margin:auto;padding:0;display:grid;position:absolute;inset:0;box-shadow:0 10px 28px #0000001a,0 3px 8px #0000000f,0 1px 2px #0000000a}.Op1Encoders-module__xjUk9q__riffLauncher svg{width:30%;height:30%;transform:translate(6%)}.Op1Encoders-module__xjUk9q__stage:hover .Op1Encoders-module__xjUk9q__riffLauncher{transition-duration:60ms;transition-timing-function:linear}.Op1Encoders-module__xjUk9q__stage .Op1Encoders-module__xjUk9q__riffLauncher:focus-visible{--play-scale:1.298;outline:2px solid var(--focus-ring);outline-offset:3px}.Op1Encoders-module__xjUk9q__stage .Op1Encoders-module__xjUk9q__riffLauncher:active{--play-press:.94;transition-duration:var(--dur-press)}.Op1Encoders-module__xjUk9q__knob{width:3.5%;height:8.8889%;color:inherit;appearance:none;pointer-events:auto;cursor:url(/images/posts/limit-the-number-of-details/rotate-cursor.svg) 16 16,ew-resize;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;top:21.4286%}.Op1Encoders-module__xjUk9q__knob:before{content:"";border-radius:50%;position:absolute;inset:-32%}.Op1Encoders-module__xjUk9q__knob:active{cursor:url(/images/posts/limit-the-number-of-details/rotate-cursor-active.svg) 16 16,ew-resize}.Op1Encoders-module__xjUk9q__knob:focus-visible,.Op1Encoders-module__xjUk9q__musicalKey:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.Op1Encoders-module__xjUk9q__plate,.Op1Encoders-module__xjUk9q__slot{background-repeat:no-repeat;position:absolute;inset:0;-webkit-mask-image:url(/images/posts/limit-the-number-of-details/op1-encoder-slots.png);mask-image:url(/images/posts/limit-the-number-of-details/op1-encoder-slots.png);-webkit-mask-size:400% 100%;mask-size:400% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Op1Encoders-module__xjUk9q__plate{background-image:url(/images/posts/limit-the-number-of-details/op1-encoder-plates.webp);background-size:400% 100%}.Op1Encoders-module__xjUk9q__slot{will-change:transform;pointer-events:none;background-size:2857.14% 1125%}.Op1Encoders-module__xjUk9q__plate{pointer-events:none}.Op1Encoders-module__xjUk9q__blue{left:48.5%}.Op1Encoders-module__xjUk9q__green{left:57.9375%}.Op1Encoders-module__xjUk9q__white{left:67.4375%}.Op1Encoders-module__xjUk9q__orange{left:76.875%}.Op1Encoders-module__xjUk9q__blue .Op1Encoders-module__xjUk9q__plate,.Op1Encoders-module__xjUk9q__blue .Op1Encoders-module__xjUk9q__slot{-webkit-mask-position:0 0;mask-position:0 0}.Op1Encoders-module__xjUk9q__green .Op1Encoders-module__xjUk9q__plate,.Op1Encoders-module__xjUk9q__green .Op1Encoders-module__xjUk9q__slot{-webkit-mask-position:33.3333% 0;mask-position:33.3333% 0}.Op1Encoders-module__xjUk9q__white .Op1Encoders-module__xjUk9q__plate,.Op1Encoders-module__xjUk9q__white .Op1Encoders-module__xjUk9q__slot{-webkit-mask-position:66.6667% 0;mask-position:66.6667% 0}.Op1Encoders-module__xjUk9q__orange .Op1Encoders-module__xjUk9q__plate,.Op1Encoders-module__xjUk9q__orange .Op1Encoders-module__xjUk9q__slot{-webkit-mask-position:100% 0;mask-position:100% 0}.Op1Encoders-module__xjUk9q__blue .Op1Encoders-module__xjUk9q__plate{background-position:0 0}.Op1Encoders-module__xjUk9q__green .Op1Encoders-module__xjUk9q__plate{background-position:33.3333% 0}.Op1Encoders-module__xjUk9q__white .Op1Encoders-module__xjUk9q__plate{background-position:66.6667% 0}.Op1Encoders-module__xjUk9q__orange .Op1Encoders-module__xjUk9q__plate{background-position:100% 0}.Op1Encoders-module__xjUk9q__blue .Op1Encoders-module__xjUk9q__slot{background-position:50.2591% 23.5192%}.Op1Encoders-module__xjUk9q__green .Op1Encoders-module__xjUk9q__slot{background-position:60.0389% 23.5192%}.Op1Encoders-module__xjUk9q__white .Op1Encoders-module__xjUk9q__slot{background-position:69.8834% 23.5192%}.Op1Encoders-module__xjUk9q__orange .Op1Encoders-module__xjUk9q__slot{background-position:79.6632% 23.5192%}.Op1Encoders-module__xjUk9q__musicalKey{top:var(--key-top);left:var(--key-left);width:var(--key-width);height:var(--key-height);appearance:none;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute}.Op1Encoders-module__xjUk9q__keyWell{border-radius:var(--key-radius);opacity:0;pointer-events:none;background:#181c2299;transition:opacity .34s cubic-bezier(.45,.05,.35,1);position:absolute;inset:0}.Op1Encoders-module__xjUk9q__musicalKey[data-pressed] .Op1Encoders-module__xjUk9q__keyWell{opacity:1;transition-duration:.15s;transition-timing-function:cubic-bezier(.32,.4,.35,1)}.Op1Encoders-module__xjUk9q__keyPress{transform-origin:50%;pointer-events:none;transition:transform .34s cubic-bezier(.45,.05,.35,1);position:absolute;inset:0;transform:scale(1)}.Op1Encoders-module__xjUk9q__musicalKey[data-pressed] .Op1Encoders-module__xjUk9q__keyPress{transform:scale(var(--key-press-scale));transition:transform .15s cubic-bezier(.32,.4,.35,1)}.Op1Encoders-module__xjUk9q__keyShade,.Op1Encoders-module__xjUk9q__keyFace{position:absolute;inset:0}.Op1Encoders-module__xjUk9q__keyShade{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 80%,#00000021 90% 100%),linear-gradient(#0000 86%,#00000026 93% 100%);transition:opacity .34s cubic-bezier(.45,.05,.35,1)}.Op1Encoders-module__xjUk9q__keyFace{background-image:var(--key-source);background-repeat:no-repeat;background-size:var(--key-cols) var(--key-rows);background-position:var(--key-image-x) var(--key-image-y);opacity:0;pointer-events:none;transition:opacity .34s cubic-bezier(.45,.05,.35,1)}.Op1Encoders-module__xjUk9q__musicalKey[data-pressed] .Op1Encoders-module__xjUk9q__keyShade,.Op1Encoders-module__xjUk9q__musicalKey[data-pressed] .Op1Encoders-module__xjUk9q__keyFace{opacity:1;transition-duration:.15s;transition-timing-function:cubic-bezier(.32,.4,.35,1)}.Op1Encoders-module__xjUk9q__keyRim{background:linear-gradient(90deg, #080c126b var(--key-rim-x), transparent var(--key-rim-x), transparent calc(100% - var(--key-rim-x)), #080c126b calc(100% - var(--key-rim-x))), linear-gradient(180deg, #080c126b var(--key-rim-y), transparent var(--key-rim-y), transparent calc(100% - var(--key-rim-y)), #080c126b calc(100% - var(--key-rim-y)));border-radius:var(--key-radius);opacity:0;pointer-events:none;transition:opacity .34s cubic-bezier(.45,.05,.35,1);position:absolute;inset:0}.Op1Encoders-module__xjUk9q__musicalKey[data-pressed] .Op1Encoders-module__xjUk9q__keyRim{opacity:1;transition-duration:.15s;transition-timing-function:cubic-bezier(.32,.4,.35,1)}.Op1Encoders-module__xjUk9q__stage[data-phase=turning] .Op1Encoders-module__xjUk9q__blue .Op1Encoders-module__xjUk9q__slot{animation:4.2s both Op1Encoders-module__xjUk9q__turn-blue}.Op1Encoders-module__xjUk9q__stage[data-phase=turning] .Op1Encoders-module__xjUk9q__green .Op1Encoders-module__xjUk9q__slot{animation:4.2s both Op1Encoders-module__xjUk9q__turn-green}.Op1Encoders-module__xjUk9q__stage[data-phase=turning] .Op1Encoders-module__xjUk9q__white .Op1Encoders-module__xjUk9q__slot{animation:4.2s both Op1Encoders-module__xjUk9q__turn-white}.Op1Encoders-module__xjUk9q__stage[data-phase=turning] .Op1Encoders-module__xjUk9q__orange .Op1Encoders-module__xjUk9q__slot{animation:4.2s both Op1Encoders-module__xjUk9q__turn-orange}.Op1Encoders-module__xjUk9q__stage[data-phase=turning] .Op1Encoders-module__xjUk9q__knob[data-controlled] .Op1Encoders-module__xjUk9q__slot{animation:none!important}@keyframes Op1Encoders-module__xjUk9q__turn-blue{0%{animation-timing-function:cubic-bezier(.32,0,.24,1);transform:rotate(0)}15%,78%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:rotate(-238deg)}88%,to{transform:rotate(-216deg)}}@keyframes Op1Encoders-module__xjUk9q__turn-green{0%,17%{animation-timing-function:cubic-bezier(.34,0,.28,1);transform:rotate(0)}36%{animation-timing-function:cubic-bezier(.45,0,.35,1);transform:rotate(326deg)}41%,to{transform:rotate(292deg)}}@keyframes Op1Encoders-module__xjUk9q__turn-white{0%,39%{animation-timing-function:cubic-bezier(.3,0,.26,1);transform:rotate(0)}50%,to{transform:rotate(188deg)}}@keyframes Op1Encoders-module__xjUk9q__turn-orange{0%,50%{animation-timing-function:cubic-bezier(.36,0,.4,.92);transform:rotate(0)}62%,66%{animation-timing-function:cubic-bezier(.3,0,.24,1);transform:rotate(-164deg)}79%,to{transform:rotate(-286deg)}}.Op1Encoders-module__xjUk9q__hintsToggle{z-index:4;color:#ffffffeb;letter-spacing:.01em;appearance:none;pointer-events:auto;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out);background:#343434b3;border:0;border-radius:999px;margin:0;padding:7px 13px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;position:absolute;top:12%;right:3.5%}.Op1Encoders-module__xjUk9q__hintsToggle:hover,.Op1Encoders-module__xjUk9q__hintsToggle[aria-expanded=true]{background:#343434f0}.Op1Encoders-module__xjUk9q__hintsToggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.Op1Encoders-module__xjUk9q__hints{z-index:3;pointer-events:none;position:absolute;inset:0}.Op1Encoders-module__xjUk9q__hintPill{color:#fffffff5;letter-spacing:.01em;white-space:nowrap;opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);background:#343434f0;border-radius:999px;padding:9px 16px;font-size:11px;font-weight:500;line-height:1;position:absolute;transform:translate(-50%,-50%)scale(.94)}.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill{opacity:1;transform:translate(-50%,-50%)scale(1)}.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill[data-hint=modes]{transition-delay:40ms}.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill[data-hint=blue],.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill[data-hint=knobs]{transition-delay:80ms}.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill[data-hint=green]{transition-delay:.12s}.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill[data-hint=white]{transition-delay:.16s}.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill[data-hint=orange]{transition-delay:.2s}.Op1Encoders-module__xjUk9q__hints[data-open] .Op1Encoders-module__xjUk9q__hintPill[data-hint=keys]{transition-delay:.24s}.Op1Encoders-module__xjUk9q__hintPill[data-hint=knobs]{display:none}@container (max-width:700px){.Op1Encoders-module__xjUk9q__hintPill[data-knob-hint]{display:none}.Op1Encoders-module__xjUk9q__hintPill[data-hint=knobs]{display:block}}@media (prefers-reduced-motion:reduce){.Op1Encoders-module__xjUk9q__stage{transition:none;opacity:0!important}.Op1Encoders-module__xjUk9q__slot{animation:none!important}.Op1Encoders-module__xjUk9q__musicalKey,.Op1Encoders-module__xjUk9q__riffLauncher,.Op1Encoders-module__xjUk9q__hintsToggle,.Op1Encoders-module__xjUk9q__hints{display:none}}
.Op1TapeScreen-module__XWyuQW__inset{pointer-events:none;width:19.125%;height:24.4444%;position:absolute;top:13.8095%;left:26.5625%}.Op1TapeScreen-module__XWyuQW__art{width:100%;height:100%;display:block;position:absolute;inset:0}.Op1TapeScreen-module__XWyuQW__glare{mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.Op1TapeScreen-module__XWyuQW__reel{will-change:transform}.Op1TapeScreen-module__XWyuQW__reel path{stroke-width:2.25px}.Op1TapeScreen-module__XWyuQW__strip{transform:translateX(var(--tape-strip,0px))}@media (prefers-reduced-motion:reduce){.Op1TapeScreen-module__XWyuQW__inset{display:none}}