.rocker[data-astro-cid-2nptrpar]{position:relative;flex:none;display:inline-flex;flex-direction:column;align-items:center;width:calc(82 * var(--u));vertical-align:middle}.labelled[data-astro-cid-2nptrpar]{gap:calc(8 * var(--u))}.bezel[data-astro-cid-2nptrpar]{appearance:none;position:relative;display:block;width:calc(82 * var(--u));height:calc(118 * var(--u));margin:0;padding:0;border:0;border-radius:calc(19 * var(--u));background:linear-gradient(180deg,#dedbd5,#efece7);box-shadow:inset 0 calc(3 * var(--u)) calc(7 * var(--u)) #00000038,inset 0 -1px #fff,0 1px #fff;perspective:calc(260 * var(--u));color:inherit;font:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}button[data-astro-cid-2nptrpar].bezel:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.rock[data-astro-cid-2nptrpar]{position:absolute;left:calc(10 * var(--u));top:calc(10 * var(--u));width:calc(62 * var(--u));height:calc(98 * var(--u));border-radius:calc(13 * var(--u));background:#000;transform:rotateX(-12deg);transition:transform .14s ease}.face[data-astro-cid-2nptrpar]{position:absolute;left:0;top:calc(7 * var(--u));width:100%;height:calc(91 * var(--u));border-radius:calc(13 * var(--u));background:linear-gradient(180deg,#3a3a3d,#222224 55%,#0e0e0f);box-shadow:0 calc(6 * var(--u)) calc(12 * var(--u)) #00000059,inset 0 1px #ffffff40;transition:top .14s ease}.mark-i[data-astro-cid-2nptrpar],.mark-o[data-astro-cid-2nptrpar]{position:absolute;left:50%;transform:translate(-50%)}.mark-i[data-astro-cid-2nptrpar]{top:calc(13.5 * var(--u));width:calc(2.4 * var(--u));height:calc(12 * var(--u));border-radius:calc(1.2 * var(--u));background:#d9d6d0}.mark-o[data-astro-cid-2nptrpar]{bottom:calc(13 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));border:calc(2.2 * var(--u)) solid #d9d6d0;border-radius:50%}.bezel[data-astro-cid-2nptrpar]:is([aria-pressed=true],[data-pressed=true]) .rock[data-astro-cid-2nptrpar]{transform:rotateX(12deg)}.bezel[data-astro-cid-2nptrpar]:is([aria-pressed=true],[data-pressed=true]) .face[data-astro-cid-2nptrpar]{top:0;background:linear-gradient(180deg,#0e0e0f,#222224 45%,#3a3a3d)}.led[data-astro-cid-2nptrpar]{order:-1;width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%;background:#9c978f;transition:background-color .4s,box-shadow .4s}.bezel[data-astro-cid-2nptrpar]:is([aria-pressed=true],[data-pressed=true])~.led[data-astro-cid-2nptrpar]{background:var(--amber);box-shadow:0 0 calc(10 * var(--u)) calc(2 * var(--u)) #f28c3ea6}.lab[data-astro-cid-2nptrpar]{height:calc(12 * var(--u));font-size:calc(10 * var(--u));font-weight:700;line-height:calc(12 * var(--u));letter-spacing:.2em;margin-right:-.2em;color:#5e5a55}.keys[data-astro-cid-fw2ujr3f]{position:relative;flex:none;display:block;height:calc(84 * var(--u));padding:calc(6 * var(--u));border-radius:calc(12 * var(--u));background:linear-gradient(180deg,#ececef,#b7b7bc);box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) #00000047,inset 0 1px #ffffff73}.keys-sm[data-astro-cid-fw2ujr3f]{width:220px}.keys-lg[data-astro-cid-fw2ujr3f]{width:min(100%,460px)}.well[data-astro-cid-fw2ujr3f]{display:flex;gap:calc(2 * var(--u));height:100%;padding:0 calc(2 * var(--u));border-radius:calc(8 * var(--u));background:#0e0e10;box-shadow:inset 0 calc(3 * var(--u)) calc(7 * var(--u)) #000000e6}.key[data-astro-cid-fw2ujr3f]{appearance:none;position:relative;flex:1 1 0;min-width:0;height:calc(72 * var(--u));margin:0;padding:0;border:0;border-radius:calc(4 * var(--u));background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}button[data-astro-cid-fw2ujr3f].key:focus-visible{z-index:1;outline:2px solid var(--amber);outline-offset:2px}.lip[data-astro-cid-fw2ujr3f],.face[data-astro-cid-fw2ujr3f]{position:absolute;left:0;right:0;transition:transform .1s cubic-bezier(.3,1.5,.5,1),box-shadow .1s ease}.lip[data-astro-cid-fw2ujr3f]{top:calc(4 * var(--u));height:calc(66 * var(--u));border-radius:0 0 calc(5 * var(--u)) calc(5 * var(--u));background:linear-gradient(180deg,#8e8e94,#5c5c62)}.face[data-astro-cid-fw2ujr3f]{top:calc(2 * var(--u));height:calc(56 * var(--u));border-radius:calc(4 * var(--u));background:repeating-linear-gradient(90deg,transparent 0 2px,rgba(255,255,255,.18) 2px 3px),linear-gradient(180deg,#f2f2f4,#c3c3c8);box-shadow:inset 0 1px #fff9,0 1px #0003}.key[data-astro-cid-fw2ujr3f]:is([aria-checked=true],[data-checked=true]) [data-astro-cid-fw2ujr3f]:is(.lip,.face){transform:translateY(6px)}.key[data-astro-cid-fw2ujr3f]:is([aria-checked=true],[data-checked=true]) .face[data-astro-cid-fw2ujr3f],button[data-astro-cid-fw2ujr3f].key:active .face[data-astro-cid-fw2ujr3f]{box-shadow:inset 0 2px 5px #00000059}button[data-astro-cid-fw2ujr3f].key:active [data-astro-cid-fw2ujr3f]:is(.lip,.face){transform:translateY(8px)}.win[data-astro-cid-fw2ujr3f]{position:absolute;left:50%;top:calc(8 * var(--u));width:calc(22 * var(--u));height:calc(5 * var(--u));margin-left:calc(-11 * var(--u));border-radius:calc(2 * var(--u));background:#2c2c30;box-shadow:inset 0 1px 1px #0009;transition:background-color .12s ease,box-shadow .12s ease}.key[data-astro-cid-fw2ujr3f]:is([aria-checked=true],[data-checked=true]) .win[data-astro-cid-fw2ujr3f]{background:rgb(calc(44 + 198 * var(--fanno-lit, 1)) calc(44 + 96 * var(--fanno-lit, 1)) calc(48 + 14 * var(--fanno-lit, 1)));box-shadow:0 0 9px rgba(242,140,62,calc(.95 * var(--fanno-lit, 1))),inset 0 1px 1px rgba(0,0,0,calc(.6 - .6 * var(--fanno-lit, 1)))}.lb[data-astro-cid-fw2ujr3f]{position:absolute;left:calc(9 * var(--u));bottom:calc(8 * var(--u));font-size:calc(9 * var(--u));font-weight:800;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#4a4a50;text-shadow:0 1px 0 rgba(255,255,255,.8)}.dm[data-astro-cid-j6a4zetb]{--dm-font: 26px;position:relative;width:100%;height:var(--dm-height, calc(16px + var(--rows) * var(--dm-font) * 1.08 + var(--dm-font) * .7));padding:8px 13px;border-radius:16px;background:linear-gradient(180deg,#ececef,#bdbdc2 48%,#dcdce0);box-shadow:0 3px 6px #0000002e,inset 0 1px #fff,inset 0 -1px #00000026}.dm-compact[data-astro-cid-j6a4zetb]{--dm-font: 18.9px;width:140px}.dm[data-astro-cid-j6a4zetb]:before,.dm[data-astro-cid-j6a4zetb]:after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#9a9aa0,#55555a);box-shadow:inset 0 0 0 .5px #0006}.dm[data-astro-cid-j6a4zetb]:before{left:3px}.dm[data-astro-cid-j6a4zetb]:after{right:3px}.glass[data-astro-cid-j6a4zetb]{height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--dm-line-gap, 0px);padding:0 var(--dm-inset, 16px);font-size:var(--dm-font);overflow:hidden;color:rgba(242,140,62,calc(.3 + .7 * var(--fanno-lit, 1)));text-shadow:0 0 7px rgba(242,140,62,calc(.55 * var(--fanno-lit, 1)));transition:color .3s ease,text-shadow .3s ease}.dm-compact[data-astro-cid-j6a4zetb] .glass[data-astro-cid-j6a4zetb]{padding:0 var(--dm-inset, 12px)}.row[data-astro-cid-j6a4zetb]{display:flex;justify-content:space-between;gap:.5em;line-height:1.08;white-space:nowrap}.row[data-astro-cid-j6a4zetb] span[data-astro-cid-j6a4zetb]{overflow:hidden}