@property --u{syntax:"<length>";inherits:true;initial-value:80px}@property --tx{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ty{syntax:"<angle>";inherits:false;initial-value:0deg}.MDkelq_stage{--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.3, 1.5, .5, 1);position:relative;container-type:inline-size}.MDkelq_case{--u:calc(100cqw / 4.28);--pad:calc(var(--u) * .14);--gap:calc(var(--u) * .045);--r:calc(var(--u) * .14);padding:var(--pad);border-radius:calc(var(--u) * .22);box-shadow:inset 0 1px 0 #ffffff12, inset -1px 0 0 #ff343b52, inset 0 -1px 0 #ffffff1a, 0 calc(var(--u) * .08) 0 -1px #060607, 0 calc(var(--u) * .08) 0 0 #ff343b38, 0 calc(var(--u) * .5) calc(var(--u) * .8) calc(var(--u) * -.25) #000000f2;background:#0c0c0e;position:relative}.MDkelq_grid{border-radius:calc(var(--u) * .1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}@media (min-width:640px){.MDkelq_case{--u:calc(100cqw / 8.32);--pad:calc(var(--u) * .16)}.MDkelq_grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1024px){.MDkelq_stage{perspective:2600px;perspective-origin:50% -20%}.MDkelq_case{--u:calc(100cqw / 11.02);--pad:calc(var(--u) * .26);transform-origin:50% 70%;transform:rotateX(calc(15deg + var(--tx,0deg))) rotateY(var(--ty,0deg));background:radial-gradient(90% 120% at 92% -10%,#e5091417,#0000 60%),linear-gradient(#121215 0%,#0b0b0d 55%,#08080a 100%)}.MDkelq_grid{grid-template-columns:repeat(42,minmax(0,1fr));grid-template-rows:var(--u) calc(var(--u) * .3) repeat(4, var(--u))}}.MDkelq_underglow{filter:blur(36px);height:40%;opacity:calc(.35 + var(--glow,0) * .65);pointer-events:none;background:radial-gradient(closest-side,#e509146b,#e509141f 55%,#0000);border-radius:50%;transition:opacity .6s;position:absolute;bottom:-18%;left:10%;right:10%}.MDkelq_lip{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47 30%,#ffffff1f 70%,#ff343b99);height:1px;position:absolute;bottom:0;left:6%;right:3%}.MDkelq_slot{grid-column:span var(--span,1);aspect-ratio:1;position:relative}.MDkelq_slot[data-wide=true]{aspect-ratio:auto}.MDkelq_slot[data-full-only=true]{display:none}@media (min-width:1024px){.MDkelq_slot{grid-column:var(--col) / span var(--cs);grid-row:var(--row);aspect-ratio:auto}.MDkelq_slot[data-full-only=true]{display:block}}.MDkelq_key{color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;--travel:0px;background:0 0;border:0;outline:none;margin:0;padding:0;display:block;position:absolute;inset:0}.MDkelq_shadow{inset:var(--gap);border-radius:var(--r);box-shadow:0 calc(var(--u) * .055) calc(var(--u) * .07) #000000e6;transition:opacity .25s;position:absolute}.MDkelq_led{inset:calc(var(--gap) + var(--u) * .03);border-radius:var(--r);box-shadow:0 0 calc(var(--u) * .12) calc(var(--u) * .035) #ff2c34d9, 0 0 calc(var(--u) * .42) calc(var(--u) * .05) #e509146b;opacity:0;background:#ff2c34;transition:opacity .5s;position:absolute}.MDkelq_cap{inset:var(--gap);border-radius:var(--r);transform:translate3d(0, var(--travel), 0);transition:transform .34s var(--spring), filter .3s ease;background:linear-gradient(270deg, #ff343b8c 0, #e5091424 calc(var(--u) * .022), transparent calc(var(--u) * .07)), linear-gradient(180deg, #151517 0%, #0f0f11 55%, #08080a 100%);position:absolute;box-shadow:inset 1px 0 #ffffff09,inset 0 1px #ffffff0d}.MDkelq_top{top:calc(var(--u) * .03);left:calc(var(--u) * .075);right:calc(var(--u) * .075);bottom:calc(var(--u) * .165);border-radius:calc(var(--r) * .8);box-shadow:inset 0 1px 0 #ffffff17, inset 0 calc(var(--u) * -.022) calc(var(--u) * .035) #00000061, 0 calc(var(--u) * .012) 0 #ffffff0f;background:radial-gradient(90% 70% at 50% 18%,#ffffff0b,#0000 70%),linear-gradient(#2a2a2f 0%,#212125 55%,#1a1a1d 100%);position:absolute}.MDkelq_legend{top:calc(var(--u) * .03);left:calc(var(--u) * .075);right:calc(var(--u) * .075);bottom:calc(var(--u) * .165);padding:calc(var(--u) * .075) calc(var(--u) * .075);color:#e9e7e1;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:color .35s,filter .35s,opacity .35s;display:flex;position:absolute}.MDkelq_logo{width:calc(var(--u) * .27);height:calc(var(--u) * .27);flex:none}.MDkelq_name{max-width:100%;font-family:var(--font-geist-sans), system-ui, sans-serif;font-weight:500;font-size:clamp(10px, calc(var(--u) * .118), 14.5px);letter-spacing:-.015em;white-space:nowrap;line-height:1}.MDkelq_glyph{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:clamp(9.5px, calc(var(--u) * .09), 12px);letter-spacing:.06em;color:#e9e7e180;align-items:center;gap:.35em;display:inline-flex}.MDkelq_glyph svg{width:clamp(12px, calc(var(--u) * .15), 18px);height:clamp(12px, calc(var(--u) * .15), 18px)}.MDkelq_word{font-family:var(--font-geist-sans), system-ui, sans-serif;font-weight:500;font-size:clamp(10.5px, calc(var(--u) * .122), 15px);letter-spacing:-.01em;white-space:nowrap;line-height:1}.MDkelq_spaceLegend{text-align:center;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:clamp(10px, calc(var(--u) * .088), 12.5px);letter-spacing:.12em;text-transform:uppercase;color:#e9e7e18c;justify-content:center;align-items:center}.MDkelq_artisanLegend{justify-content:center;align-items:center}.MDkelq_artisanJ{width:calc(var(--u) * .44);height:auto}@media (hover:hover){.MDkelq_key:hover{--travel:calc(var(--u) * .02)}}.MDkelq_key[data-sel=true]{--travel:calc(var(--u) * .032)}.MDkelq_key[data-down=true],.MDkelq_key:active{--travel:calc(var(--u) * .062)}.MDkelq_key[data-down=true] .MDkelq_cap,.MDkelq_key:active .MDkelq_cap{transition-duration:60ms,.3s;transition-timing-function:ease-out,ease}.MDkelq_key[data-down=true] .MDkelq_shadow,.MDkelq_key:active .MDkelq_shadow{opacity:.35}.MDkelq_key[data-lit=true] .MDkelq_led{opacity:.9;transition-duration:.12s}.MDkelq_key[data-lit=true] .MDkelq_legend{color:#ff5157;filter:drop-shadow(0 0 calc(var(--u) * .035) #ff343bd9)}.MDkelq_key[data-dim=true] .MDkelq_legend{opacity:.32}.MDkelq_key[data-dim=true] .MDkelq_cap{filter:brightness(.72)}.MDkelq_key:focus-visible .MDkelq_cap{outline-offset:3px;outline:2px solid #f4f3ef}.MDkelq_mod .MDkelq_cap{background:linear-gradient(270deg, #ff343b8c 0, #e5091424 calc(var(--u) * .022), transparent calc(var(--u) * .07)), linear-gradient(180deg, #1f1f23 0%, #17171a 55%, #0e0e10 100%)}.MDkelq_mod .MDkelq_top{background:radial-gradient(90% 70% at 50% 18%,#ffffff0d,#0000 70%),linear-gradient(#38383e 0%,#2e2e33 55%,#27272b 100%)}.MDkelq_red .MDkelq_cap{background:linear-gradient(270deg, #ff8c8c73 0, transparent calc(var(--u) * .06)), linear-gradient(180deg, #c50a12 0%, #9c070d 55%, #6c0509 100%);box-shadow:inset 0 calc(var(--u) * -.012) 0 #ff787840, inset 0 1px 0 #ffffff1f}.MDkelq_red .MDkelq_top{box-shadow:inset 0 1px 0 #fff6, inset 0 calc(var(--u) * -.02) calc(var(--u) * .045) #5a000461, 0 calc(var(--u) * .012) 0 #ffffff2e;background:linear-gradient(168deg,#ffffff3d 0%,#0000 34%),radial-gradient(130% 110% at 50% 0,#ff4d53 0%,#f01d25 42%,#d70b13 100%)}.MDkelq_red .MDkelq_legend{color:#fff6f4}.MDkelq_red[data-lit=true] .MDkelq_legend{color:#fff;filter:drop-shadow(0 0 calc(var(--u) * .04) #fffc)}.MDkelq_red .MDkelq_glyph{color:#fff6f4b8}.MDkelq_red .MDkelq_led{background:#ff464c}.MDkelq_bone .MDkelq_cap{background:linear-gradient(270deg, #ff343b8c 0, transparent calc(var(--u) * .07)), linear-gradient(180deg, #cfcbc1 0%, #b4b0a6 55%, #8c887f 100%);box-shadow:inset 0 calc(var(--u) * -.012) 0 #e509144d, inset 0 1px 0 #ffffff80}.MDkelq_bone .MDkelq_top{box-shadow:inset 0 1px 0 #ffffffe6, inset 0 calc(var(--u) * -.02) calc(var(--u) * .04) #3c32282e, 0 calc(var(--u) * .012) 0 #fff6;background:radial-gradient(130% 110% at 50% 0,#fbfaf6 0%,#ecebe5 45%,#dcd9d0 100%)}.MDkelq_bone .MDkelq_legend{color:var(--red-primary)}.MDkelq_bone[data-lit=true] .MDkelq_legend{color:var(--red-light);filter:drop-shadow(0 0 calc(var(--u) * .04) #ff343b99)}.MDkelq_topbar{top:calc(4rem + var(--pad));z-index:4;align-items:stretch;gap:calc(var(--u) * .1);margin-bottom:calc(var(--u) * .1);grid-column:1/-1;display:flex;position:sticky}.MDkelq_topbar:before{content:"";z-index:-1;inset:calc(var(--pad) * -1) calc(var(--pad) * -1) calc(var(--u) * -.1);border-radius:calc(var(--u) * .22) calc(var(--u) * .22) calc(var(--u) * .12) calc(var(--u) * .12);box-shadow:0 calc(var(--u) * .2) calc(var(--u) * .2) calc(var(--u) * -.16) #000000e6;background:#0c0c0e;position:absolute}.MDkelq_escSlot{display:none;position:relative}.MDkelq_oledSlot{min-width:0;padding:var(--gap);flex:1;position:relative}.MDkelq_knobSlot{width:calc(var(--u) * 1);flex:none;place-items:center;display:grid;position:relative}@media (min-width:1024px){.MDkelq_topbar{grid-template-columns:subgrid;grid-row:1;gap:0;margin:0;display:grid;position:static}.MDkelq_topbar:before{display:none}.MDkelq_escSlot{grid-column:1/span 4;display:block}.MDkelq_oledSlot{grid-column:6/span 32}.MDkelq_knobSlot{grid-column:39/span 4;width:auto}}.MDkelq_oled{height:100%;min-height:calc(var(--u) * 1.08);border-radius:calc(var(--u) * .1);box-shadow:inset 0 0 0 1px #ffffff0f, inset 0 calc(var(--u) * .03) calc(var(--u) * .08) #000000f2, 0 1px 0 #ffffff0d;color:#f4f3ef;font-family:var(--font-geist-mono), ui-monospace, monospace;background:radial-gradient(130% 160% at 0 0,#0c0c0e 0%,#040405 55%,#020203 100%);position:relative;overflow:hidden}@media (min-width:1024px){.MDkelq_oled{min-height:0}}.MDkelq_oled:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#0000 0 .8px,#0202036b 1.3px);background-size:3px 3px;position:absolute;inset:0}.MDkelq_glass{z-index:1;pointer-events:none;background:linear-gradient(104deg,#ffffff12 0%,#ffffff04 26%,#0000 38%);position:absolute;inset:0}.MDkelq_screen{align-content:center;align-items:center;column-gap:calc(var(--u) * .16);row-gap:calc(var(--u) * .1);height:100%;padding:calc(var(--u) * .14) calc(var(--u) * .17);text-shadow:0 0 calc(var(--u) * .05) #f4f3ef59;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon main""body body";display:grid;position:relative}@media (min-width:640px){.MDkelq_title{font-size:clamp(21px, calc(var(--u) * .33), 40px)}.MDkelq_screen{column-gap:calc(var(--u) * .24);padding:calc(var(--u) * .12) calc(var(--u) * .24);grid-template-columns:auto minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"icon main body"}}@media (min-width:1024px){.MDkelq_screen{column-gap:calc(var(--u) * .3);padding:0 calc(var(--u) * .32);grid-template-columns:auto minmax(0,1fr) minmax(0,1.25fr)}}.MDkelq_iconBox{width:calc(var(--u) * .44);height:calc(var(--u) * .44);color:#f4f3ef;filter:drop-shadow(0 0 calc(var(--u) * .06) #f4f3ef59);grid-area:icon;place-items:center;display:grid}.MDkelq_iconBox svg{width:100%;height:100%}@media (min-width:1024px){.MDkelq_iconBox{width:calc(var(--u) * .56);height:calc(var(--u) * .56)}}.MDkelq_main{grid-area:main;min-width:0}.MDkelq_body{grid-area:body;min-width:0}.MDkelq_meta{font-size:clamp(9.5px, calc(var(--u) * .088), 11.5px);letter-spacing:.16em;text-transform:uppercase;color:#f4f3efbd;white-space:nowrap;align-items:center;gap:.6em;line-height:1.3;display:flex;overflow:hidden}.MDkelq_accent{color:#ff4a50;text-shadow:0 0 calc(var(--u) * .05) #ff343b99}.MDkelq_title{margin-top:calc(var(--u) * .05);font-size:clamp(19px, calc(var(--u) * .27), 40px);letter-spacing:-.02em;white-space:nowrap;font-weight:600;line-height:1.05;overflow:hidden}.MDkelq_text{margin-top:calc(var(--u) * .04);font-size:clamp(12.5px, calc(var(--u) * .14), 16.5px);color:#f4f3ef;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.MDkelq_chips{gap:calc(var(--u) * .05) calc(var(--u) * .18);margin-top:calc(var(--u) * .05);font-size:clamp(12.5px, calc(var(--u) * .14), 16.5px);flex-wrap:wrap;line-height:1.3;display:flex}.MDkelq_chip{white-space:nowrap;align-items:center;gap:.45em;display:inline-flex}.MDkelq_chip:before{content:"";background:#ff4a50;width:.42em;height:.42em;box-shadow:0 0 6px #ff343bcc}.MDkelq_cursor{vertical-align:-.12em;background:currentColor;width:.55em;height:1em;margin-left:.12em;animation:1.05s step-end infinite MDkelq_blink;display:inline-block}@keyframes MDkelq_blink{50%{opacity:0}}.MDkelq_bars{align-items:flex-end;gap:calc(var(--u) * .035);height:calc(var(--u) * .3);margin-top:calc(var(--u) * .05);display:flex}.MDkelq_bar{width:calc(var(--u) * .06);background:#f4f3ef24}.MDkelq_bar[data-on=true]{background:#ff4a50;box-shadow:0 0 6px #ff343bb3}.MDkelq_screenIn{animation:.32s steps(4,end) both MDkelq_screenIn}@keyframes MDkelq_screenIn{0%{opacity:.2;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}.MDkelq_knobBtn{width:calc(var(--u) * .96);aspect-ratio:1;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;margin:0;padding:0;position:relative}.MDkelq_knobBtn:active{cursor:grabbing}.MDkelq_knobBtn:focus-visible{outline-offset:2px;outline:2px solid #f4f3ef}@media (max-width:1023.98px){.MDkelq_knobBtn{width:calc(var(--u) * .78)}}.MDkelq_arm{transform:rotate(var(--a));pointer-events:none;position:absolute;inset:0}.MDkelq_dot{aspect-ratio:1;background:#2a2a2f;border-radius:50%;width:5%;margin-left:-2.5%;transition:background-color .2s,box-shadow .2s;position:absolute;top:1%;left:50%}.MDkelq_dot[data-on=true]{background:#ff3b41;box-shadow:0 0 6px #ff343be6}.MDkelq_knurl{box-shadow:0 calc(var(--u) * .05) calc(var(--u) * .08) #000000e6, inset -1.5px 0 0 #ff343b8c, inset 0 0 0 1px #ffffff0d;transform:rotate(var(--angle));background:repeating-conic-gradient(#2e2e33 0deg 3.6deg,#121214 3.6deg 7.2deg);border-radius:50%;transition:transform .12s ease-out;position:absolute;inset:13%}.MDkelq_knobCap{pointer-events:none;background:radial-gradient(circle at 38% 30%,#3e3e44 0%,#222226 55%,#141416 100%);border-radius:50%;position:absolute;inset:23%;box-shadow:inset 0 1px #ffffff24,inset -1px 0 #ff343b59,0 1px 3px #000c}.MDkelq_mark{transform:rotate(var(--angle));pointer-events:none;transition:transform .12s ease-out;position:absolute;inset:23%}.MDkelq_mark:after{content:"";background:#8b8b92;border-radius:999px;width:7%;height:26%;margin-left:-3.5%;position:absolute;top:8%;left:50%}.MDkelq_knobBtn[data-on=true] .MDkelq_mark:after{background:#ff3b41;box-shadow:0 0 6px #ff343be6}.MDkelq_knobLabel{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:#e9e7e16b;pointer-events:none;white-space:nowrap;font-size:9.5px;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)}@media (max-width:1023.98px){.MDkelq_knobLabel{display:none}}.MDkelq_stage[data-in=false] .MDkelq_case{opacity:0;transform:translateY(28px)}.MDkelq_stage[data-in=false] .MDkelq_slot,.MDkelq_stage[data-in=false] .MDkelq_oledSlot,.MDkelq_stage[data-in=false] .MDkelq_knobSlot{opacity:0;transform:translateY(-22%)}.MDkelq_stage[data-intro=run] .MDkelq_case{transition:transform 1.2s var(--ease), opacity .8s ease}.MDkelq_stage[data-intro=run] .MDkelq_slot,.MDkelq_stage[data-intro=run] .MDkelq_oledSlot,.MDkelq_stage[data-intro=run] .MDkelq_knobSlot{transition:opacity .45s ease, transform .7s var(--spring);transition-delay:calc(var(--i,0) * 22ms + .18s)}.MDkelq_stage[data-intro=run] .MDkelq_led{animation:.9s ease-out backwards MDkelq_sweep;animation-delay:calc(var(--i,0) * 30ms + .7s)}@media (min-width:1024px){.MDkelq_stage[data-in=false] .MDkelq_case{transform:translateY(6%)rotateX(36deg)}.MDkelq_stage[data-intro=run] .MDkelq_slot,.MDkelq_stage[data-intro=run] .MDkelq_oledSlot,.MDkelq_stage[data-intro=run] .MDkelq_knobSlot{transition-delay:calc(var(--y,0) * 70ms + var(--x,0) * 18ms + .26s)}.MDkelq_stage[data-intro=run] .MDkelq_led{animation-delay:calc(var(--x,0) * 60ms + var(--y,0) * 30ms + .9s)}}@keyframes MDkelq_sweep{0%{opacity:0}30%{opacity:.95}to{opacity:0}}.MDkelq_stage[data-wave=a] .MDkelq_led{animation:.9s ease-out backwards MDkelq_waveA;animation-delay:var(--wd,0s)}.MDkelq_stage[data-wave=b] .MDkelq_led{animation:.9s ease-out backwards MDkelq_waveB;animation-delay:var(--wd,0s)}.MDkelq_stage[data-wave=a] .MDkelq_cap{animation:.5s ease-out backwards MDkelq_dipA;animation-delay:var(--wd,0s)}.MDkelq_stage[data-wave=b] .MDkelq_cap{animation:.5s ease-out backwards MDkelq_dipB;animation-delay:var(--wd,0s)}@keyframes MDkelq_waveA{0%{opacity:0}22%{opacity:.95}to{opacity:0}}@keyframes MDkelq_waveB{0%{opacity:0}22%{opacity:.95}to{opacity:0}}@keyframes MDkelq_dipA{0%,to{transform:translate3d(0, var(--travel), 0)}30%{transform:translate3d(0, calc(var(--u) * .055), 0)}}@keyframes MDkelq_dipB{0%,to{transform:translate3d(0, var(--travel), 0)}30%{transform:translate3d(0, calc(var(--u) * .055), 0)}}@media (prefers-reduced-motion:reduce){.MDkelq_case,.MDkelq_slot,.MDkelq_oledSlot,.MDkelq_knobSlot,.MDkelq_cap,.MDkelq_led,.MDkelq_legend,.MDkelq_knurl,.MDkelq_mark,.MDkelq_screenIn{transition:none!important;animation:none!important}.MDkelq_case{transform:none!important}.MDkelq_stage[data-in=false] .MDkelq_case,.MDkelq_stage[data-in=false] .MDkelq_slot,.MDkelq_stage[data-in=false] .MDkelq_oledSlot,.MDkelq_stage[data-in=false] .MDkelq_knobSlot{opacity:1;transform:none}.MDkelq_cursor{animation:none}}