._4pF2Rq_keybed{--white-top:#e3e3e0;--white-mid:#d6d6d3;--white-bottom:#cacac7;--white-seam:#1f2937;--black-top:#374151;--black-mid:#1f2937;--black-bottom:#000;--black-lip:#4b5563;--pressed-white-top:color-mix(in srgb, var(--anything-purple) 32%, var(--white-top));--pressed-white-bottom:color-mix(in srgb, var(--anything-blue) 24%, var(--white-bottom));--pressed-black-top:color-mix(in srgb, var(--anything-purple) 36%, var(--black-top));--pressed-black-bottom:color-mix(in srgb, var(--anything-blue) 28%, var(--black-bottom));--pressed-black-lip:color-mix(in srgb, var(--anything-blue) 45%, transparent);--pressed-black-glow:color-mix(in srgb, var(--anything-purple) 15%, transparent);background:var(--anything-black);border-radius:var(--radius-10)}._4pF2Rq_line{inset-inline:0;z-index:20;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--anything-green) 80%, transparent), color-mix(in srgb, var(--anything-blue) 95%, transparent) 35%, color-mix(in srgb, var(--anything-purple) 95%, transparent) 65%, color-mix(in srgb, var(--anything-blue) 80%, transparent) 88%, transparent);height:2px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--anything-blue) 70%, transparent)) drop-shadow(0 0 16px color-mix(in srgb, var(--anything-purple) 50%, transparent));position:absolute;top:0}._4pF2Rq_white{background-color:var(--white-mid);background-image:linear-gradient(180deg, var(--white-top) 0%, var(--white-mid) 50%, var(--white-bottom) 100%);border-right:1px solid var(--white-seam);box-shadow:inset 0 -8px 14px -8px #00000038,inset 0 1px #ffffffb3}._4pF2Rq_black{background-color:var(--black-mid);background-image:linear-gradient(180deg, var(--black-top) 0%, var(--black-mid) 50%, var(--black-bottom) 100%);box-shadow:0 4px 6px -1px #00000073, inset 0 -3px 0 var(--black-lip), inset 0 1px 0 #ffffff0f}._4pF2Rq_white:before,._4pF2Rq_black:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--duration-hover) var(--ease-out);position:absolute;inset:0}._4pF2Rq_white:before{background:linear-gradient(180deg, var(--pressed-white-top) 0%, var(--pressed-white-bottom) 100%);box-shadow:inset 0 -8px 14px -8px #00000038}._4pF2Rq_black:before{background:linear-gradient(180deg, var(--pressed-black-top) 0%, var(--pressed-black-bottom) 100%);box-shadow:0 0 6px var(--pressed-black-glow), inset 0 -3px 0 var(--pressed-black-lip), inset 0 1px 0 #ffffff1a}._4pF2Rq_white[data-pressed]:before,._4pF2Rq_black[data-pressed]:before{opacity:1;transition:none}._4pF2Rq_mini{background:var(--raised);box-shadow:var(--shadow-ring);border-radius:var(--radius-6)}._4pF2Rq_window{border:2px solid var(--anything-blue);border-radius:var(--radius-6);box-shadow:0 0 0 100vw color-mix(in srgb, var(--raised) 55%, transparent);pointer-events:none;transition:left var(--duration-state) var(--ease-out);position:absolute;inset-block:0}._4pF2Rq_mini[data-panning] ._4pF2Rq_window{transition:none}@media (prefers-reduced-motion:reduce){._4pF2Rq_window{transition:none}}