html#piano,html#piano body{height:100%;width:100%;margin:0;padding:0;background-color:#f8f8f8}
html#piano body{-webkit-text-size-adjust:none;font-family:system-ui,Helvetica,Roboto,Arial,sans-serif;font-size:10px}
._w0x{padding-top:6px}
._k0x{margin-left:auto;margin-right:auto}
._i1x,._r1x{top:0px;position:absolute}
._j0x{position:fixed;top:-4px;right:0px;z-index:3000;padding:10px 8px 4px 9px;background:#f0f0f0;background:linear-gradient(#fff,#e8e8e8);box-shadow:0px 1px 4px rgba(0,0,0,0.2);border-bottom-left-radius:4px}
._j0x ._e1x,._j0x ._t1x{display:inline-block;width:59px}
._j0x ._n1x{display:inline-block;width:64px;margin-left:8px}
._j0x ._q0x{position:absolute;font-size:13px;text-align:center;height:44px;top:4px;left:0px;right:0px;line-height:44px}
._k0x{position:relative;top:0px;left:0px;height:225px}
._k0x>div{position:absolute;top:0px;left:0px}
._a1x{position:absolute;left:0px;bottom:0px;z-index:2}
._o1x{position:absolute;z-index:2}
._u1x{position:absolute;left:0px;bottom:0px;right:0px;z-index:2;text-align:center;color:rgba(0,0,0,0.5)}
._i1x,._i1x>div{width:35px;height:225px}
._r1x,._r1x>div{width:24px;height:150px;z-index:10}
._i1x ._u1x{font-size:14px;bottom:6px}
._a1x,._o1x,._s1x{position:absolute;background-image:-webkit-image-set(url("/vc/26/0/3bee0c76b1192df9d05796e6caf9c91348a1a595/tool_piano.png") 1x,url("/vc/26/0/514902a40249dc9982debc8a666175ff620a07bb/tool_piano@2x.png") 2x,url("/vc/26/0/0ef2b28c023a8e65d7779733fa793de74b76613d/tool_piano@3x.png") 3x);background-image:image-set(url("/vc/26/0/3bee0c76b1192df9d05796e6caf9c91348a1a595/tool_piano.png") 1x,url("/vc/26/0/514902a40249dc9982debc8a666175ff620a07bb/tool_piano@2x.png") 2x,url("/vc/26/0/0ef2b28c023a8e65d7779733fa793de74b76613d/tool_piano@3x.png") 3x)}
._i1x ._o1x{left:6px;bottom:9px;width:23px;height:23px;background-position:-74px -152px}
._r1x ._o1x{left:2px;bottom:8px;width:20px;height:22px;background-position:-102px -152px}
._i1x ._a1x{left:16px;bottom:4px;width:3px;height:3px;background-position:-74px -181px}
._i1x ._s1x{background-position:0px 0px}
._r1x ._s1x{background-position:-74px 0px}
._i1x.pressed ._s1x{background-position:-37px 0px}
._r1x.pressed ._s1x{background-position:-100px 0px}
._i1x._f1x ._s1x{background-position:-37px 0px}
._r1x._f1x ._s1x{background-position:-100px 0px}
html#paper body{-webkit-text-size-adjust:none;font-family:system-ui,Helvetica,Roboto,Arial,sans-serif;padding-bottom:44px!important;margin:0}
._l1x{width:460px;text-align:center;padding:17px 10px 22px 10px;background-color:white;box-shadow:0px 0px 1px rgba(0,0,0,0.25);border-radius:9px;margin-left:auto;margin-right:auto}
._c1x{display:inline-block;width:416px;height:120px;background-image:-webkit-image-set(url("/vc/26/0/fb3b4e9d7a8cca03abf773692b8aa7aaa29370c0/staffpaper.png") 1x,url("/vc/26/0/7eda37b7f4f33391797f2cb34a51374062536ffe/staffpaper@2x.png") 2x);background-image:image-set(url("/vc/26/0/fb3b4e9d7a8cca03abf773692b8aa7aaa29370c0/staffpaper.png") 1x,url("/vc/26/0/7eda37b7f4f33391797f2cb34a51374062536ffe/staffpaper@2x.png") 2x)}
._h1x{border-top:1px solid #e0e0e0;margin-top:22px;padding-top:16px;width:392px;height:29px;margin-left:auto;margin-right:auto}
._m1x{background-position:0px -0px}
._g1x{background-position:0px -120px}
._h1x ._w1x{display:inline-block;width:124px}
._v1x{float:right}
._d1x,._p1x{float:left}
html#tapper body{-webkit-text-size-adjust:none;font-family:system-ui,Helvetica,Roboto,Arial,sans-serif;padding-bottom:44px!important;margin:0}
._y1x{width:320px;text-align:center;padding:0px 22px 22px 22px;background-color:white;box-shadow:0px 0px 1px rgba(0,0,0,0.25);border-radius:9px;margin-left:auto;margin-right:auto}
._b1x{font-size:48px;height:2em;line-height:2em;font-variant-numeric:tabular-nums}
._b1x .number{color:#333}
._b1x .suffix{color:#666;font-size:18px}
._y1x ._w1x{margin-left:auto;margin-right:auto;width:256px}
._w1x{position:relative;top:0px;left:0px;margin:0;padding:0;border:0;background-color:transparent;display:block;background-clip:padding-box;width:100%;height:33px;color:black;text-align:center;vertical-align:middle;font-size:13px;line-height:32px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
._w1x.disabled{color:rgba(0,0,0,0.5)!important}
._x1x{color:white}
._w1x{border:1px solid transparent;border-right-width:0px;border-color:#d0d0d0;background:linear-gradient(#fcfcfc,#f0f0f0)}
._w1x.pressed{background:linear-gradient(#ececec,#e0e0e0)}
._x1x{border-color:#1b2335!important;background:linear-gradient(#404b63,#202b43)}
._k1x{border-top-left-radius:6px;border-bottom-left-radius:6px}
._j1x{border-top-right-radius:6px;border-bottom-right-radius:6px;border-right-width:1px}