.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]{--bk-v1-source: var( --bk-material-source, var(--bk-v1-neutral-inactive, #111214) );--bk-v1-edge-left: calc( var(--bk-edge-left, 16) * var(--bk-v1-left-edge-factor, .1923) );--bk-v1-edge-right-inset: calc( (100 - var(--bk-edge-right, 82)) * var(--bk-v1-right-edge-factor, .115) );--bk-v1-edge-outer: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-edge-outer-mix, 68%), black );--bk-v1-edge-inner: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-edge-inner-mix, 86%), black );--bk-v1-surface-left: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-surface-left-mix, 84%), var(--bk-v1-neutral-left, #202226) );--bk-v1-surface-right: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-surface-right-mix, 80%), var(--bk-v1-neutral-right, #090b0d) );--bk-v1-center-soft: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-center-soft-mix, 95%), white );--bk-v1-center: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-center-mix, 98%), white );--bk-v1-front-top-base: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-front-top-mix, 88%), black );--bk-v1-front-top: color-mix( in srgb, var(--bk-v1-front-top-base) calc(100% - var(--bk-v1-front-top-white-mix, 6%)), white );--bk-v1-front-bottom: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-front-bottom-mix, 78%), black );--bk-v1-contact-base: color-mix( in srgb, var(--bk-v1-source) var(--bk-v1-contact-mix, 28%), black );--bk-v1-contact: color-mix( in srgb, var(--bk-v1-contact-base) var(--bk-v1-contact-alpha, 44%), transparent );--bk-material-base: var(--bk-v1-surface-right);--bk-material-edge-outer: var(--bk-v1-edge-outer);--bk-material-edge-inner: var(--bk-v1-edge-inner);--bk-material-surface-left: var(--bk-v1-surface-left);--bk-material-surface-right: var(--bk-v1-surface-right);--bk-material-glint: var(--bk-v1-center);--bk-material-front-top: var(--bk-v1-front-top);--bk-material-front-bottom: var(--bk-v1-front-bottom);background-color:var(--bk-v1-neutral-inactive, #111214);background-image:radial-gradient(ellipse var(--bk-corner-glint-spread, 20%) var(--bk-specular-length, 72%) at 5% 1%,color-mix(in srgb,var(--bk-v1-center) 36%,transparent) 0%,transparent 100%),linear-gradient(to bottom,rgb(0 0 0 / 78%) 0%,transparent calc(var(--bk-top-shadow-height) * 1px)),linear-gradient(to bottom,transparent calc(100% - var(--bk-front-face-height, 19%) - 1px),color-mix(in srgb,var(--bk-v1-center-soft) 18%,transparent) calc(100% - var(--bk-front-face-height, 19%)),var(--bk-v1-contact) calc(100% - var(--bk-front-face-height, 19%) + 1px),transparent calc(100% - var(--bk-front-face-height, 19%) + 2px)),linear-gradient(to right,var(--bk-v1-edge-outer) 0%,var(--bk-v1-edge-outer) calc((var(--bk-v1-edge-left) - .9) * 1%),var(--bk-v1-center-soft) calc((var(--bk-v1-edge-left) - .15) * 1%),var(--bk-v1-edge-inner) calc((var(--bk-v1-edge-left) + 1.2) * 1%),var(--bk-v1-surface-left) calc((var(--bk-v1-edge-left) + 12) * 1%),var(--bk-v1-center-soft) var(--bk-v1-center-soft-left-pct, 42%),var(--bk-v1-center) var(--bk-v1-center-pct, 50%),var(--bk-v1-center-soft) var(--bk-v1-center-soft-right-pct, 58%),var(--bk-v1-surface-right) calc((88 - var(--bk-v1-edge-right-inset)) * 1%),var(--bk-v1-edge-inner) calc((99.1 - var(--bk-v1-edge-right-inset)) * 1%),var(--bk-v1-center-soft) calc((99.55 - var(--bk-v1-edge-right-inset)) * 1%),var(--bk-v1-edge-outer) calc((100 - var(--bk-v1-edge-right-inset)) * 1%),var(--bk-v1-edge-outer) 100%);box-shadow:inset 1px 0 color-mix(in srgb,var(--bk-v1-center-soft) calc(var(--bk-left-rail-glint-opacity, .45) * 64%),transparent),inset -1px 0 color-mix(in srgb,var(--bk-v1-center-soft) calc(var(--bk-right-rail-glint-opacity, .45) * 78%),transparent),inset 0 -1px 0 var(--bk-v1-contact),inset 0 -.12rem .22rem #00000047}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]:before{background-color:var(--bk-v1-front-bottom);background-image:radial-gradient(ellipse 18% 16% at 15% 0%,color-mix(in srgb,var(--bk-v1-center) 62%,transparent) 0%,transparent 100%),radial-gradient(ellipse 16% 14% at 85% 0%,color-mix(in srgb,var(--bk-v1-center-soft) 34%,transparent) 0%,transparent 100%),linear-gradient(to right,var(--bk-v1-edge-outer) 0%,var(--bk-v1-edge-inner) 7%,var(--bk-v1-front-top) 18%,var(--bk-v1-front-top) 46%,var(--bk-v1-center-soft) 50%,var(--bk-v1-front-bottom) 82%,var(--bk-v1-edge-outer) 100%),linear-gradient(to bottom,var(--bk-v1-front-top) 0%,var(--bk-v1-front-bottom) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--bk-v1-center-soft) 20%,transparent),inset 2px 0 3px -1px color-mix(in srgb,var(--bk-v1-center-soft) 10%,transparent),inset -2px 0 3px -1px var(--bk-v1-contact);filter:drop-shadow(0 .45px .35px var(--bk-v1-contact))}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]:after{background-image:linear-gradient(to bottom,rgb(2 6 23 / var(--bk-press-occlusion)) 0%,transparent 13%),radial-gradient(ellipse 38% var(--bk-specular-length, 72%) at 16% 4%,color-mix(in srgb,var(--bk-v1-center-soft) 20%,transparent) 0%,transparent 100%)}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]>.visual-access-chrome__piano-black-key-body-face{right:calc(var(--bk-v1-edge-right-inset) * 1%);left:calc(var(--bk-v1-edge-left) * 1%);background-image:linear-gradient(to bottom,transparent 0%,transparent 62%,color-mix(in srgb,var(--bk-v1-contact) 72%,transparent) 100%);box-shadow:inset 0 -1.5px 2.4px -1px var(--bk-v1-contact)}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]>.visual-access-chrome__piano-black-key-body-face:before,.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]>.visual-access-chrome__piano-black-key-body-face:after{background-image:radial-gradient(ellipse 50% 76% at 50% 44%,var(--bk-v1-center-soft) 0%,color-mix(in srgb,var(--bk-v1-center-soft) 42%,transparent) 48%,transparent 100%)}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]>.visual-access-chrome__piano-black-key-junction-glints:before{right:calc(var(--bk-v1-edge-right-inset) * 1%);left:calc(var(--bk-v1-edge-left) * 1%);background:radial-gradient(ellipse at 50% 0,var(--bk-v1-contact-base) 0%,var(--bk-v1-contact) 52%,transparent 100%)}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]>.visual-access-chrome__piano-black-key-top-glint{left:calc(3% + var(--bk-top-glint-offset-x, 0%));width:64%;height:61%;opacity:calc(var(--bk-top-glint-opacity, .47) * .86)}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1] .visual-access-chrome__piano-black-key-top-glint-surface{background-image:radial-gradient(ellipse 112% 92% at 0% 8%,color-mix(in srgb,var(--bk-v1-center) 54%,transparent) 0%,color-mix(in srgb,var(--bk-v1-center-soft) 28%,transparent) 42%,transparent 100%),linear-gradient(101deg,color-mix(in srgb,var(--bk-v1-center-soft) 24%,transparent) 0%,color-mix(in srgb,var(--bk-v1-center-soft) 12%,transparent) 49%,transparent 100%)}.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]>.visual-access-chrome__piano-black-key-front-glint{background-image:radial-gradient(ellipse 30% 126% at 7% 2%,color-mix(in srgb,var(--bk-v1-center) 46%,transparent) 0%,transparent 72%),radial-gradient(ellipse 24% 118% at 93% 3%,color-mix(in srgb,var(--bk-v1-center-soft) 28%,transparent) 0%,transparent 74%),linear-gradient(166deg,color-mix(in srgb,var(--bk-v1-center-soft) 22%,transparent) 0%,color-mix(in srgb,var(--bk-v1-center-soft) 8%,transparent) 45%,transparent 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--bk-v1-center-soft) 24%,transparent)}.visual-access-chrome__piano-black-key--muted>.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]{--bk-material-source: var(--bk-v1-neutral-muted, #5b6268);filter:saturate(.62) brightness(.82);opacity:.88}.visual-access-chrome__piano-black-key--active.visual-access-chrome__piano-black-key--muted>.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]{--bk-material-source: color-mix( in srgb, var(--premium-piano-key-accent, #22d3ee) 32%, var(--bk-v1-neutral-muted, #5b6268) )}.visual-access-chrome__piano-black-key--selected.visual-access-chrome__piano-black-key--muted>.visual-access-chrome__piano-black-key-material[data-piano-black-key-skin=classic-v1]{--bk-material-source: color-mix( in srgb, #22d3ee 38%, var(--bk-v1-neutral-muted, #5b6268) )}