@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600&display=swap";._appContainer_1qml7_1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}:root{--color-red: hsl(350, 40%, 20%);--color-deep-rose: hsla(320, 40%, 20%, .9);--color-amber: hsl(45, 40%, 20%);--color-warm-amber: hsla(35, 50%, 20%, .9);--color-emerald: hsl(160, 40%, 20%);--color-rich-emerald: hsla(150, 40%, 20%, .9);--color-warm-red: hsla(15, 50%, 20%, .9);--color-vibrant-blue: hsla(210, 50%, 20%, .9);--color-deep-purple: hsla(270, 40%, 20%, .9);--color-background: hsl(0, 0%, 10%);--color-text-primary: hsla(0, 0%, 100%, .45);--color-text-secondary: hsla(0, 0%, 100%, .6);--color-off-black: hsl(217, 32%, 5%);--synth-border: hsla(217, 30%, 40%, .4);--synth-bg: hsl(217, 39%, 15%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 8px;--font-size-xs: .5rem;--font-size-sm: .65rem;--font-size-md: .75rem;--font-size-lg: .875rem;--font-size-xl: 1rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease}._presetSelector_12dpi_1{display:flex;justify-content:center;margin-bottom:1rem}._select_12dpi_7{padding:.5rem 1rem;font-size:1rem;color:var(--color-text);background:var(--color-off-black);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;min-width:200px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em}._select_12dpi_7:focus{outline:none;border-color:var(--color-accent)}._select_12dpi_7 option{background:var(--color-off-black);color:var(--color-text)}._knobContainer_7yi9w_1{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-lg);height:-moz-fit-content;height:fit-content}._knobContainerSmall_7yi9w_10{--knob-size: 27px}._knobContainerMedium_7yi9w_14{--knob-size: 38px;margin-top:var(--spacing-xs)}._knobContainerLarge_7yi9w_19{--knob-size: 45px}._knob_7yi9w_1{position:relative;width:var(--knob-size);height:var(--knob-size);border-radius:50%;z-index:5;filter:drop-shadow(0 -1px 0 hsla(0,0%,50%,.5))}._knobBtm_7yi9w_32{position:absolute;top:0;left:0;width:var(--knob-size);height:var(--knob-size);filter:drop-shadow(0 1px 1px hsla(0,0%,0%,.95))}._outerKnob_7yi9w_41{position:absolute;display:grid;width:100%;height:100%;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20383.39%20409.56'%3e%3cpath%20fill='%23000'%20d='M324.18,345.14c12.47-1.93,23.97-8.2,31.5-18.33,4.46-6.01,8.64-12.32,12.5-18.93,4.43-7.6,8.3-15.37,11.63-23.27,4.83-11.44,4.64-24.28.28-35.91-10.66-28.38-11.29-60.3-.37-89.94,4.24-11.51,4.25-24.25-.62-35.5-6.29-14.51-14.28-28.35-23.88-41.18-7.37-9.85-18.44-16.1-30.55-18.27-14.48-2.58-28.76-7.7-42.21-15.54-13.45-7.84-24.94-17.74-34.33-29.07-7.85-9.47-18.75-16.02-30.95-17.57-15.89-2.02-31.87-2.15-47.6-.47-12.2,1.31-23.27,7.6-31.2,16.96-20.4,24.12-48.48,39.31-78.43,44.03-12.26,1.93-23.53,8.1-31.1,17.95-5.22,6.79-10.08,13.99-14.51,21.59-3.86,6.62-7.29,13.36-10.31,20.2-5.1,11.54-4.88,24.64-.42,36.44,11,29.09,11.45,61.93-.29,92.22-4.73,12.21-4.38,25.75.96,37.71,5.39,12.08,11.97,23.68,19.68,34.61,7.74,10.97,19.6,18.15,32.86,20.27,15.28,2.44,30.37,7.68,44.54,15.94,14.17,8.26,26.17,18.8,35.82,30.89,8.38,10.49,20.47,17.27,33.83,18.59,13.3,1.32,26.64,1.33,39.81.06,13.03-1.25,24.99-7.62,33.28-17.76,20.57-25.15,49.36-40.95,80.09-45.72Z'/%3e%3c/svg%3e") no-repeat center center;border-radius:50%;align-items:center;justify-items:center;place-items:center;z-index:1}._outerKnobBottom_7yi9w_52{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#b3b3b380,#40404080 35%,#00000080 35%,#0d0d0d);border-radius:50%;align-items:center;justify-items:center;place-items:center;z-index:0}._dot_7yi9w_70{position:absolute;top:12.5%;left:50%;z-index:5;width:3px;height:3px;background:linear-gradient(to bottom,#d4d7de,#7d879b);border-radius:50%;transform:translate(-50%,-100%);content:""}._innerKnob_7yi9w_87{position:absolute;top:17.5%;left:17.5%;z-index:1;width:65%;height:65%;border-radius:50%;pointer-events:none}._innerKnob_7yi9w_87:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:conic-gradient(from 59.5deg at 50% 50%,#adadad,#4d4d4d 16.5%,#474747 16.5%,#c7c7c7 33%,#adadad 33%,#4d4d4d 49.5%,#474747 49.5%,#c7c7c7 66%,#adadad 66%,#4d4d4d 83.5%,#474747 83.5%,#c7c7c7);border-radius:50%}._knobLabel_7yi9w_124,._knobValue_7yi9w_125{position:absolute;top:-15px;left:50%;display:block;color:var(--color-text-secondary);font-size:var(--font-size-md);text-align:center;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}._knobValueMedium_7yi9w_139,._knobLabelMedium_7yi9w_140{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}._knobValue_7yi9w_125{text-transform:inherit}._knobValue_7yi9w_125 span{font-size:var(--font-size-xs);text-transform:uppercase}._sectionTitle_11k18_1{padding:var(--spacing-xs);background-color:#ffffff1a;color:var(--color-text-primary);font-size:var(--font-size-md);display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:1rem;word-break:break-all;height:72px;text-align:center;text-transform:uppercase}._outerRow_11k18_18{position:relative;display:flex;justify-content:flex-start;align-items:center}._outerRow_11k18_18:first-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._outerRow_11k18_18:nth-of-type(2){box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._outerRow_11k18_18:last-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._innerRow_11k18_82{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-right:calc(var(--spacing-sm) + 16px);padding-left:calc(var(--spacing-sm));padding-top:var(--spacing-xs);padding-bottom:var(--spacing-sm)}._screw_11k18_94{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_11k18_94:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_11k18_134{top:4px;left:4px}._screwTopRight_11k18_140{top:4px;right:4px}._screwBottomLeft_11k18_146{bottom:4px;left:4px}._screwBottomRight_11k18_152{right:4px;bottom:4px}._knobContainer_1m8q8_1{--knob-size: 45px;position:relative;top:-7px;display:flex;flex-direction:column;align-items:center;margin:var(--spacing-lg) -10px -36px -10px}._knobRing_1m8q8_11:before{content:"";position:absolute;width:var(--knob-size);height:var(--knob-size);background:linear-gradient(to bottom,#b3b3b380,#40404080 35%,#00000080 35%,#0d0d0d);border-radius:50%;transform:translate(-50%,-50%);left:50%;top:calc(50% - 10px);z-index:0;filter:drop-shadow(0 -1px hsl(0,0%,0%))}._knob_1m8q8_1{position:relative;width:var(--knob-size);height:var(--knob-size);border-radius:50%;filter:drop-shadow(0 -1px 0 hsla(0,0%,50%,.5))}._knobBtm_1m8q8_41{position:absolute;top:0;left:0;width:var(--knob-size);height:var(--knob-size);filter:drop-shadow(0 1px 1px hsla(0,0%,0%,.5))}._outerKnob_1m8q8_50{position:relative;top:2px;left:-4px;display:grid;width:120%;height:120%;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2054.73%20109.11'%3e%3cpath%20fill='%23111111'%20d='M47.1,74.72c4.72-4.91,7.63-11.57,7.63-18.92,0-10.88-6.37-20.27-15.58-24.66l-4.64-25.46c-1.35-7.41-10.77-7.63-12.48-.3l-5.96,25.58C6.66,35.27.11,44.77.11,55.8c0,6.55,2.31,12.57,6.16,17.27L.21,99.12c-1.14,4.91,2.53,9.51,7.03,8.82,6.43-.98,14.59-2.04,19.28-1.93,4.12.1,11.62,1.59,17.71,2.95,4.5,1.01,8.49-3.43,7.58-8.45l-4.7-25.79Z'/%3e%3c/svg%3e") no-repeat center center;border-radius:50%;align-items:center;justify-items:center;place-items:center}._knobLabel_1m8q8_62{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:var(--font-size-sm);text-transform:uppercase;font-weight:600}._line_1m8q8_72{position:absolute;top:28%;left:50.5%;z-index:5;width:1px;height:12px;background:linear-gradient(to bottom,#9aa2b1,#d4d7de);border-radius:1px;transform:translate(-50%,-100%);content:""}._innerKnob_1m8q8_89{position:absolute;top:32.5%;left:32.5%;z-index:1;width:35%;height:35%;border-radius:50%;pointer-events:none}._innerKnob_1m8q8_89:before{content:"";position:absolute;width:100%;height:100%;background-image:conic-gradient(from 0deg at 50% 50%,#adadad,#4d4d4d 16.5%,#474747 16.5%,#c7c7c7 33%,#adadad 33%,#4d4d4d 49.5%,#474747 49.5%,#c7c7c7 66%,#adadad 66%,#4d4d4d 83.5%,#474747 83.5%,#c7c7c7);border-radius:50%}._innerKnob_1m8q8_89:after{content:"";position:absolute;top:2.5%;left:2.5%;width:95%;height:95%;background-image:conic-gradient(from 59.5deg at 50% 50%,#adadad,#4d4d4d 16.5%,#474747 16.5%,#c7c7c7 33%,#adadad 33%,#4d4d4d 49.5%,#474747 49.5%,#c7c7c7 66%,#adadad 66%,#4d4d4d 83.5%,#474747 83.5%,#c7c7c7);border-radius:50%}._knobValue_1m8q8_150{position:absolute;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--font-size-xs)}._knobValue_1m8q8_150 svg{color:var(--color-text-primary)}._knobValueContainer_1m8q8_160{position:absolute;left:12.5%;top:-1px}._row_136h1_1{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) calc(var(--spacing-sm) + 16px) var(--spacing-sm) calc(var(--spacing-sm) + 16px);width:100%}._row_136h1_1:first-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._row_136h1_1:nth-of-type(2){box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._row_136h1_1:last-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._screw_136h1_69{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_136h1_69:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_136h1_109{top:4px;left:4px}._screwTopRight_136h1_115{top:4px;right:4px}._screwBottomLeft_136h1_121{bottom:4px;left:4px}._screwBottomRight_136h1_127{right:4px;bottom:4px}._switchContainer_1g2yb_1{display:flex;flex-direction:column;align-items:center}._switchLabel_1g2yb_7{margin-top:1px;padding-bottom:2px;color:var(--color-text-secondary);font-size:var(--font-size-md);text-align:center;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}._switchRoot_1g2yb_18{position:relative;top:2px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-xs);width:34px;height:19px;background:var(--color-off-black);border:1px solid var(--synth-border);border-radius:3px;cursor:pointer}._switchRoot_1g2yb_18._vertical_1g2yb_31{top:12px}._switchThumb_1g2yb_37{position:absolute;top:1px;left:1px;display:block;width:15px;height:15px;background:linear-gradient(to bottom,#bfbfbf,#737373);border:1px solid hsla(0,0%,0%,.1);border-radius:2px;transition:var(--transition-fast)}._switchThumb_1g2yb_37._checked_1g2yb_51,._switchThumb_1g2yb_37._pink_1g2yb_60{background:#ff6b6b;background:linear-gradient(to bottom,#ff8080cc,#ac3939);transform:translate(15px)}._column_172ia_1{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);padding:4px 20px;box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._section_172ia_11{display:flex;flex-direction:column;gap:var(--spacing-xs)}._screw_172ia_17{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_172ia_17:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_172ia_57{top:4px;left:4px}._screwTopRight_172ia_63{top:4px;right:4px}._screwBottomLeft_172ia_69{bottom:4px;left:4px}._screwBottomRight_172ia_75{right:4px;bottom:4px}._spacer_1meuq_1{position:relative;display:flex;flex-direction:column;width:100%;background:linear-gradient(0deg,#2d3b53e6,#364763,#3e5374,#364763,#2d3b53e6)}._screw_1meuq_16{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_1meuq_16:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_1meuq_56{top:4px;left:4px}._screwTopRight_1meuq_62{top:4px;right:4px}._screwBottomLeft_1meuq_68{bottom:4px;left:4px}._screwBottomRight_1meuq_74{right:4px;bottom:4px}._row_se2o7_1{position:relative;display:flex;gap:var(--spacing-md);padding-top:var(--spacing-xs);padding-left:calc(var(--spacing-sm) + 16px);padding-right:calc(var(--spacing-sm) + 16px);padding-bottom:var(--spacing-sm)}._row_se2o7_1:first-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._row_se2o7_1:nth-of-type(2){box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._row_se2o7_1:last-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._screw_se2o7_67{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_se2o7_67:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_se2o7_107{top:4px;left:4px}._screwTopRight_se2o7_113{top:4px;right:4px}._screwBottomLeft_se2o7_119{bottom:4px;left:4px}._screwBottomRight_se2o7_125{right:4px;bottom:4px}._row_cuqqg_1{position:relative;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);padding-right:calc(var(--spacing-sm) + 16px);padding-bottom:var(--spacing-sm);padding-left:calc(var(--spacing-sm) + 16px)}._row_cuqqg_1:first-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._row_cuqqg_1:nth-of-type(2){box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._row_cuqqg_1:last-of-type{box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._screw_cuqqg_68{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_cuqqg_68:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_cuqqg_108{top:4px;left:4px}._screwTopRight_cuqqg_114{top:4px;right:4px}._screwBottomLeft_cuqqg_120{bottom:4px;left:4px}._screwBottomRight_cuqqg_126{right:4px;bottom:4px}._column_4gi08_1{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 20px;box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._screw_4gi08_11{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_4gi08_11:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_4gi08_51{top:4px;left:4px}._screwTopRight_4gi08_57{top:4px;right:4px}._screwBottomLeft_4gi08_63{bottom:4px;left:4px}._screwBottomRight_4gi08_69{right:4px;bottom:4px}._keyboardContainer_7byte_1{margin-bottom:var(--spacing-md);width:100%}._keyboard_7byte_1{padding:0 3px 4px;background:var(--color-off-black);box-shadow:0 4px 6px -1px #2d3b53,0 4px 6px -1px #0d1726}._keyboard_7byte_1:before{position:relative;left:-175px;z-index:50;display:flex;width:calc(100% + 300px);height:12px;background:linear-gradient(180deg,#192d4d,#0b0c0e);box-shadow:0 5px 10px #00000080;content:""}._pianoKeys_7byte_29{position:relative;display:flex;gap:2px;height:100%}._leftShadow_7byte_36{position:absolute;z-index:10;width:20px;height:100%;background:linear-gradient(270deg,#fff0,#80808080,#000);pointer-events:none;filter:blur(9px)}._rightShadow_7byte_51{position:absolute;right:0;z-index:10;width:20px;height:100%;background:linear-gradient(90deg,#fff0,#80808080,#000);pointer-events:none;filter:blur(9px)}._whiteKey_7byte_67{flex:1;height:170px;background:linear-gradient(180deg,#fff,#ccc);border-bottom:3px solid hsl(0,0%,35%);border-radius:0 0 5px 5px;box-shadow:inset 0 .5px .5px 1px #0006,inset 0 0 .5px 1.5px #e6e6e680,inset 0 0 .5px 2.5px #e6e6e680;cursor:pointer;transition:all .15s ease}._whiteKey_7byte_67:before{z-index:1000;content:"";display:block;height:60px;background:linear-gradient(0deg,#ccc0,#80808060,#333333d9)}._whiteKeyActive_7byte_93{background:linear-gradient(to bottom,#fff,#f8f8f8 75%,#f0f0f0 85%,#e8e8e8,#ddd 95%);border-bottom:2px solid hsl(0,0%,35%);border-radius:0 0 4px 4px;box-shadow:0 1px 2px #0000001a,inset 0 1px 1px #d4e1f7;transform:translateY(2px)}._blackKey_7byte_108{position:absolute;z-index:20;height:100px;background:linear-gradient(to bottom,#21252b,#16191d);border-radius:0 0 5px 5px;box-shadow:0 4px 6px #0000004d,inset 0 1px 1px #282d34;cursor:pointer;transform:translateY(-2px);transition:all .15s ease}._blackKey_7byte_108:after{position:absolute;top:2px;right:5px;bottom:15px;left:5px;overflow:clip;background:linear-gradient(180deg,#282d34,#474f5c);border-radius:0 0 4px 4px;box-shadow:inset 0 0 12px #ffffff1a;transform:rotateX(-10deg);content:"";transform-origin:top center}._blackKeyActive_7byte_141{background:linear-gradient(to bottom,#0b0c0e 0,#21252b 5px,#16191d)}._blackKeyActive_7byte_141:after{background:linear-gradient(180deg,#282d34,#3a404b);border-radius:2px 2px 3px 3px;transform:translateY(2px);transform-origin:top center}._keyboardControls_7byte_161{display:flex;justify-content:flex-end;margin-bottom:4px;padding:4px 8px}._button_7byte_168{padding:.875rem 1.75rem;background:linear-gradient(to bottom,#2c313a,#21252b);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}._button_7byte_168:hover{background:linear-gradient(to bottom,#373e48,#2c313a)}._buttonActive_7byte_190{background:linear-gradient(to bottom,#434a56,#373e48);box-shadow:inset 0 1px 1px #4e5765}._slider_474nv_1{position:relative;top:50px;height:var(--spacing-lg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:rotate(270deg)}._track_474nv_10{position:relative;top:50%;right:0;left:0;display:flex;flex-direction:column;justify-content:center;width:105px;height:14px;background:linear-gradient(90deg,#242f42,#263a59);background:linear-gradient(270deg,#131820,#fff 28%,#131820);background:var(--base-texture);box-shadow:0 1px 2px #05070bf2,0 2px 4px #05070bf2;cursor:pointer;transform:translateY(-50%);--base-texture: linear-gradient( 270deg, hsl(217, 25%, 10%), hsl(0, 0%, 100%) 28%, hsl(217, 25%, 10%) )}._thumb_474nv_35{position:absolute;top:1px;left:max(4.5px,min(0%,calc(100% - 4.5px)));left:max(4.5px,min(calc(var(--thumb-position, 0%)),calc(100% - 4.5px)));display:flex;width:9px;height:14px;background:linear-gradient(270deg,#404040,#bfbfbf 37.5%,#d9d9d9 62.5%,#404040);border-right:1px solid hsl(0,0%,0%);border-left:1px solid hsl(0,0%,0%);transform:translate(-50%)}._modLabel_474nv_57{position:relative;top:104px;left:1px;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.08em}._modWheelShadow_474nv_69{position:absolute;top:var(--spacing-lg);left:0;width:100%;height:100%;background:linear-gradient(90deg,#00000080,#080c1200);filter:blur(6px);transform:translateY(-50%)}._sidePanel_lmfz8_1{position:relative;display:flex;flex-direction:column;align-items:center;margin:6px 0 12px;box-shadow:inset 1px 0 4px #0d0d0d,inset -1px 0 4px #0d0d0d}._modWheels_lmfz8_11{display:flex;flex-direction:row;justify-content:center;margin:28px 0;width:100%}._modWheelwell_lmfz8_19{display:flex;justify-content:center;align-items:center;width:40px}._screw_lmfz8_27{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_lmfz8_27:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_lmfz8_67{top:12px;left:4px}._screwTopRight_lmfz8_73{top:12px;right:4px}._screwBottomLeft_lmfz8_79{bottom:6px;left:4px}._screwBottomRight_lmfz8_85{right:4px;bottom:6px}._horizontalIndent_lmfz8_91{margin-bottom:-2px;width:100%;height:8px;background:linear-gradient(0deg,#333d4d80,#263a59,#0b0c0e,#242f42,#203860 40%)}._horizontalIndent_lmfz8_91:last-of-type{margin-top:120px;background:linear-gradient(0deg,#192d4d80,#203860,#0b0c0e,#203860 30%,#192d4d80 60%)}._synthSides_iyvi0_1{position:relative;padding:0 12px;width:-moz-fit-content;width:fit-content;background:#172335;background:linear-gradient(180deg,#1a1a1a,#36517c 3%,#172335 99%,#1a1a1a);border-right:2px solid hsl(218,33%,23%);border-left:2px solid hsl(218,33%,23%);border-radius:4px}._synthSides_iyvi0_1:before{content:"";position:absolute;top:0;left:0;width:12px;height:100%;background:linear-gradient(90deg,#0000001a 0,#0000001a 1%,#242f42 1%,#242f42 2%,#152237 4%,#152237 96%,#242f42 98%,#242f42 99%,#0000001a 99%,#0000001a);filter:blur(3px);border-radius:4px}._synthSides_iyvi0_1:after{content:"";position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(90deg,#0000001a 0,#0000001a 1%,#242f42 1%,#242f42 2%,#152237 4%,#152237 96%,#242f42 98%,#242f42 99%,#0000001a 99%,#0000001a);filter:blur(3px);border-radius:4px}._backPanel_iyvi0_58{height:16px;background:linear-gradient(0deg,var(--color-off-black) 0,var(--color-off-black) 1px,hsl(217,45%,15%) 1px,hsl(217,45%,15%) 2px,hsl(217,30%,20%) 4px,hsl(217,25%,10%));border-bottom:1px solid var(--color-off-black)}@supports (background: linear-gradient(red 0%,red 0% 1%,red 2%)){._backPanel_iyvi0_58{background:linear-gradient(0deg,var(--color-off-black) 0 1px,hsl(217,45%,15%) 1px 2px,hsl(217,30%,20%) 4px,hsl(217,25%,10%))}}._synth_iyvi0_1{display:flex;flex-direction:column;margin:0 auto;width:1130px;border-right:2px solid var(--color-off-black);border-left:2px solid var(--color-off-black)}._synth_iyvi0_1:after{content:"";position:absolute;bottom:0;left:0;width:calc(100% - 24px);margin-left:12px;height:12px;background:linear-gradient(to bottom,#203860,#0a121f);z-index:100;box-shadow:inset 1px 0 2px #0d0d0d,inset -1px 0 2px #0d0d0d}._controlsContainer_iyvi0_96{position:relative;z-index:100;display:flex;flex-direction:column;background-color:var(--synth-bg)}._innerControlsContainer_iyvi0_104{display:flex;width:100%;overflow:hidden}._horizontalIndent_iyvi0_110{margin-bottom:-2px;width:100%;height:8px;background:linear-gradient(0deg,#333d4d80,#263a59,#0b0c0e,#242f42,#203860);align-self:flex-end}._keyRow_iyvi0_125{display:flex;overflow:clip}._rightPanel_fr22g_1{position:relative;display:flex;flex-direction:column;align-items:center;margin:6px 0 12px;box-shadow:inset 1px 0 4px #0d0d0d,inset -1px 0 4px #0d0d0d}._topControls_fr22g_11{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:37px;padding:0 var(--spacing-sm)}._screw_fr22g_22{position:absolute;z-index:101;width:12px;height:12px;background:radial-gradient(circle at center,#333d4d,#29313d,#1f242e 60%,#14181f);border-radius:50%}._screw_fr22g_22:after{position:absolute;top:50%;left:50%;width:6px;height:6px;background:linear-gradient(90deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%),linear-gradient(0deg,transparent 40%,hsla(217,20%,5%,.8) 40%,hsla(217,20%,5%,.8) 60%,transparent 60%);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);content:""}._screwTopLeft_fr22g_62{top:12px;left:4px}._screwTopRight_fr22g_68{top:12px;right:4px}._screwBottomLeft_fr22g_74{bottom:6px;left:4px}._screwBottomRight_fr22g_80{right:4px;bottom:6px}._horizontalIndent_fr22g_86{margin-bottom:-2px;width:100%;height:8px;background:linear-gradient(0deg,#333d4d80,#263a59,#0b0c0e,#242f42,#203860 40%)}._horizontalIndent_fr22g_86:last-of-type{margin-top:120px;background:linear-gradient(0deg,#192d4d80,#203860,#0b0c0e,#203860 30%,#192d4d80 60%)}._footer_1oo1l_1{position:fixed;bottom:0;left:0;right:0;padding:10px 20px;font-size:var(--font-size-lg);color:var(--color-text-primary);text-align:center;pointer-events:none}._link_1oo1l_13{color:var(--color-text-secondary);-webkit-text-decoration:none;text-decoration:none;pointer-events:all}._link_1oo1l_13:hover ._linkContent_1oo1l_18{color:#ffffffd9;text-decoration-color:#fff6}._linkContent_1oo1l_18{display:inline-flex;align-items:center;gap:3px;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:#fff3;text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}body{margin:0;font:inherit;font-size:100%;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:baseline}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text-secondary);font-family:var(--font-primary);font-weight:600}:root{--font-primary: "Urbanist", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif}