:root{--material-steel-face:38 7% 72%;--material-steel-face-low:40 7% 64%;--material-steel-edge:240 4% 30%;--material-steel-highlight:48 30% 97%;--material-steel-shadow:240 8% 14%;--material-phenolic-face:24 11% 17%;--material-phenolic-face-low:24 13% 11%;--material-phenolic-edge:28 9% 5%;--material-phenolic-highlight:34 14% 40%;--material-glass-tint:206 18% 82%;--material-glass-edge:206 15% 40%;--material-glass-highlight:0 0% 100%;--material-slate-face:156 7% 24%;--material-slate-face-low:158 8% 18%;--material-slate-mark:48 16% 91%;--material-paper-face:44 31% 91%;--material-paper-edge:36 18% 68%;--material-paper-ink:232 7% 18%;--material-tape-face:44 44% 79%;--material-tape-edge:34 22% 57%;--material-hardware-face:42 7% 58%;--material-hardware-edge:240 5% 24%;--material-grain-opacity:.055}.dark{--material-steel-face:230 5% 23%;--material-steel-face-low:230 6% 16%;--material-steel-edge:220 5% 7%;--material-steel-highlight:40 8% 72%;--material-steel-shadow:240 12% 2%;--material-phenolic-face:24 9% 13%;--material-phenolic-face-low:24 12% 7%;--material-phenolic-edge:24 8% 3%;--material-phenolic-highlight:30 10% 30%;--material-glass-tint:210 13% 22%;--material-glass-edge:210 11% 48%;--material-glass-highlight:40 8% 94%;--material-slate-face:160 7% 19%;--material-slate-face-low:160 8% 12%;--material-slate-mark:44 12% 86%;--material-paper-face:42 18% 78%;--material-paper-edge:34 14% 48%;--material-paper-ink:232 8% 14%;--material-tape-face:42 28% 62%;--material-tape-edge:34 18% 38%;--material-hardware-face:42 5% 42%;--material-hardware-edge:220 6% 8%;--material-grain-opacity:.075}.material-surface{isolation:isolate;position:relative}.material-steel{border-color:hsl(var(--material-steel-edge)/.44);background-color:hsl(var(--material-steel-face));background-image:linear-gradient(145deg,hsl(var(--material-steel-highlight)/.2),transparent 26%,hsl(var(--material-steel-shadow)/.07)72%,hsl(var(--material-steel-shadow)/.13)),radial-gradient(circle at 30% 20%,hsl(var(--material-steel-highlight)/var(--material-grain-opacity))0 .55px,transparent .8px);box-shadow:inset 0 1px 0 hsl(var(--material-steel-highlight)/.28),inset 0 -1px 0 hsl(var(--material-steel-shadow)/.16),0 12px 28px hsl(var(--material-steel-shadow)/.14);background-size:auto,5px 5px}.material-phenolic{border-color:hsl(var(--material-phenolic-edge)/.84);background-color:hsl(var(--material-phenolic-face));background-image:radial-gradient(circle at 32% 18%,hsl(var(--material-phenolic-highlight)/.28),transparent 38%),linear-gradient(160deg,hsl(var(--material-phenolic-highlight)/.13),transparent 32%,hsl(var(--material-phenolic-face-low)/.74));box-shadow:inset 0 1px 0 hsl(var(--material-phenolic-highlight)/.26),inset 0 -10px 18px hsl(var(--material-phenolic-edge)/.34),0 6px 15px hsl(var(--material-steel-shadow)/.18)}.material-glass{border-color:hsl(var(--material-glass-edge)/.36);background-color:hsl(var(--material-glass-tint)/.3);background-image:linear-gradient(132deg,hsl(var(--material-glass-highlight)/.34),transparent 24%,transparent 68%,hsl(var(--material-glass-edge)/.12));-webkit-backdrop-filter:blur(8px)saturate(112%);backdrop-filter:blur(8px)saturate(112%);box-shadow:inset 0 1px 0 hsl(var(--material-glass-highlight)/.44),inset 0 -1px 0 hsl(var(--material-glass-edge)/.18)}.material-slate{border-color:hsl(var(--material-slate-face-low)/.72);background-color:hsl(var(--material-slate-face));background-image:linear-gradient(168deg,hsl(var(--material-slate-mark)/.055),transparent 34%),radial-gradient(circle,hsl(var(--material-slate-mark)/.07)0 .5px,transparent .8px);color:hsl(var(--material-slate-mark));box-shadow:inset 0 1px 0 hsl(var(--material-slate-mark)/.12),inset 0 -5px 12px hsl(var(--material-slate-face-low)/.32);background-size:auto,7px 7px}.material-paper{border-color:hsl(var(--material-paper-edge)/.6);background-color:hsl(var(--material-paper-face));background-image:linear-gradient(90deg,hsl(var(--material-paper-edge)/.07)1px,transparent 1px),radial-gradient(circle,hsl(var(--material-paper-ink)/.045)0 .45px,transparent .75px);color:hsl(var(--material-paper-ink));box-shadow:inset 0 1px 0 #ffffff75,0 8px 18px hsl(var(--material-steel-shadow)/.12);background-size:1.35rem 100%,5px 5px}.material-tape{border-color:hsl(var(--material-tape-edge)/.48);background-color:hsl(var(--material-tape-face)/.88);background-image:linear-gradient(96deg,transparent,#ffffff29 48%,transparent 54%),repeating-linear-gradient(90deg,transparent 0 6px,hsl(var(--material-tape-edge)/.06)6px 7px);box-shadow:inset 0 1px 0 #ffffff52,0 2px 4px hsl(var(--material-steel-shadow)/.12)}.material-inset-seam{z-index:1;border:1px solid hsl(var(--material-steel-shadow)/.18);border-radius:inherit;box-shadow:0 1px 0 hsl(var(--material-steel-highlight)/.17);pointer-events:none;position:absolute;inset:.45rem}.material-screw{z-index:3;border:1px solid hsl(var(--material-hardware-edge)/.56);background:radial-gradient(circle at 34% 28%,hsl(var(--material-steel-highlight)/.52),transparent 27%),hsl(var(--material-hardware-face));width:.55rem;height:.55rem;box-shadow:inset 0 -1px 1px hsl(var(--material-hardware-edge)/.36),0 1px 2px hsl(var(--material-steel-shadow)/.28);pointer-events:none;border-radius:999px;position:absolute}.material-screw:after{content:"";background:hsl(var(--material-hardware-edge)/.72);height:1px;position:absolute;inset:50% 15% auto;transform:translateY(-50%)rotate(-18deg)}.material-glass-lens{z-index:40;border:1px solid hsl(var(--material-glass-edge)/.24);border-radius:inherit;background:linear-gradient(118deg,hsl(var(--material-glass-highlight)/.2),transparent 21% 72%,hsl(var(--material-glass-edge)/.08)),linear-gradient(180deg,transparent,hsl(var(--material-glass-tint)/.08));box-shadow:inset 0 1px 0 hsl(var(--material-glass-highlight)/.34),inset 0 -1px 0 hsl(var(--material-glass-edge)/.16);pointer-events:none;position:absolute;inset:0}.material-label-engraved{font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 0 hsl(var(--material-steel-highlight)/.26),0 -1px 0 hsl(var(--material-steel-shadow)/.28)}.material-label-stamped{font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:.18rem;align-items:center;padding:.12rem .3rem .08rem;font-size:.68em;font-weight:700;line-height:1;display:inline-flex;transform:rotate(-.45deg)}.material-paper-edge{background:linear-gradient(135deg,transparent 0 20%,hsl(var(--material-paper-edge)/.32)21% 42%,transparent 43% 64%,hsl(var(--material-paper-edge)/.24)65% 82%,transparent 83%);opacity:.64;pointer-events:none;background-size:1.1rem 100%;height:.35rem;position:absolute;inset:auto 0 -1px}.material-tape-strip{z-index:4;border:1px solid hsl(var(--material-tape-edge)/.34);background:linear-gradient(96deg,transparent,#ffffff2e 48%,transparent 54%),hsl(var(--material-tape-face)/.86);width:3.25rem;height:.95rem;box-shadow:0 2px 4px hsl(var(--material-steel-shadow)/.1);opacity:.9;pointer-events:none;position:absolute}.material-tape-strip[data-side=top]{top:-.45rem;left:50%;transform:translate(-50%)rotate(-1deg)}.material-tape-strip[data-side=right]{top:50%;right:-1.15rem;transform:translateY(-50%)rotate(91deg)}.material-tape-strip[data-side=bottom]{bottom:-.45rem;left:50%;transform:translate(-50%)rotate(.75deg)}.material-tape-strip[data-side=left]{top:50%;left:-1.15rem;transform:translateY(-50%)rotate(89deg)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.material-glass{background-color:hsl(var(--material-glass-tint)/.82)}}@media (prefers-reduced-transparency:reduce){.material-glass{background-color:hsl(var(--material-glass-tint)/.94);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.material-surface,.material-tape-strip,.material-label-stamped{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){.material-surface,.material-steel,.material-phenolic,.material-glass,.material-slate,.material-paper,.material-tape{box-shadow:none;color:canvastext;background:canvas;border:1px solid canvastext}.material-screw,.material-glass-lens,.material-inset-seam,.material-tape-strip{box-shadow:none;background:canvas;border-color:canvastext}}
@media (forced-colors:active){.material-glass-lens,.material-inset-seam{background:0 0}}
:where(a[href],button,[role=button]){-webkit-tap-highlight-color:#6f68782e;touch-action:manipulation}:where(a[href],button,[role=button]):not(:disabled):active{filter:brightness(.9)}.navigation-feedback{opacity:1;transition:opacity .18s ease-out}.navigation-feedback[data-navigation-state=fading]{opacity:0}.navigation-rail{background:linear-gradient(90deg,#0000000a,#0000001a,#0000000a);height:2px;overflow:hidden}.dark .navigation-rail{background:linear-gradient(90deg,#ffffff08,#ffffff1a,#ffffff08)}.navigation-progress{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#595161,#83788f 72%,#b3a8bd);width:100%;height:100%;transition:transform .14s cubic-bezier(.22,.72,.28,1);box-shadow:0 0 8px #6f68786b,inset 0 1px #ffffff52}.dark .navigation-progress{background:linear-gradient(90deg,#aaa0b4,#d0c8d7 72%,#eee8f2);box-shadow:0 0 10px #d0c8d757,inset 0 1px #ffffff61}.navigation-status{color:#343038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f1eaf0;border:1px solid #00000024;border-radius:.55rem;max-width:min(24rem,100vw - 1.5rem);padding:.42rem .65rem;font-size:.75rem;font-weight:600;line-height:1.25;position:absolute;top:.65rem;right:.75rem;box-shadow:0 8px 24px #1414181f}.dark .navigation-status{color:#eee9f1;background:#18191df0;border-color:#ffffff24;box-shadow:0 8px 24px #0000003d}@media (prefers-reduced-motion:reduce){.navigation-feedback,.navigation-progress{transition-duration:1ms}.navigation-progress{will-change:auto;box-shadow:inset 0 1px #ffffff40}}