.instrument-module__CoVxkG__surface{background:var(--material-grain), var(--surface)}.instrument-module__CoVxkG__perforated{background:var(--material-perforated)}.instrument-module__CoVxkG__grille{background:var(--material-grille)}.instrument-module__CoVxkG__scanlines{background:var(--material-scanlines)}.instrument-module__CoVxkG__seam{position:relative}.instrument-module__CoVxkG__fastened:before{--screw-a:radial-gradient(circle closest-side at 40% 36%, var(--key-top), transparent 70%);--screw-b:radial-gradient(circle closest-side, var(--key-bottom) 0 70%, color-mix(in srgb, var(--key-edge) 75%, #000) 84%, transparent 100%);--slot:linear-gradient(135deg, transparent 43%, var(--faint) 43% 57%, transparent 57%)}html:root .instrument-module__CoVxkG__seam:after{--screw-a:radial-gradient(circle closest-side at 40% 36%, var(--key-top), transparent 70%);--screw-b:radial-gradient(circle closest-side, var(--key-bottom) 0 70%, color-mix(in srgb, var(--key-edge) 75%, #000) 84%, transparent 100%);--slot:linear-gradient(135deg, transparent 43%, var(--faint) 43% 57%, transparent 57%)}html:root .instrument-module__CoVxkG__seam:after{content:"";z-index:1;pointer-events:none;background:var(--slot) 2px 2px / 7px 7px no-repeat, var(--screw-a) 0 0 / 11px 11px no-repeat, var(--screw-b) 0 0 / 11px 11px no-repeat, var(--slot) calc(var(--label-w) + 2px) 2px / 7px 7px no-repeat, var(--screw-a) var(--label-w) 0 / 11px 11px no-repeat, var(--screw-b) var(--label-w) 0 / 11px 11px no-repeat, var(--slot) calc(100% - 2px) 2px / 7px 7px no-repeat, var(--screw-a) 100% 0 / 11px 11px no-repeat, var(--screw-b) 100% 0 / 11px 11px no-repeat;height:11px;filter:drop-shadow(0 1px 0 var(--key-light));position:absolute;top:-6px;left:-6px;right:-6px}.instrument-module__CoVxkG__fastened{position:relative}.instrument-module__CoVxkG__fastened:before{content:"";z-index:1;pointer-events:none;background:var(--slot) 2px 2px / 7px 7px no-repeat, var(--screw-a) 0 0 / 11px 11px no-repeat, var(--screw-b) 0 0 / 11px 11px no-repeat, var(--slot) calc(100% - 2px) 2px / 7px 7px no-repeat, var(--screw-a) 100% 0 / 11px 11px no-repeat, var(--screw-b) 100% 0 / 11px 11px no-repeat, var(--slot) 2px calc(100% - 2px) / 7px 7px no-repeat, var(--screw-a) 0 100% / 11px 11px no-repeat, var(--screw-b) 0 100% / 11px 11px no-repeat, var(--slot) calc(100% - 2px) calc(100% - 2px) / 7px 7px no-repeat, var(--screw-a) 100% 100% / 11px 11px no-repeat, var(--screw-b) 100% 100% / 11px 11px no-repeat;filter:drop-shadow(0 1px 0 var(--key-light));position:absolute;inset:9px}html:root .instrument-module__CoVxkG__keycap{border:1px solid var(--key-edge);background:var(--material-keycap);box-shadow:var(--shadow-keycap);transition:transform 90ms,box-shadow 90ms,color .16s}html:root .instrument-module__CoVxkG__keycap:active{box-shadow:inset 0 1px 3px #0003, 0 0 0 var(--key-edge);transform:translateY(1.5px)}@media (max-width:860px){html:root .instrument-module__CoVxkG__seam:after{background:var(--slot) 2px 2px / 7px 7px no-repeat, var(--screw-a) 0 0 / 11px 11px no-repeat, var(--screw-b) 0 0 / 11px 11px no-repeat, var(--slot) calc(100% - 2px) 2px / 7px 7px no-repeat, var(--screw-a) 100% 0 / 11px 11px no-repeat, var(--screw-b) 100% 0 / 11px 11px no-repeat}}@media (prefers-reduced-motion:no-preference){.instrument-module__CoVxkG__entrance>*{animation:var(--motion-rise-name) var(--motion-rise-duration) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--motion-rise-stagger) + var(--motion-rise-delay))}}@media (prefers-reduced-motion:reduce){html:root .instrument-module__CoVxkG__keycap:active{transform:none}}@media (forced-colors:active){.instrument-module__CoVxkG__seam:after,.instrument-module__CoVxkG__fastened:before{display:none}}