div[data-midi-number]:first-child>.klavier-realistic-key-white.active>g,div[data-midi-number]:has(.klavier-realistic-key-white:not(.active))+div[data-midi-number]:has(.klavier-realistic-key-white.active)>svg>g,div[data-midi-number]:has(.klavier-realistic-key-white:not(.active))+div[data-midi-number]:has(.klavier-realistic-key-black)+div[data-midi-number]:has(.klavier-realistic-key-white.active)>svg>g{filter:url(#white-key-active-shadow)}.klavier-realistic-key-white,.klavier-realistic-key-black{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}._PowerButton_osf9z_1{all:unset;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background-color:#bab4af;color:#545959;border-radius:50%;box-shadow:-1px -1px 2px #29292959 inset,1px 1px 1px #fff9 inset,0 0 .5px 1px #3436328c,1px 1px 1px #34363266,0 0 2px 1px #3436323d,1px 2px 4px #34363266,1px 4px 5px #3436323d}._PowerButton_osf9z_1 svg{width:20px;height:20px}._PowerButton_osf9z_1[data-state=on],._PowerButton_osf9z_1:active{box-shadow:0 2px 1px #ffffff29,0 1px 1px #34363252 inset,0 1px 5px #34363240 inset,0 2px 8px #34363240 inset,0 0 0 1px #343632b3}._PowerButton_osf9z_1[data-state=on] svg,._PowerButton_osf9z_1:active svg{transform:translateY(.5px)}._PowerButton_osf9z_1[data-state=on]>svg{color:#c9714c;filter:drop-shadow(0px 0px 1px #f8c7b4)}._Root_nvzsz_1{width:240px;height:36px;border-radius:4px;background:#2a2e2e url("data:image/svg+xml,%3csvg%20width='183'%20height='36'%20viewBox='0%200%20183%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.37386%204.39212e-05H0.19043C0.19043%204.39212e-05%203.57653%20-0.274164%209.37386%204.39212e-05H183V35.5C183%2035.5%20177.934%2032.7969%20144.175%2032.7969C110.415%2032.7969%2085.4816%2025.0537%2066.1926%2015.2597C42.7605%203.36201%2021.1189%200.55557%209.37386%204.39212e-05Z'%20fill='url(%23paint0_linear_322_4493)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_322_4493'%20x1='11.451'%20y1='-18.8148'%20x2='177.296'%20y2='28.5696'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'%20stop-opacity='0.09'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") right top / contain no-repeat;box-shadow:-1px -1px 1px #00000052,1px 1px 1px #f4f4f459,1px 1px 2px #00000040 inset}._Content_nvzsz_12{--spring-easing: linear( 0 0%, .46 17.4%, .74 35.81%, .85 49.31%, .95 63%, 1 75%, 1.02 89%, 1 100% );--spring-duration: .25s;display:flex;align-items:center;transition:opacity var(--spring-duration) var(--spring-easing)}._Content_nvzsz_12.on{transition-delay:.1s;opacity:1}._Content_nvzsz_12.off{opacity:0}._InstrumentName_nvzsz_39{color:#5ab0b8;font-size:15px;transition:.2s opacity}._InstrumentName_nvzsz_39.loading{opacity:.75}._InstrumentStatus_nvzsz_49{width:6px;height:6px;border-radius:50%;background-color:#4b9097;margin-left:8px;margin-top:2.2px;opacity:0}._InstrumentStatus_nvzsz_49.blinking{animation:_pulsate_nvzsz_1 .5s infinite;animation-fill-mode:forwards}@keyframes _pulsate_nvzsz_1{0%{opacity:0}50%{opacity:.75}to{opacity:0}}._DirectionalButton_nvzsz_76{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#5ab0b8;opacity:.5;transition:.125s opacity}._DirectionalButton_nvzsz_76:hover{transition-delay:.15s;opacity:1;color:#5ab0b8}._DirectionalButton_nvzsz_76.right{margin-left:auto}._Root_u2dmm_1{border-radius:0 0 4px 4px;padding:0 24px;background:url(/assets/noise-Bm-pM56Z.png) repeat,linear-gradient(92deg,#fff0 1.5%,#ffffff21 21.53%,#ffffff17 60.06%,#fff0 98.22%) #878b83;background-size:200px 200px,auto,auto;background-blend-mode:overlay,normal,normal;--max-height: 200px;--height: 11vw}._Root_u2dmm_1.keys-49{--aspect-ratio: 116 / 25}._Root_u2dmm_1.keys-61{--aspect-ratio: 144 / 25}._Root_u2dmm_1.keys-73{--aspect-ratio: 172 / 25}._Root_u2dmm_1.keys-88{--aspect-ratio: 25 / 3}._Header_u2dmm_41{display:flex;justify-content:space-between;padding:16px 0;margin:0 auto;align-items:center;width:min(calc(var(--aspect-ratio) * var(--max-height)),calc(var(--aspect-ratio) * var(--height)))}._ControlPanel_u2dmm_53{display:flex;gap:16px}._Action_u2dmm_58{margin:0 auto;position:relative;padding:2px 4px 4px;border-radius:2px;background-color:#3b3f3f;height:min(var(--height),var(--max-height));aspect-ratio:var(--aspect-ratio);box-shadow:-2px -2px 2px #34363299,1px 0 3px -1px #ffffff80}._Action_u2dmm_58:after{border-radius:2px;position:absolute;z-index:1;pointer-events:none;top:0;right:0;bottom:0;left:0;content:"";box-shadow:0 1px 2px #00000047 inset,0 2px 4px #00000052 inset,0 4px 6px #0006 inset}.dark ._Action_u2dmm_58:after{box-shadow:0 1px 2px #00000047 inset,0 2px 4px #00000052 inset,0 4px 6px #0006 inset,-20px -20px 120px -20px #00000080 inset,-30px 30px 20px -30px #00000026 inset}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-webkit-hyphens:none;hyphens:none;font-weight:400}.dark code[class*=language-],.dark pre[class*=language-]{color:var(--gray-11)}:root{--blue: #156f94;--orange: #b64218;--green: #487c0b;--purple: #6a2f87;--function: var(--blue);--class: var(--orange);--attr-name: var(--purple);--value: var(--gray-12);--keyword: var(--purple);--selection: #b3d4fc}.dark{--blue: #5197a4;--orange: #d28749;--green: #487c0b;--purple: #9878ab;--function: var(--blue);--class: var(--orange);--attr-name: var(--purple);--value: var(--gray-11);--keyword: var(--purple);--selection: #b3d4fc}.dark code[class*=language-],.dark pre[class*=language-]{text-shadow:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:var(--selection)}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:var(--value)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--attr-name)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#999}.token.atrule,.token.attr-value,.token.keyword{color:var(--keyword)}.token.class-name{color:var(--class)}.token.function{color:var(--function)}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{--gray-1: red;--gray-2: #fafbfc;--gray-3: #f5f7fa;--gray-4: #ebeef2;--gray-5: #e6e9f0;--gray-6: #d0d2d6;--gray-7: #bfc2c7;--gray-8: red;--gray-9: red;--gray-10: red;--gray-11: #6f7173;--gray-12: #3b3b3d;--color-loContrast: var(--gray-2);--color-hiContrast: var(--gray-12);--blue-1: #fafdfe;--blue-2: #f4fafb;--blue-3: #e6f4f7;--blue-4: #d8edf1;--blue-5: #cbe5eb;--blue-6: #bcdce3;--blue-7: #a7cfd7;--blue-8: #87bbc6;--blue-9: #5f99a5;--blue-10: #578c97;--blue-11: #39737e;--blue-12: #172e33;--blue-a1: #0099cc05;--blue-a2: #008ca30b;--blue-a3: #008fae19;--blue-a4: #008aa427;--blue-a5: #00809d34;--blue-a6: #007a9543;--blue-a7: #00748c58;--blue-a8: #006f8678;--blue-a9: #005d70a0;--blue-a10: #005161a8;--blue-a11: #004b59c6;--blue-a12: #00191fe8;--blue-contrast: #fff;--blue-surface: #f1f9facc;--blue-indicator: #5f99a5;--blue-track: #5f99a5}.dark{--gray-1: #222326;--gray-2: #2e2f33;--gray-3: #333438;--gray-4: #3b3c40;--gray-5: #444549;--gray-6: #50535a;--gray-7: #606266;--gray-8: red;--gray-9: red;--gray-10: red;--gray-11: #c3c5c7;--gray-12: #eeeff0;--color-loContrast: var(--gray-1);--color-hiContrast: var(--gray-12);--blue-1: #0d1213;--blue-2: #141a1c;--blue-3: #1a2a2d;--blue-4: #1d363b;--blue-5: #264349;--blue-6: #325157;--blue-7: #3f636b;--blue-8: #4e7a83;--blue-9: #5f99a5;--blue-10: #538d99;--blue-11: #8ac5d1;--blue-12: #c8e7ee;--blue-a1: #0066bb03;--blue-a2: #51d1fb0c;--blue-a3: #5ee6ff1e;--blue-a4: #55e3ff2d;--blue-a5: #6be6ff3c;--blue-a6: #82ebff4b;--blue-a7: #8ae8fd61;--blue-a8: #90ebfd7b;--blue-a9: #8fecff9f;--blue-a10: #85eaff92;--blue-a11: #a7f0ffce;--blue-a12: #d6f8ffed}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Apfel Grotezk,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-hiContrast)}button,[role=button]{cursor:default}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--blue-8);outline-offset:-1px}body{background:var(--color-loContrast);color:var(--color-hiContrast);font-size:.875rem;line-height:1.25rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-3{left:.75rem}.right-3{right:.75rem}.top-3{top:.75rem}.\!m-0{margin:0!important}.m-0{margin:0}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-\[-1px\]{margin-bottom:-1px}.ml-auto{margin-left:auto}.mt-\[-1px\]{margin-top:-1px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.size-4{width:1rem;height:1rem}.h-12{height:3rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[100\%\]{height:100%}.h-px{height:1px}.min-h-\[100vh\]{min-height:100vh}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[880px\]{width:880px}.min-w-0{min-width:0px}.max-w-\[100\%\]{max-width:100%}.max-w-\[880px\]{max-width:880px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.cursor-default{cursor:default}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.1875rem}.rounded-xs{border-radius:.125rem}.border{border-width:1px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[transparent\]{border-color:transparent}.border-gray-5{border-color:var(--gray-5)}.border-gray-6{border-color:var(--gray-6)}.border-gray-7{border-color:var(--gray-7)}.border-b-gray-6{border-bottom-color:var(--gray-6)}.bg-gray-12{background-color:var(--gray-12)}.bg-gray-3{background-color:var(--gray-3)}.bg-gray-4{background-color:var(--gray-4)}.bg-gray-5{background-color:var(--gray-5)}.bg-loContrast{background-color:var(--color-loContrast)}.\!bg-none{background-image:none!important}.bg-none{background-image:none}.fill-current{fill:currentColor}.fill-gray-12{fill:var(--gray-12)}.\!p-5{padding:1.25rem!important}.p-0{padding:0}.p-px{padding:1px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.font-mono{font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-sm{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.75rem;line-height:1rem}.text-xs{font-size:.6875rem;line-height:.875rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.tracking-wider{letter-spacing:.05em}.text-gray-11{color:var(--gray-11)}.text-hiContrast{color:var(--color-hiContrast)}.text-loContrast{color:var(--color-loContrast)}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-150{transition-delay:.15s}.duration-100{transition-duration:.1s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus-outline:focus-visible{outline:2px solid var(--blue-8);outline-offset:-1px}.tab-size-2{-moz-tab-size:2;tab-size:2}@font-face{font-family:Apfel Grotezk;src:url(/fonts/ApfelGrotezk-Regular.woff2) format("woff2");font-weight:400;font-style:normal}.first\:ml-\[-1px\]:first-child{margin-left:-1px}.hover\:bg-gray-4:hover{background-color:var(--gray-4)}.hover\:bg-gray-5:hover{background-color:var(--gray-5)}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent-11:focus{background-color:var(--blue-11)}.focus\:text-loContrast:focus{color:var(--color-loContrast)}.focus\:outline-0:focus{outline-width:0px}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.group:hover .group-hover\:opacity-100{opacity:1}.data-\[state\=active\]\:rounded-t[data-state=active]{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.data-\[state\=active\]\:border-x[data-state=active]{border-left-width:1px;border-right-width:1px}.data-\[state\=active\]\:border-t[data-state=active]{border-top-width:1px}.data-\[state\=active\]\:border-gray-6[data-state=active]{border-color:var(--gray-6)}.data-\[state\=active\]\:bg-gray-3[data-state=active]{background-color:var(--gray-3)}.data-\[state\=on\]\:bg-gray-5[data-state=on]{background-color:var(--gray-5)}.data-\[state\=active\]\:text-gray-12[data-state=active]{color:var(--gray-12)}.data-\[state\=on\]\:text-hiContrast[data-state=on]{color:var(--color-hiContrast)}@media not all and (min-width: 640px){.max-sm\:flex-col{flex-direction:column}}@media (min-width: 640px){.sm\:content-stretch{align-content:stretch}}@media (min-width: 768px){.md\:gap-12{gap:3rem}}.dark\:bg-gray-1:where(.dark,.dark *){background-color:var(--gray-1)}.dark\:bg-gray-2:where(.dark,.dark *){background-color:var(--gray-2)}.dark\:data-\[state\=active\]\:bg-gray-2[data-state=active]:where(.dark,.dark *){background-color:var(--gray-2)}