:root{--ease-settle:cubic-bezier(.22, 1, .36, 1);--ease-press:cubic-bezier(.5, 0, .7, 1);--dur-press:70ms;--dur-release:.26s;--tact-face-hi:#fdfdfc;--tact-face-lo:#ece9e4;--tact-rim:#fffffff2;--tact-edge:#bfb7a680;--tact-shadow:40 13% 7%;--tact-shadow-contact:.18;--tact-shadow-soft:.1;--tact-well-bg:#e7e4df;--tact-well-rim:#ffffffb3;--tact-rib-lo:#726a5a;--tact-rib-mid:#c5c0b4;--tact-rib-hi:#f1efe9;--tact-rib-spec:#fdfdfc;--tact-emboss:0 1px 0 #ffffffd9;--tact-readout:#f6a823;--tact-flash:#fac72e;--tact-flash-fg:#29200f;--tact-led-ready:#33c146;--tact-led-rec:#db4433;--tact-led-busy:#f1ac22;--tact-led-off:#56534d}.dark{--tact-face-hi:#2f2d28;--tact-face-lo:#1c1a17;--tact-rim:#59544ae6;--tact-edge:#000000a6;--tact-shadow:0 0% 0%;--tact-shadow-contact:.55;--tact-shadow-soft:.32;--tact-well-bg:#0f0e0d;--tact-well-rim:#423f38b3;--tact-rib-lo:#080807;--tact-rib-mid:#211f1c;--tact-rib-hi:#48443d;--tact-rib-spec:#78705e;--tact-emboss:0 -1px 0 #00000080}.tactile-raised{background:linear-gradient(145deg, var(--tact-face-hi), var(--tact-face-lo));box-shadow:inset 0 1px 0 var(--tact-rim), inset 0 -2px 3px var(--tact-edge), 0 1px 1.5px hsl(var(--tact-shadow) / var(--tact-shadow-contact)), 0 3px 6px hsl(var(--tact-shadow) / var(--tact-shadow-soft)), 0 8px 18px hsl(var(--tact-shadow) / calc(var(--tact-shadow-soft) * .55));transition:transform var(--dur-release) var(--ease-settle), translate .3s var(--ease-settle), scale var(--dur-release) var(--ease-settle), box-shadow var(--dur-release) var(--ease-settle), filter var(--dur-release) var(--ease-settle)}.tactile-press:active,.tactile-raised[data-pressed=true],.tactile-raised:hover{will-change:transform}.tactile-press:active,.tactile-raised[data-pressed=true]{filter:brightness(.965);box-shadow:inset 0 1px 0 var(--tact-rim), inset 0 -1px 1px var(--tact-edge), 0 .5px 1px hsl(var(--tact-shadow) / var(--tact-shadow-contact)), 0 1px 2px hsl(var(--tact-shadow) / calc(var(--tact-shadow-soft) * .6)), 0 2px 5px hsl(var(--tact-shadow) / calc(var(--tact-shadow-soft) * .3));transition-duration:var(--dur-press);transition-timing-function:var(--ease-press);transform:translateY(1.5px)scale(.982)}.dark .tactile-press:active,.dark .tactile-raised[data-pressed=true]{filter:brightness(.9)}.tactile-press-deep:active,.tactile-press-deep[data-pressed=true]{transform:translateY(2.5px)scale(.972)}.tactile-well{background:var(--tact-well-bg);box-shadow:inset 0 1.5px 3px hsl(var(--tact-shadow) / calc(var(--tact-shadow-contact) * 1.6)), inset 0 -1px 0 var(--tact-well-rim)}.tactile-well-deep{background:var(--tact-well-bg);box-shadow:inset 0 2px 5px hsl(var(--tact-shadow) / calc(var(--tact-shadow-contact) * 2)), inset 0 8px 14px hsl(var(--tact-shadow) / calc(var(--tact-shadow-contact) * .7)), inset 0 -1px 0 var(--tact-well-rim)}.embossed{text-shadow:var(--tact-emboss)}.embossed-icon{filter:drop-shadow(var(--tact-emboss))}.knurl-x{background-image:repeating-linear-gradient(90deg, var(--tact-rib-lo) 0px,  var(--tact-rib-mid) 3.5px, var(--tact-rib-hi) 6px,  var(--tact-rib-spec) 8px,  var(--tact-rib-hi) 10px, var(--tact-rib-mid) 13px, var(--tact-rib-lo) 16px,  var(--tact-rib-lo) 20px )}.knurl-y{background-image:repeating-linear-gradient(180deg, var(--tact-rib-lo) 0px, var(--tact-rib-mid) 2.4px, var(--tact-rib-hi) 4px, var(--tact-rib-spec) 5.5px,  var(--tact-rib-hi) 7px, var(--tact-rib-mid) 9px, var(--tact-rib-lo) 11px, var(--tact-rib-lo) 14px)}.barrel-shade-x{background:linear-gradient(180deg, hsl(var(--tact-shadow) / .72) 0%, transparent 24%, #ffffff12 34%, transparent 48%, hsl(var(--tact-shadow) / .3) 78%, hsl(var(--tact-shadow) / .78) 100%), linear-gradient(90deg, hsl(var(--tact-shadow) / .85), transparent 14%, transparent 86%, hsl(var(--tact-shadow) / .85))}.barrel-shade-y{background:linear-gradient(90deg, hsl(var(--tact-shadow) / .72) 0%, transparent 26%, #ffffff0f 38%, transparent 52%, hsl(var(--tact-shadow) / .3) 78%, hsl(var(--tact-shadow) / .78) 100%), linear-gradient(180deg, hsl(var(--tact-shadow) / .85), transparent 16%, transparent 84%, hsl(var(--tact-shadow) / .85))}.led{background:var(--led-color,var(--tact-led-ready));box-shadow:0 0 4px var(--led-color,var(--tact-led-ready)), 0 0 var(--led-glow,10px) color-mix(in srgb, var(--led-color,var(--tact-led-ready)) 65%, transparent);border-radius:9999px}.led-pulse{animation:2.4s ease-in-out infinite led-pulse}@keyframes led-pulse{0%,to{--led-glow:7px;box-shadow:0 0 3px var(--led-color), 0 0 7px color-mix(in srgb, var(--led-color) 60%, transparent)}50%{--led-glow:14px;box-shadow:0 0 5px var(--led-color), 0 0 16px color-mix(in srgb, var(--led-color) 80%, transparent)}}.numeral-3d{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--n3d-face,#f9f8f6);text-shadow: 0 .5px 0 var(--n3d-chamfer,#e5e2dc),  0 1px 0 var(--n3d-w1,#d0cdc8), 0 1.5px 0 var(--n3d-w1,#d0cdc8), 0 2px 0 var(--n3d-w2,#bdbab2), 0 2.5px 0 var(--n3d-w2,#bdbab2), 0 3px 0 var(--n3d-w3,#aba69c), 0 3.5px 0 var(--n3d-w3,#aba69c), 0 4px 0 var(--n3d-w4,#989286), 0 4.5px 0 var(--n3d-w4,#989286), 0 5px 0 var(--n3d-w5,#878073), 0 5.5px 0 var(--n3d-w5,#878073), 0 6px 0 var(--n3d-w6,#787164), 0 6.5px 0 var(--n3d-w6,#787164), 0 7px 0 var(--n3d-w7,#6a6458),  0 7.5px 2px hsl(var(--tact-shadow) / .5),  0 11px 16px hsl(var(--tact-shadow) / .36), 0 20px 34px hsl(var(--tact-shadow) / .2);font-weight:700}:root:not(.dark) .numeral-3d,.light-numerals .numeral-3d{--n3d-face:#1d1b16;--n3d-chamfer:#534f46;--n3d-w1:#696359;--n3d-w2:#797367;--n3d-w3:#8a8375;--n3d-w4:#989286;--n3d-w5:#a6a196;--n3d-w6:#b4b0a7;--n3d-w7:#c3bfb7}.flip-stage{perspective:420px}.flip-out{animation:flip-out .46s var(--ease-settle) forwards}.flip-in{animation:flip-in .46s var(--ease-settle) forwards}@keyframes flip-out{0%{opacity:1;transform:translateY(0)rotateX(0)}to{opacity:0;transform:translateY(-58%)rotateX(64deg)}}@keyframes flip-in{0%{opacity:0;transform:translateY(58%)rotateX(-64deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.screen-stage{perspective:1200px}.screen-in-right{animation:screen-in-right .52s var(--ease-settle) both}.screen-in-left{animation:screen-in-left .52s var(--ease-settle) both}.screen-out-left{animation:screen-out-left .52s var(--ease-settle) both}.screen-out-right{animation:screen-out-right .52s var(--ease-settle) both}@keyframes screen-in-right{0%{opacity:0;transform:translate(46%)rotateY(-9deg)scale(.96)}to{opacity:1;transform:translate(0)rotateY(0)scale(1)}}@keyframes screen-in-left{0%{opacity:0;transform:translate(-46%)rotateY(9deg)scale(.96)}to{opacity:1;transform:translate(0)rotateY(0)scale(1)}}@keyframes screen-out-left{0%{opacity:1;transform:translate(0)rotateY(0)scale(1)}to{opacity:0;transform:translate(-46%)rotateY(9deg)scale(.96)}}@keyframes screen-out-right{0%{opacity:1;transform:translate(0)rotateY(0)scale(1)}to{opacity:0;transform:translate(46%)rotateY(-9deg)scale(.96)}}.leader{border-bottom:1.5px dotted color-mix(in srgb, currentColor 38%, transparent);flex:auto;min-width:1.5rem;margin-inline:.5em;transform:translateY(-.28em)}.lift-hard{box-shadow:3px 3px 0 0 var(--lift-color,var(--shadow-hard));transition:transform var(--dur-release) var(--ease-settle), box-shadow var(--dur-release) var(--ease-settle), background-color .15s ease, color .15s ease}.lift-hard:hover{box-shadow:4px 4px 0 0 color-mix(in srgb, var(--lift-color,var(--shadow-hard)), #000 16%);transform:translate(-1px,-1px)}.lift-hard:active{box-shadow:1px 1px 0 0 color-mix(in srgb, var(--lift-color,var(--shadow-hard)) 25%, transparent);transition-duration:var(--dur-press);transition-timing-function:var(--ease-press);transform:translate(2px,2px)}.lift-hard:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lift-hard:disabled,.lift-hard[data-disabled],.lift-hard[aria-disabled=true]{box-shadow:none;transform:none}.tactile-track{isolation:isolate;background:var(--tact-well-bg);box-shadow:inset 0 1.5px 3px hsl(var(--tact-shadow) / calc(var(--tact-shadow-contact) * 1.6)), inset 0 -1px 0 var(--tact-well-rim);position:relative}.tactile-track:before{content:"";z-index:-1;border-radius:inherit;background:var(--brand);box-shadow:inset 0 1.5px 3px hsl(var(--tact-shadow) / calc(var(--tact-shadow-contact) * 1.8)), inset 0 -1px 0 #ffffff2e;opacity:0;transition:opacity .28s var(--ease-settle);position:absolute;inset:0}.tactile-track[data-checked]:before{opacity:1}.tactile-check{background:linear-gradient(145deg, var(--tact-face-hi), var(--tact-face-lo));box-shadow:inset 0 1px 0 var(--tact-rim), inset 0 -1.5px 2px var(--tact-edge), 0 1px 1.5px hsl(var(--tact-shadow) / var(--tact-shadow-contact)), 0 2px 4px hsl(var(--tact-shadow) / calc(var(--tact-shadow-soft) * .8));transition:transform var(--dur-release) var(--ease-settle), box-shadow var(--dur-release) var(--ease-settle), background-color .18s ease}.tactile-check:active{transition-duration:var(--dur-press);transform:scale(.92)}.tactile-check[data-checked],.tactile-check[data-indeterminate]{background:var(--primary);box-shadow:inset 0 1.5px 3px hsl(var(--tact-shadow) / .5), inset 0 -1px 0 #ffffff24, 0 .5px 1px hsl(var(--tact-shadow) / var(--tact-shadow-contact));transform:translateY(.5px)}.tactile-radio{background:linear-gradient(145deg, var(--tact-face-hi), var(--tact-face-lo));box-shadow:inset 0 1px 0 var(--tact-rim), inset 0 -1.5px 2px var(--tact-edge), 0 1px 1.5px hsl(var(--tact-shadow) / var(--tact-shadow-contact)), 0 2px 4px hsl(var(--tact-shadow) / calc(var(--tact-shadow-soft) * .8));transition:transform var(--dur-release) var(--ease-settle)}.tactile-radio:active{transition-duration:var(--dur-press);transform:scale(.92)}@keyframes ink-stamp{0%{opacity:0;transform:scale(1.7)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.ink-stamp{animation:ink-stamp .22s var(--ease-settle) both}[data-variant=default] .tactile-tab-cap[data-active]{background:linear-gradient(145deg, var(--tact-face-hi), var(--tact-face-lo));box-shadow:inset 0 1px 0 var(--tact-rim), inset 0 -1.5px 2px var(--tact-edge), 0 1px 2px hsl(var(--tact-shadow) / calc(var(--tact-shadow-contact) * 1.2)), 0 2px 5px hsl(var(--tact-shadow) / calc(var(--tact-shadow-soft) * .8))}.tactile-latch{background:linear-gradient(145deg, var(--tact-face-hi), var(--tact-face-lo));box-shadow:inset 0 1px 0 var(--tact-rim), inset 0 -1.5px 2px var(--tact-edge), 0 1px 1.5px hsl(var(--tact-shadow) / var(--tact-shadow-contact)), 0 2px 5px hsl(var(--tact-shadow) / calc(var(--tact-shadow-soft) * .8));transition:transform var(--dur-release) var(--ease-settle), box-shadow var(--dur-release) var(--ease-settle), background-color .18s ease}.tactile-latch:active{transition-duration:var(--dur-press);transform:translateY(1px)}.tactile-latch[aria-pressed=true],.tactile-latch[data-pressed],.tactile-latch[data-state=on]{background:var(--tact-well-bg);box-shadow:inset 0 1.5px 3px hsl(var(--tact-shadow) / calc(var(--tact-shadow-contact) * 1.6)), inset 0 -1px 0 var(--tact-well-rim);transform:translateY(.5px)}.anemometer{animation:14s linear infinite anemometer-spin}@keyframes anemometer-spin{to{transform:rotate(360deg)}}.loader-rotor{animation:loader-rotor 1.15s var(--ease-press) infinite}@keyframes loader-rotor{to{transform:rotate(360deg)}}.loader-sweep{animation:1.4s cubic-bezier(.65,0,.35,1) infinite loader-sweep}@keyframes loader-sweep{0%{opacity:.9;transform:rotate(0)}50%{opacity:.4}to{opacity:.9;transform:rotate(360deg)}}.spark{width:var(--spark-size,5px);height:var(--spark-size,5px);background:var(--spark-color,var(--tact-readout));opacity:0;transform-origin:50%;animation:spark-fly .72s var(--ease-settle) forwards;animation-delay:var(--spark-delay,0s);border-radius:1px;position:absolute;top:50%;left:50%}@keyframes spark-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-x,0px)), calc(-50% + var(--spark-y,0px))) scale(.7) rotate(var(--spark-r,90deg))}}@media (prefers-reduced-motion:reduce){.anemometer,.loader-rotor,.loader-sweep,.spark{animation:none!important}.led-pulse{animation:none}.tactile-raised,.tactile-press:active,.tactile-raised[data-pressed=true],.lift-hard,.lift-hard:hover,.lift-hard:active,.tactile-track,.tactile-track:before,.tactile-check,.tactile-radio,.tactile-latch{transition-duration:1ms!important}.ink-stamp{animation-duration:1ms!important}.flip-out,.flip-in,.screen-in-right,.screen-in-left,.screen-out-left,.screen-out-right{animation-duration:1ms}}