.Keyboard-module__KJeBlq__stage{perspective:300rem;pointer-events:none;justify-content:center;align-items:center;width:100%;padding:8rem 0;display:flex}.Keyboard-module__KJeBlq__keyboard{transform-style:preserve-3d;background:#1e293b;border-radius:1rem 2.125rem 2rem;gap:0 2rem;padding:2rem;display:flex;position:relative;transform:rotateX(60deg)rotate(45deg);box-shadow:inset 1rem 1rem 0 .4rem #94a3b8}.Keyboard-module__KJeBlq__shade{pointer-events:none;filter:blur(.5rem);background-image:linear-gradient(90deg,#94a3b8 50%,#cbd5e1);width:90%;height:5rem;position:absolute;top:0;left:0;transform:rotateX(90deg)rotateX(14deg)translate(34%)translateY(-20%)translateZ(-14.6rem)}.Keyboard-module__KJeBlq__cover{pointer-events:none;background:0 0;border-radius:2rem;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset -.3rem -.3rem .1rem .2rem #f1f5f9,inset -1rem -1rem 0 .4rem #cbd5e1,inset -2rem -2rem 2rem -.6rem #64748b,0 0 #e2e8f0,.3rem .3rem #e2e8f0,.6rem .6rem #e2e8f0,.9rem .9rem #e2e8f0,1.2rem 1.2rem #e2e8f0,1.5rem 1.5rem #e2e8f0,1.8rem 1.8rem #e2e8f0,2.1rem 2.1rem #e2e8f0,2.4rem 2.4rem #e2e8f0,2.7rem 2.7rem #e2e8f0,3rem 3rem #e2e8f0,3.3rem 3.3rem #e2e8f0,3.6rem 3.6rem #e2e8f0,3.9rem 3.9rem #e2e8f0,4.2rem 4.2rem #e2e8f0,4.5rem 4.5rem #e2e8f0,4.8rem 4.8rem #e2e8f0,5.1rem 5.1rem #e2e8f0,5.4rem 5.4rem #e2e8f0,5.7rem 5.7rem #e2e8f0,6rem 6rem #e2e8f0,6.3rem 6.3rem #e2e8f0,6.6rem 6.6rem #e2e8f0,6.9rem 6.9rem #e2e8f0,7.2rem 7.2rem #e2e8f0,7.5rem 7.5rem #e2e8f0,8rem 10rem 2rem #0f172a33,8rem 8rem .5rem #0f172a33}.Keyboard-module__KJeBlq__row{gap:0 2rem;display:flex}.Keyboard-module__KJeBlq__row:not(:first-child){filter:drop-shadow(2rem -.5rem .5rem #3341554d)}.Keyboard-module__KJeBlq__row:not(:first-child) .Keyboard-module__KJeBlq__key:not(:first-child){filter:drop-shadow(-.5rem .5rem .5rem #3341554d)}.Keyboard-module__KJeBlq__row>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span{flex:1}.Keyboard-module__KJeBlq__row>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span .Keyboard-module__KJeBlq__side{background-image:linear-gradient(#f1f5f9 25%,#cbd5e1 30%);width:120%;height:237%;transform:rotate(45deg)translate(24%,-14%)skew(337deg)}.Keyboard-module__KJeBlq__row>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span .Keyboard-module__KJeBlq__top:before{transform:translate(5%,5%)}.Keyboard-module__KJeBlq__row>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span .Keyboard-module__KJeBlq__top:after{background-image:linear-gradient(-25deg,#0000 45%,#e2e8f0 55%)}.Keyboard-module__KJeBlq__column{flex-direction:column;gap:2rem 0;display:flex}.Keyboard-module__KJeBlq__column>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span{flex:1}.Keyboard-module__KJeBlq__column>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span .Keyboard-module__KJeBlq__side{background-image:linear-gradient(#fbd38d 70%,#ed8936 75%);width:220%;height:103%;transform:rotate(45deg)translate(27%,17%)skew(22deg)}.Keyboard-module__KJeBlq__column>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span .Keyboard-module__KJeBlq__top:before{background-color:#f6ad55;transform:translate(5%,5%)}.Keyboard-module__KJeBlq__column>.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__span .Keyboard-module__KJeBlq__top:after{background-image:linear-gradient(291deg,#0000 45%,#f6ad55 50%)}.Keyboard-module__KJeBlq__column:not(:first-child){filter:drop-shadow(-.5rem .5rem .5rem #3341554d)}.Keyboard-module__KJeBlq__key{width:6rem;height:6rem;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:all;background:0 0;border:none;padding:0;transition:transform .1s ease-out;position:relative;transform:translate(-3rem)translateY(-3rem)}.Keyboard-module__KJeBlq__key:after{content:"";pointer-events:all;position:absolute;inset:-3.5rem}.Keyboard-module__KJeBlq__key:focus{outline:none}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__top:after{background-image:linear-gradient(-25deg, #0000 5%, var(--blue-light) 35%);box-shadow:inset -.2rem -.2rem .5rem -.2rem var(--blue-light), .2rem .2rem .5rem -.2rem #ffffff7d}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__top:before{background-color:var(--blue-light)}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__side{background-image:linear-gradient(var(--blue) 10%, var(--blue-light) 40%)}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__char{text-shadow:.05rem 0rem 0 #94a3b8, .05rem .1rem 0 var(--yellow), .1rem .05rem 0 #94a3b8, .1rem .15rem 0 var(--yellow), .15rem .1rem 0 #94a3b8, .15rem .2rem 0 var(--yellow), .2rem .15rem 0 #94a3b8, .2rem .25rem 0 var(--yellow), .25rem .2rem 0 #94a3b8, .25rem .3rem 0 var(--yellow);color:var(--yellow)}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__charSvg{filter:drop-shadow(.05rem 0rem 0 var(--yellow)) drop-shadow(.05rem .1rem 0 #94a3b8) drop-shadow(.1rem .05rem 0 var(--yellow)) drop-shadow(.1rem .15rem 0 #94a3b8)}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__charSvg path{stroke:var(--yellow)}.Keyboard-module__KJeBlq__wide{width:380px}.Keyboard-module__KJeBlq__wide .Keyboard-module__KJeBlq__char{letter-spacing:.05rem;white-space:nowrap;font-size:1.8rem;font-weight:700}.Keyboard-module__KJeBlq__wide .Keyboard-module__KJeBlq__side{width:130%;height:230%}.Keyboard-module__KJeBlq__key.Keyboard-module__KJeBlq__active{transform:translate(-1rem)translateY(-1rem)}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__char{justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;font-size:3.5rem;font-weight:300;display:flex;position:absolute;inset:0}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__side{border-radius:1rem;width:60%;height:350%;position:absolute;inset:0;transform:rotate(45deg)translate(33%,-41.7%)skew(328deg)}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__top{width:100%;height:100%;position:absolute;inset:0}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__top:before{content:"";filter:blur(.3rem);border-radius:.8em;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translate(10px,10px)}.Keyboard-module__KJeBlq__key .Keyboard-module__KJeBlq__top:after{content:"";border-radius:.8rem;width:calc(100% + 10px);height:105%;display:block;position:absolute;inset:0}