@font-face{font-family:display;src:url(../media/bricolage_grotesque_latin_wght_normal-s.p.3s5-omkfua8uf.woff2)format("woff2");font-display:swap;font-weight:400 800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:84.66%;descent-override:24.58%;line-gap-override:0.0%;size-adjust:109.85%}.l8Y1ma_className{font-family:display,display Fallback}.l8Y1ma_variable{--nf-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/inter_latin_wght_normal-s.p.2hax5wt4lgio3.woff2)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}._8hUOSG_className{font-family:body,body Fallback}._8hUOSG_variable{--nf-body:"body", "body Fallback"}
@font-face{font-family:mono;src:url(../media/jetbrains_mono_latin_wght_normal-s.2-15q98znm5zm.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}._daZVa_className{font-family:mono,mono Fallback}._daZVa_variable{--nf-mono:"mono", "mono Fallback"}
@layer design{:root{--ground-0:#d5c29b;--ground-1:#fbf5e8;--ground-2:#c8b48b;--ground-3:#b9a37a;--ground-sky:#eaf3f8;--ground-white:#fffefb;--ink:#1c1712;--ink-2:#3a3025;--ink-3:#43382b;--ink-4:#7c705e;--ink-inverse:#fff8ee;--orange-50:#fff1e6;--orange-100:#ffdcc2;--orange-200:#ffbf8f;--orange-300:#ff9a55;--orange-400:#fa7d2e;--orange-500:#f26a1b;--orange-600:#d55510;--orange-700:#a93f08;--orange-800:#732a05;--lime-50:#f4fbdf;--lime-100:#e4f6b4;--lime-200:#cfee80;--lime-300:#b6e255;--lime-400:#a5d93c;--lime-500:#9bd12e;--lime-600:#78a81a;--lime-700:#55780f;--lime-800:#35500a;--sky-100:#ddeffc;--sky-200:#bee0f8;--sky-300:#93cbf1;--sky-400:#62aee3;--sky-500:#3b93d3;--sky-600:#2373b0;--ok:var(--lime-600);--warn:#e0a100;--bad:#d23b2a;--font-display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--t-display-xl:88px;--t-display-l:56px;--t-display-m:40px;--t-title:28px;--t-heading:20px;--t-body-l:18px;--t-body:15px;--t-small:13px;--t-micro:13px;--lh-tight:1.02;--lh-snug:1.2;--lh-body:1.55;--track-display:-.035em;--track-caps:.09em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:144px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:30px;--r-pill:999px;--key-x:1;--key-y:1.7;--shade:52,28,6;--rim-hi:#fff;--rim-mid:#fff9;--edge-dark:#3c240a47;--spec-hot:radial-gradient(70% 52% at 10% 0%, #fff 0%, #ffffffb3 36%, #fff0 100%);--spec-streak:linear-gradient(118deg, #fff0 34%, #ffffff8c 42%, #fff0 50%);--rim-light:linear-gradient(135deg, #fff 0%, #fffffff2 14%, #fff0 42%, #ffbe7800 58%, #ff9646d9 100%);--e0:inset 2px 2px 0 #fff, inset 0 0 0 1px #ffffffeb, inset -1.5px -2px 0 #a0784273, inset -4px -7px 10px -3px #96642842, 0 0 0 1px #3a240a6b, .45px 1px 0 #9c8560, 1.4px 3px 2px rgba(var(--shade),.62), 2.9px 8px 10px -2px rgba(var(--shade),.42), 12px 21px 25px -4px rgba(var(--shade),.46);--e1:inset 2px 2px 0 #fff, inset 0 0 0 1px #ffffffeb, inset -1.5px -2px 0 #a0784273, inset -4px -7px 10px -3px #96642842, 0 0 0 1px #3a240a6b, .45px 1px 0 #cdbc9b, .9px 2px 0 #b5a07d, 1.35px 3px 0 #9c8560, 2.4px 5px 2px rgba(var(--shade),.62), 4.7px 12px 14px -2px rgba(var(--shade),.42), 20px 35px 39px -8px rgba(var(--shade),.46);--e2:inset 2px 2px 0 #fff, inset 0 0 0 1px #ffffffeb, inset -1.5px -2px 0 #a0784273, inset -4px -7px 10px -3px #96642842, 0 0 0 1px #3a240a6b, .45px 1px 0 #d7c7a6, .9px 2px 0 #c8b695, 1.35px 3px 0 #baa683, 1.8px 4px 0 #ab9572, 2.25px 5px 0 #9c8560, 3.2px 7px 2px rgba(var(--shade),.62), 6.5px 16px 18px -2px rgba(var(--shade),.42), 28px 49px 53px -12px rgba(var(--shade),.46);--e3:inset 2px 2px 0 #fff, inset 0 0 0 1px #ffffffeb, inset -1.5px -2px 0 #a0784273, inset -4px -7px 10px -3px #96642842, 0 0 0 1px #3a240a6b, .45px 1px 0 #dbcbab, .9px 2px 0 #d1c09f, 1.35px 3px 0 #c6b492, 1.8px 4px 0 #bca886, 2.25px 5px 0 #b19c79, 2.7px 6px 0 #a7916d, 3.15px 7px 0 #9c8560, 4.2px 9px 2px rgba(var(--shade),.62), 8.3px 20px 22px -2px rgba(var(--shade),.42), 36px 63px 67px -16px rgba(var(--shade),.46);--e4:inset 2px 2px 0 #fff, inset 0 0 0 1px #ffffffeb, inset -1.5px -2px 0 #a0784273, inset -4px -7px 10px -3px #96642842, 0 0 0 1px #3a240a6b, .45px 1px 0 #deceae, .9px 2px 0 #d6c5a4, 1.35px 3px 0 #cdbc9b, 1.8px 4px 0 #c5b391, 2.25px 5px 0 #bda987, 2.7px 6px 0 #b5a07d, 3.15px 7px 0 #ac9774, 3.6px 8px 0 #a48e6a, 4.05px 9px 0 #9c8560, 5px 11px 2px rgba(var(--shade),.62), 10.1px 24px 26px -2px rgba(var(--shade),.42), 44px 77px 81px -20px rgba(var(--shade),.46);--e5:inset 2px 2px 0 #fff, inset 0 0 0 1px #ffffffeb, inset -1.5px -2px 0 #a0784273, inset -4px -7px 10px -3px #96642842, 0 0 0 1px #3a240a6b, .45px 1px 0 #dfd0b0, .9px 2px 0 #d9c8a8, 1.35px 3px 0 #d2c1a0, 1.8px 4px 0 #cbb998, 2.25px 5px 0 #c4b290, 2.7px 6px 0 #beaa88, 3.15px 7px 0 #b7a380, 3.6px 8px 0 #b09b78, 4.05px 9px 0 #a99470, 4.5px 10px 0 #a38c68, 4.95px 11px 0 #9c8560, 6px 13px 2px rgba(var(--shade),.62), 11.9px 28px 30px -2px rgba(var(--shade),.42), 52px 91px 95px -24px rgba(var(--shade),.46);--wall-orange:.4px 1px 0 #d15b17, .8px 2px 0 #c15213, 1.2px 3px 0 #b04910, 1.6px 4px 0 #a0400d, 2px 5px 0 #8f370a, 2.4px 6px 0 #7f2e06, 2.8px 7px 0 #6e2503;--wall-lime:.4px 1px 0 #83b022, .8px 2px 0 #77a11d, 1.2px 3px 0 #6b9319, 1.6px 4px 0 #608514, 2px 5px 0 #547710, 2.4px 6px 0 #48680b, 2.8px 7px 0 #3c5a07;--wall-cream:.4px 1px 0 #d7c7a6, .8px 2px 0 #c8b695, 1.2px 3px 0 #baa683, 1.6px 4px 0 #ab9572, 2px 5px 0 #9c8560;--wall-metal:.4px 1px 0 #bfb8aa, .8px 2px 0 #afa899, 1.2px 3px 0 #9f9888, 1.6px 4px 0 #8f8778, 2px 5px 0 #7f7768, 2.4px 6px 0 #6f6757;--wall-ink:.4px 1px 0 #32281d, .8px 2px 0 #2b2219, 1.2px 3px 0 #231c14, 1.6px 4px 0 #1c1510, 2px 5px 0 #140f0b, 2.4px 6px 0 #0d0907, 2.8px 7px 0 #050302;--deep-orange:.4px 1px 0 #d95f18, .8px 2px 0 #d05b17, 1.2px 3px 0 #c85615, 1.6px 4px 0 #bf5214, 2px 5px 0 #b64d12, 2.4px 6px 0 #ad4810, 2.8px 7px 0 #a4440f, 3.2px 8px 0 #9c3f0d, 3.6px 9px 0 #933b0c, 4px 10px 0 #8a360a, 4.4px 11px 0 #813108, 4.8px 12px 0 #782d07, 5.2px 13px 0 #702805, 5.6px 14px 0 #672404, 6px 15px 0 #5e1f02;--deep-lime:.4px 1px 0 #89b624, .8px 2px 0 #82af22, 1.2px 3px 0 #7ca720, 1.6px 4px 0 #769f1d, 2px 5px 0 #6f971b, 2.4px 6px 0 #699019, 2.8px 7px 0 #638817, 3.2px 8px 0 #5c8015, 3.6px 9px 0 #567813, 4px 10px 0 #507111, 4.4px 11px 0 #49690f, 4.8px 12px 0 #43610c, 5.2px 13px 0 #3d590a, 5.6px 14px 0 #365208, 6px 15px 0 #304a06;--deep-cream:.4px 1px 0 #e0d0b1, .8px 2px 0 #dacaaa, 1.2px 3px 0 #d4c3a3, 1.6px 4px 0 #cdbd9d, 2px 5px 0 #c7b696, 2.4px 6px 0 #c1af8f, 2.8px 7px 0 #bba988, 3.2px 8px 0 #b5a281, 3.6px 9px 0 #af9c7a, 4px 10px 0 #a99573, 4.4px 11px 0 #a38e6c, 4.8px 12px 0 #9c8866, 5.2px 13px 0 #96815f, 5.6px 14px 0 #907b58, 6px 15px 0 #8a7451;--deep-metal:.4px 1px 0 #c7c0b2, .8px 2px 0 #c0b9ab, 1.2px 3px 0 #b8b1a3, 1.6px 4px 0 #b1aa9c, 2px 5px 0 #a9a294, 2.4px 6px 0 #a29b8c, 2.8px 7px 0 #9a9385, 3.2px 8px 0 #938c7d, 3.6px 9px 0 #8b8476, 4px 10px 0 #847d6e, 4.4px 11px 0 #7c7566, 4.8px 12px 0 #756e5f, 5.2px 13px 0 #6d6657, 5.6px 14px 0 #665f50, 6px 15px 0 #5e5748;--deep-ink:.4px 1px 0 #362b20, .8px 2px 0 #33281e, 1.2px 3px 0 #2f251b, 1.6px 4px 0 #2b2219, 2px 5px 0 #281f17, 2.4px 6px 0 #241c15, 2.8px 7px 0 #201913, 3.2px 8px 0 #1d1710, 3.6px 9px 0 #19140e, 4px 10px 0 #15110c, 4.4px 11px 0 #120e0a, 4.8px 12px 0 #0e0b08, 5.2px 13px 0 #0a0805, 5.6px 14px 0 #070503, 6px 15px 0 #030201;--well:inset 0 4px 7px rgba(var(--shade),.5), inset 3px 4px 3px rgba(var(--shade),.3), inset -1px -1px 0 #fffffff2, 0 2px 0 #fff, 0 0 0 1px rgba(var(--shade),.3);--glow-orange:0 0 0 1px #ff964659, 0 0 28px #f26a1b73, 0 0 90px #f26a1b4d;--glow-lime:0 0 0 1px #aadc4666, 0 0 28px #9bd12e80, 0 0 90px #9bd12e4d;--glow-sky:0 0 0 1px #78bef066, 0 0 28px #62aee380, 0 0 90px #62aee347;--bloom-orange:radial-gradient(closest-side, #ff80308c, #ff80302e 55%, transparent 100%);--bloom-lime:radial-gradient(closest-side, #aae13c8c, #aae13c2e 55%, transparent 100%);--bloom-sky:radial-gradient(closest-side, #6eb9f08c, #6eb9f02e 55%, transparent 100%);--mat-orange:linear-gradient(180deg, #ffa466 0%, #fa7f32 34%, #f06716 62%, #dc540c 86%, #c54709 100%);--mat-lime:linear-gradient(180deg, #d8f58a 0%, #b7e34d 34%, #9bd12e 62%, #86bc20 86%, #70a413 100%);--mat-acrylic:linear-gradient(180deg, #fff 0%, #fffcf6 50%, #f3eada 100%);--mat-metal:linear-gradient(180deg, #fff 0%, #ece6db 36%, #c9c1b3 50%, #e6dfd3 76%, #fbf8f1 100%);--mat-slab:linear-gradient(145deg, #fff 0%, #fffdf8 30%, #f9f2e4 70%, #efe4cf 100%);--glass-blur:14px;--glass-sat:1.9;--glass-env:linear-gradient(#ffffff29, #ffffff29), linear-gradient(168deg, #ffffffbf 0%, #ffffff38 22%, #fff0 38%, #ffecc82e 70%, #ffd69661 100%);--glass-tint-orange:#ff78246b;--glass-tint-lime:#a0da3270;--glass-tint-sky:#5aaae86b;--glass-rim:inset 0 1.5px 0 #fffffff2, inset 1.5px 0 0 #fff9, inset 0 0 0 1px #ffffff73, inset 0 -2px 0 #ffffff59;--glass-shadow:0 0 0 1px #ffffff59, 0 1px 1px rgba(var(--shade),.3), 6px 10px 10px -4px rgba(var(--shade),.34), 18px 30px 34px -12px rgba(var(--shade),.46), 40px 68px 70px -26px rgba(var(--shade),.4);--ease:cubic-bezier(.2,.8,.2,1);--dur-fast:.12s;--dur:.22s;--dur-slow:.42s;--focus:0 0 0 2px var(--ground-white), 0 0 0 4px var(--sky-500)}}
@layer design{*,:before,:after{box-sizing:border-box}body{font-family:var(--font-ui);font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink);background:var(--ground-0);-webkit-font-smoothing:antialiased;margin:0}code,kbd,.mono{font-family:var(--font-mono)}.page-lit{isolation:isolate;background:radial-gradient(1800px 1300px at 0 0,#fffcf2 0%,#fff9e4f0 16%,#fff1d08c 40%,#ffecc800 72%),radial-gradient(1100px 760px at 100% 0,#78b9ee6b,#78b9ee00 64%),radial-gradient(1500px 1100px at 50% 38%,#0000 40%,#6e4a1e29 100%),linear-gradient(#ebddbe 0%,#e0cea7 40%,#d3be95 100%);position:relative}.page-lit:after{content:"";z-index:5;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .25 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sun{pointer-events:none;filter:blur(1px)drop-shadow(0 0 22px #ffe2a0d9);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 var(--keep,55%),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 var(--keep,55%),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 var(--keep,55%),transparent 100%);background:linear-gradient(#fffff6 0%,#fffae0 46%,#ffefc4 100%);position:absolute}.sun--hot{background:radial-gradient(60% 50% at 8% 4%,#fff 0%,#fffdf0 40%,#fff6d8 100%)}.bloom{z-index:-1;pointer-events:none;filter:blur(10px);opacity:.9;border-radius:50%;position:absolute}.bloom--orange{background:var(--bloom-orange)}.bloom--lime{background:var(--bloom-lime)}.bloom--sky{background:var(--bloom-sky)}.slab{--bounce:#ceaa70;background:var(--mat-slab);border-radius:var(--r-lg);box-shadow:var(--e2);isolation:isolate;position:relative}.slab:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(135deg,#fff 0%,#fff 22%,#fff3 44%,#be965f00 58%,var(--bounce) 100%);-webkit-mask-composite:xor;padding:2.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.slab:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:var(--spec-hot), var(--spec-streak);position:absolute;inset:0}.well{border-radius:var(--r-md);box-shadow:var(--well);background:linear-gradient(#d9ccb4,#e9e1cf)}.glass{isolation:isolate;border-radius:var(--r-xl);--glass-tint:var(--glass-tint-sky);--glass-glow:#78bef58c;--glass-cast:#3c96e68c;background:var(--glass-env), linear-gradient(180deg, var(--glass-tint), var(--glass-tint));-webkit-backdrop-filter:blur(calc(var(--glass-blur) * 1.8)) url(#hawl-lens) blur(calc(var(--glass-blur) * 1.5)) saturate(var(--glass-sat)) brightness(1.06);backdrop-filter:blur(calc(var(--glass-blur) * 1.8)) url(#hawl-lens) blur(calc(var(--glass-blur) * 1.5)) saturate(var(--glass-sat)) brightness(1.06);box-shadow:inset 0 2.5px 0 #fff, inset 2.5px 0 0 #ffffffe6, inset 0 0 0 1px #ffffff8c, inset 7px 7px 10px -6px #ffffffd9, inset -7px -9px 12px -6px var(--glass-glow), inset 0 -3px 0 #fff6, 0 0 0 1px #2e1e0a66, 1px 2px 0 #ffffff59, 1.5px 4px 0 #2e1e0a4d, 2px 6px 3px rgba(var(--shade),.5), 8px 20px 20px -6px rgba(var(--shade),.4), 14px 36px 46px -6px var(--glass-cast), 40px 76px 76px -26px rgba(var(--shade),.42);position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(112deg,#fff0 22%,#ffffffd9 22.4% 25.5%,#fff0 26.2% 30%,#ffffff80 30.3% 31.4%,#fff0 31.9%),linear-gradient(#ffffff80,#fff0 40%),radial-gradient(60% 36% at 16% 0,#fff,#fff0 70%);position:absolute;inset:0}.glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff 0%,#fff 18%,#ffffff1a 46%,#fff0 60%,var(--glass-glow) 100%);-webkit-mask-composite:xor;padding:2.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass--orange{--glass-tint:var(--glass-tint-orange);--glass-glow:#ff8c3cbf;--glass-cast:#f26a1b9e}.glass--lime{--glass-tint:var(--glass-tint-lime);--glass-glow:#aae13cbf;--glass-cast:#8ccd1e99}.glass--sky{--glass-tint:var(--glass-tint-sky);--glass-glow:#78bef5b3;--glass-cast:#3c96e68c}.eyebrow{font:700 var(--t-micro)/1 var(--font-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2)}.windowlight{pointer-events:none;z-index:-1;transform-origin:30% 30%;filter:blur(7px);background:linear-gradient(90deg,#fff0 0 5%,#fffdee 5% 15%,#96693733 15% 17%,#fffbe6cc 17% 25%,#9669372e 25% 34%,#fffbe68c 34% 38%,#9669371f 38% 46%,#fff0 46%);width:1900px;height:1500px;position:absolute;top:-300px;left:-260px;transform:rotate(-28deg);-webkit-mask-image:linear-gradient(#000 0% 36%,#0000 78%);mask-image:linear-gradient(#000 0% 36%,#0000 78%)}.spill{pointer-events:none;z-index:1;mix-blend-mode:multiply;background:radial-gradient(closest-side,#ff70209e,#ff8c3c47 55%,#ff964600 100%);border-radius:50%;position:absolute}.spill--lime{background:radial-gradient(closest-side,#96d71e99,#aae13c42 55%,#aae13c00 100%)}.spill--core{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffc882bf,#ffaa5a4d 50%,#ffaa5a00 100%)}.cast{pointer-events:none;z-index:6;mix-blend-mode:multiply;background:radial-gradient(closest-side,#ff6010c7,#ff80306b 45%,#ff964600 100%);border-radius:50%;position:absolute}.cast--lime{background:radial-gradient(closest-side,#82cd0abd,#a0de3266 45%,#aae13c00 100%)}.cast--sky{background:radial-gradient(closest-side,#3c96e699,#64afeb52 45%,#6eb9f000 100%)}.cast--hot{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffe2aaf2,#ffbe6e73 45%,#ffb46400 100%)}.cast--hotlime{mix-blend-mode:screen;background:radial-gradient(closest-side,#ecffaaf2,#c8f06473 45%,#c8f06400 100%)}.fields{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fields>i{border-radius:50%;display:block;position:absolute}.fields .fo{background:radial-gradient(closest-side,#ff6e1c9e,#ff8c3c47 52%,#ff964600 100%)}.fields .fl{background:radial-gradient(closest-side,#96d71e6b,#aae13c33 52%,#aae13c00 100%)}.fields .fs{background:radial-gradient(closest-side,#5aafeb8c,#78bef03d 52%,#78bef000 100%)}.fields .fw{background:radial-gradient(closest-side,#fffff4,#fff8d6b3 50%,#fff4c800 100%)}.fields .band{filter:blur(6px);background:linear-gradient(90deg,#fff0 0 6%,#fffdeef2 6% 17%,#96693724 17% 19%,#fffbe6b3 19% 28%,#9669371f 28% 37%,#fffbe673 37% 42%,#fff0 42%);border-radius:0;transform:rotate(-28deg)}}
@layer design{:root{--lb-grain:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--lb-ink-on-orange:#2b0f02}.lbtn{--h:46px;--fs:15.5px;--padx:24px;--bead:calc(var(--h) * .6);--core:.7;--lift:0px;--wk:1;--wall-p:calc(.4px*var(--wk)) calc(1px*var(--wk)) 0 1px #c5530f, calc(.8px*var(--wk)) calc(2px*var(--wk)) 0 1px #a9440b, calc(1.2px*var(--wk)) calc(3px*var(--wk)) 0 1px #8e3708;--wall-s:calc(.4px*var(--wk)) calc(1px*var(--wk)) 0 1px #d7c7a6, calc(.8px*var(--wk)) calc(2px*var(--wk)) 0 1px #beab86, calc(1.2px*var(--wk)) calc(3px*var(--wk)) 0 1px #a49068;appearance:none;cursor:pointer;isolation:isolate;justify-content:center;align-items:center;gap:calc(var(--h) * .24);height:var(--h);padding:0 var(--padx);border-radius:calc(var(--h) * .36);font:650 var(--fs)/1 var(--font-ui);letter-spacing:-.006em;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transform:translateY(var(--lift));transition:transform .14s var(--ease), box-shadow .24s var(--ease), filter .24s var(--ease);border:0;margin:0;text-decoration:none;display:inline-flex;position:relative}.lbtn--s{--h:36px;--fs:14px;--padx:18px}.lbtn--l{--h:60px;--fs:18px;--padx:32px;--wk:1.3}.lbtn--xl{--h:92px;--fs:26px;--padx:52px;--wk:2.1}.lbtn--block{width:100%;display:flex}.lbtn:focus{outline:0}.lbtn:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;background-image:var(--lb-grain);mix-blend-mode:overlay;opacity:.32;background-size:180px;position:absolute;inset:0}.lbtn:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(135deg, #fff 0%, #fffffff2 14%, #fff0dc59 38%, #fff0 58%, var(--rim-far,#ff8c468c) 100%);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lbtn__core{border-radius:inherit;pointer-events:none;z-index:1;opacity:var(--core);transition:opacity .26s var(--ease);position:absolute;inset:0}.lbtn__gloss{height:calc(var(--h) * .56 - 3px);border-radius:calc(var(--h) * .36 - 3px);pointer-events:none;z-index:2;background:radial-gradient(calc(var(--h) * 1.1) calc(var(--h) * .3) at 18% 12%, #ffffffb3, #fff0 100%), linear-gradient(180deg, #ffffffa8 0%, #ffffff4d 52%, #ffffff12 100%);position:absolute;top:3px;left:3px;right:3px;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 .75px #ffffff47;-webkit-mask-image:linear-gradient(#000 0% 38%,#0000008c 68%,#0000 100%);mask-image:linear-gradient(#000 0% 38%,#0000008c 68%,#0000 100%)}.lbtn__label{z-index:5;display:inline-block;position:relative}.lbtn__bead{z-index:5;width:var(--bead);height:var(--bead);margin-right:calc(var(--h) * -.14);transition:transform .14s var(--ease);background:radial-gradient(circle at 30% 24%,#fffffff2 0 9%,#fff0 34%),linear-gradient(160deg,#eafba6 0%,#b5e24c 42%,#86b91d 78%,#6c9a12 100%);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #fff,inset 0 -2px 3px #28500073,0 0 0 1px #2e4e02bf,.5px 1.5px 1px #3c0e008c,1.5px 5px 6px -1px #46140073,0 0 14px #bef046b3}.lbtn__bead svg{stroke:#1e3300;stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #fff9);width:52%;height:52%}.lbtn--s .lbtn__bead{display:none}.lbtn--primary{color:var(--lb-ink-on-orange);text-shadow:0 1px #ffdcb0bf;z-index:2;margin-bottom:calc(var(--h) * .1);box-shadow:inset 0 1.5px 0 #fff6e8f2, inset 1.5px 0 0 #ffdeb8b3, inset -1px 0 0 #78240059, inset 0 -4px 6px #7824006b, inset 0 0 14px #ffaa6440, 0 0 0 1px #682203e6, var(--wall-p), 1.5px 4px 2px 0 #3a1000a6, 5px 12px 12px -3px #561a0080, 14px 26px 30px -10px rgba(var(--shade),.5);--rim-far:#ff7828b3;background:linear-gradient(#ffaa68 0%,#fc8434 28%,#f36c1b 56%,#e45b10 82%,#d0500b 100%)}.lbtn--primary .lbtn__core{background:radial-gradient(calc(var(--h) * 2.3) calc(var(--h) * 1.15) at 30% 14%, #fffce8 0%, #ffecb0eb 18%, #ffb86480 46%, #ff964600 100%);mix-blend-mode:screen}.lbtn--primary:active,.lbtn--primary.is-pressed{--core:.12;--lift:calc(var(--h) * .075);filter:brightness(.93)saturate(.96);box-shadow:inset 0 3px 8px #641c009e,inset 0 1px 2px #641c0080,inset 0 -1px #ffc89659,0 0 0 1px #682203e6,.4px 1px 0 1px #a9440b,1px 2px 2px #3a10008c,3px 6px 8px -2px #561a0061,0 8px 16px -4px #f26a1b73}.lbtn--primary:active .lbtn__gloss,.lbtn--primary.is-pressed .lbtn__gloss{opacity:.4}.lbtn--primary:active .lbtn__bead,.lbtn--primary.is-pressed .lbtn__bead{transform:translateY(1px)scale(.97)}.lbtn--secondary{color:var(--ink);text-shadow:0 1px #ffffffe6;margin-bottom:calc(var(--h) * .08);--rim-far:#c49660b3;box-shadow:inset 0 1.5px 0 #fff, inset 1.5px 0 0 #ffffffe6, inset -1px 0 0 #a076404d, inset 0 -4px 5px #a0764038, 0 0 0 1px #462e0e75, var(--wall-s), 1.5px 4px 2px 0 rgba(var(--shade),.5), 5px 11px 11px -3px rgba(var(--shade),.38), 14px 24px 28px -10px rgba(var(--shade),.42);background:linear-gradient(#fff 0%,#fffcf6 42%,#f6eedf 78%,#eadfcb 100%)}.lbtn--secondary .lbtn__core{background:radial-gradient(calc(var(--h) * 2) calc(var(--h) * 1.1) at 30% 14%, #ffce96cc 0%, #ffe2be80 40%, #fff0dc00 100%);--core:0}.lbtn--secondary:active,.lbtn--secondary.is-pressed{--lift:calc(var(--h) * .07);filter:brightness(.97);box-shadow:inset 0 3px 7px #6e4e225c, inset 0 1px 2px #6e4e224d, inset 0 -1px 0 #fff, 0 0 0 1px #462e0e75, .4px 1px 0 1px #beab86, 1px 2px 2px 0 rgba(var(--shade),.4), 3px 6px 8px -2px rgba(var(--shade),.28)}.lbtn[disabled],.lbtn.is-disabled{cursor:not-allowed;pointer-events:none;--lift:0px;--core:0;filter:none;color:#8e826f;text-shadow:0 1px #ffffffd9;--rim-far:#b4a07866;box-shadow:inset 0 1.5px 0 #fffffff2, inset 0 -3px 4px #78603824, 0 0 0 1px #503a1c42, .4px 1px 0 1px #cdbf9f, .8px 2px 0 1px #bcad8a, 1.5px 4px 3px rgba(var(--shade),.22);background:linear-gradient(#efe8d8 0%,#e4dac5 60%,#d9ceb6 100%)}.lbtn[disabled] .lbtn__gloss,.lbtn.is-disabled .lbtn__gloss{opacity:.35}.lbtn[disabled] .lbtn__bead,.lbtn.is-disabled .lbtn__bead{filter:grayscale()brightness(1.12)contrast(.8);box-shadow:inset 0 1px 0 #fff, inset 0 -2px 3px #5046324d, 0 0 0 1px #50463266, 1px 2px 2px rgba(var(--shade),.3)}.lbtn.is-loading{pointer-events:none;cursor:progress}.lbtn.is-loading .lbtn__core{animation:1.6s ease-in-out infinite lbtn-breathe}.lbtn.is-loading .lbtn__bead{display:none}.lbtn__spin{z-index:5;width:calc(var(--h) * .38);height:calc(var(--h) * .38);border:2.5px solid #2b0f02;border-color:#2b0f02 #2b0f0299 #3c140038 #3c140038;border-radius:50%;flex:none;animation:.8s linear infinite lbtn-spin;position:relative}@keyframes lbtn-spin{to{transform:rotate(360deg)}}@keyframes lbtn-breathe{0%,to{opacity:.5}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){.lbtn__spin,.lbtn.is-loading .lbtn__core{animation:none}.lbtn{transition:none}}.lrow{isolation:isolate;align-items:center;gap:22px;display:inline-flex;position:relative}.lrow__hue{z-index:-1;pointer-events:none;filter:blur(18px);border-radius:50%;position:absolute}.lrow__hue--lime{background:radial-gradient(closest-side,#a0de328c,#aae13c00 100%)}.lrow__hue--sky{background:radial-gradient(closest-side,#6eb9f099,#78bef000 100%)}.lrow__hue--sun{background:radial-gradient(closest-side,#ffe28ccc,#ffe28c00 100%)}.dark-glass{box-shadow:inset 0 1.5px 0 #ffffff59, inset 1.5px 0 0 #ffffff2e, inset 0 -3px 6px #00000080, 0 0 0 1px #0e0802d9, var(--e1);background:linear-gradient(160deg,#4a3f34 0%,#2a231b 50%,#1b1611 100%)!important}.lbtn__gloss{border-radius:inherit!important}.lrow__ground,.lrow__hue{display:none!important}}
@layer design{:root{--xb-grain:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--xb-red:#d7392a;--xb-red-ink:#a8271a;--xb-glow-red:230,74,52}.xbtn{--h:44px;--fs:15px;--padx:20px;--wk:1;--core:.55;--lift:0px;--rim-far:#c49660b3;appearance:none;cursor:pointer;isolation:isolate;height:var(--h);padding:0 var(--padx);border-radius:calc(var(--h) * .34);font:650 var(--fs)/1 var(--font-ui);letter-spacing:-.006em;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;color:var(--ink);transform:translateY(var(--lift));transition:transform .14s var(--ease), box-shadow .24s var(--ease), filter .24s var(--ease), background-color .24s var(--ease), color .2s var(--ease);border:0;justify-content:center;align-items:center;gap:9px;margin:0;text-decoration:none;display:inline-flex;position:relative}.xbtn--s{--h:36px;--fs:14px;--padx:15px;gap:7px}.xbtn--l{--h:56px;--fs:17px;--padx:28px;--wk:1.25;gap:11px}.xbtn--block{width:100%;display:flex}.xbtn:focus{outline:0}.xbtn .g{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;z-index:5;flex:none;width:1.2em;height:1.2em;position:relative}.xbtn__label{z-index:5;display:inline-block;position:relative}.xbtn:after,.xicon:after,.xseg__thumb:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;background-image:var(--xb-grain);mix-blend-mode:overlay;opacity:.3;background-size:180px;position:absolute;inset:0}.xbtn:before,.xicon:before,.xseg__thumb:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(135deg,#fff 0%,#fffffff2 14%,#fff4e459 38%,#fff0 58%,var(--rim-far) 100%);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.xbtn--secondary{--rim-far:#58aad6d9;--wall-s:calc(.4px*var(--wk)) calc(1px*var(--wk)) 0 1px #c4e4f2, calc(.8px*var(--wk)) calc(2px*var(--wk)) 0 1px #93c6de, calc(1.2px*var(--wk)) calc(3px*var(--wk)) 0 1px #6fa9c6;--env-x:30%;text-shadow:0 1px #ffffffe6,0 0 10px #ffffff80;margin-bottom:calc(var(--h) * .08);background:radial-gradient(calc(var(--h) * 1.7) calc(var(--h) * .62) at 30% 14%, rgba(255,255,255,calc(var(--core) * 1.3)), #fff0 72%), radial-gradient(40% 46% at 8% 0%, #fff, #fff0 100%), linear-gradient(112deg, #fff0 52%, #ffffff9e 55%, #ffffff9e 58.5%, #fff0 62%), linear-gradient(90deg, #fff0 82%, #ffa05a57 100%), url(/design/scene/env-yard-glass.webp) var(--env-x) 30% / 260% 230% no-repeat, linear-gradient(180deg, #78c4f89e 0%, #96d6f475 46%, #b0e6889e 100%);-webkit-backdrop-filter:blur(15px)saturate(2.3)brightness(1.04);backdrop-filter:blur(15px)saturate(2.3)brightness(1.04);box-shadow:inset 0 1.5px 0 #fff, inset 1.5px 0 0 #ffffffd9, inset 0 0 0 1px #fff6, inset 0 -6px 9px -2px #96de409e, inset -5px -4px 9px -3px #ff96486b, inset 3px 3px 8px -4px #ffffffb3, 0 0 0 1px #1e608c80, var(--wall-s), 1.5px 6px 2px 0 rgba(var(--shade),.38), 6px 15px 14px -4px #246ea057, 16px 30px 32px -12px rgba(var(--shade),.3), 0 14px 30px -6px #8cd64657}.xbtn--secondary:active,.xbtn--secondary.is-pressed{--core:.1;--lift:calc(var(--h) * .07);--env-x:20%;filter:brightness(.96)saturate(1.05);box-shadow:inset 0 3px 7px #1e56826b, inset 0 1px 2px #1e568257, inset 0 -1px 0 #ffffffe6, inset 0 -4px 8px -3px #96de4066, 0 0 0 1px #1e608c80, .4px 1px 0 1px #8fc3db, 1px 2px 2px 0 rgba(var(--shade),.36), 3px 6px 8px -2px #246ea042}.xbtn--quiet{--rim-far:#c4966080;color:var(--ink-2);text-shadow:0 1px #fffffff2,0 -1px #7854241a;margin-bottom:calc(var(--h) * .06);background:radial-gradient(calc(var(--h) * 1.7) calc(var(--h) * .62) at 30% 14%, rgba(255,255,255,calc(var(--core) * .9)), #fff0 72%), radial-gradient(50% 50% at 9% 0%, #fffffff2, #fff0 100%), linear-gradient(180deg, #fcf8ee 0%, #f3ead6 55%, #e8dcc2 100%);box-shadow:inset 0 1.5px 0 #fff, inset 1.5px 0 0 #ffffffd9, inset -1px 0 0 #a076403d, inset 0 -3px 5px #a0764029, 0 0 0 1px #462e0e4d, calc(.4px*var(--wk)) calc(1px*var(--wk)) 0 1px #daccab, calc(.8px*var(--wk)) calc(2px*var(--wk)) 0 1px #c4b28e, 1px 4px 2px 0 rgba(var(--shade),.26), 4px 10px 10px -4px rgba(var(--shade),.2)}.xbtn--quiet:before{opacity:.85}.xbtn--quiet:after{opacity:.22}.xbtn--quiet:active,.xbtn--quiet.is-pressed{--core:.1;--lift:calc(var(--h) * .05);color:var(--ink);box-shadow:var(--well);background:linear-gradient(#dccfb5,#e9e0cc)}.xbtn--quiet:active:before,.xbtn--quiet.is-pressed:before{opacity:0}.xbtn--danger{--core:.7;--rim-far:#ff6e5099;--wall-d:calc(.4px*var(--wk)) calc(1px*var(--wk)) 0 1px #b52a1b, calc(.8px*var(--wk)) calc(2px*var(--wk)) 0 1px #98200f, calc(1.2px*var(--wk)) calc(3px*var(--wk)) 0 1px #7c170a;color:#fff;text-shadow:0 1px 1px #5a0a008c;margin-bottom:calc(var(--h) * .1);background:radial-gradient(calc(var(--h) * 1.9) calc(var(--h) * .78) at 30% 14%, rgba(255,205,180,calc(var(--core) * .78)), #ffa08200 74%), radial-gradient(60% 46% at 10% 0%, #ffe2d6cc, #ffe2d600 100%), linear-gradient(180deg, #ffffff4d 0%, #ffffff0d 45%, #fff0 46%), linear-gradient(180deg, #ff8a70 0%, #f0583f 32%, #d7392a 64%, #bb2a1c 100%);box-shadow:inset 0 2px 0 #ffece2f2, inset 2px 0 0 #ffc8b4b3, inset -1px 0 0 #640a0059, inset 0 -5px 7px #640a0066, inset 0 0 0 1px #ff967840, 0 0 0 1px #601006e6, var(--wall-d), 1.5px 7px 2px 0 #46080080, 5px 16px 14px -4px #78100473, 8px 26px 40px -4px rgba(var(--xb-glow-red),.55)}.xbtn--danger:active,.xbtn--danger.is-pressed{--core:.12;--lift:calc(var(--h) * .075);filter:brightness(.93)saturate(.96);box-shadow:inset 0 3px 8px #5a06009e, inset 0 1px 2px #5a060080, inset 0 -1px 0 #ffbeaa59, 0 0 0 1px #601006e6, .4px 1px 0 1px #98200f, 1px 2px 2px 0 #3a06008c, 3px 6px 8px -2px #640c0261, 0 8px 16px -4px rgba(var(--xb-glow-red),.4)}.xbtn--danger-soft{color:var(--xb-red-ink)}.xbtn--danger-soft:hover,.xbtn--danger-soft.is-hover{color:#8f1d11}.xbtn[disabled],.xbtn.is-disabled{cursor:not-allowed;pointer-events:none;--lift:0px;--core:0;filter:none;color:#928672;text-shadow:0 1px #ffffffd9;-webkit-backdrop-filter:none;backdrop-filter:none;--rim-far:#b4a07859;box-shadow:inset 0 1.5px 0 #ffffffe6, inset 0 -2px 3px #6e542c24, 0 0 0 1px #50381842, .4px 1px 0 1px #d2c4a2, .8px 2px 0 1px #bfaf8a, 1px 4px 3px rgba(var(--shade),.2);background:linear-gradient(#efe8d8 0%,#e4dac5 60%,#d9ceb6 100%)}.xbtn--quiet[disabled],.xbtn--quiet.is-disabled{color:#a99d88}.xicon{--s:44px;--core:.55;--lift:0px;--rim-far:#c49660b3;appearance:none;cursor:pointer;isolation:isolate;width:var(--s);height:var(--s);color:var(--ink-2);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transform:translateY(var(--lift));transition:transform .14s var(--ease), box-shadow .24s var(--ease), filter .24s var(--ease), color .2s var(--ease);background:radial-gradient(calc(var(--s) * .62) calc(var(--s) * .4) at 32% 20%, rgba(255,255,255,calc(var(--core) * 1.45)), #fff0 100%), radial-gradient(circle at 30% 22%, #fff 0 9%, #fff0 38%), radial-gradient(90% 70% at 50% 118%, #d6be929e, #d6be9200 62%), linear-gradient(165deg, #fff 0%, #fbf5e8 46%, #ebdfc6 100%);box-shadow:inset 0 1.5px 0 #fff, inset 1.5px 0 0 #ffffffe6, inset -1px -1px 0 #a076404d, inset 0 -5px 7px #a0764033, 0 0 0 1px #462e0e75, .4px 1px 0 1px #d9cbab, .8px 2px 0 1px #c2b08c, 1.2px 3px 0 1px #a89570, 1.5px 6px 2px 0 rgba(var(--shade),.44), 5px 13px 12px -3px rgba(var(--shade),.34), 14px 26px 28px -10px rgba(var(--shade),.34);border:0;border-radius:50%;place-items:center;margin:0 0 4px;padding:0;display:inline-grid;position:relative}.xicon .g{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;z-index:5;filter:drop-shadow(0 1px #fffffff2);width:20px;height:20px;position:relative}.xicon--s{--s:36px}.xicon--s .g{width:17px;height:17px}.xicon:focus{outline:0}.xicon:hover,.xicon.is-hover{color:var(--ink)}.xicon:active,.xicon.is-pressed{--core:.1;--lift:3px;filter:brightness(.97);color:var(--ink);box-shadow:inset 0 3px 7px #6e4e226b, inset 0 1px 2px #6e4e2252, inset 0 -1px 0 #fff, 0 0 0 1px #462e0e75, .4px 1px 0 1px #beab86, 1px 2px 2px 0 rgba(var(--shade),.4), 2px 5px 6px -2px rgba(var(--shade),.26)}.xicon[disabled],.xicon.is-disabled{cursor:not-allowed;pointer-events:none;--lift:0px;--core:0;filter:none;color:#a09580;box-shadow:inset 0 1.5px 0 #ffffffe6, inset 0 -2px 3px #6e542c24, 0 0 0 1px #50381842, .4px 1px 0 1px #d2c4a2, .8px 2px 0 1px #bfaf8a, 1px 4px 3px rgba(var(--shade),.2);background:linear-gradient(#efe8d8,#ddd2bb)}.xicon[disabled] .g,.xicon.is-disabled .g{filter:drop-shadow(0 1px #fffc)}.xicon--danger{color:var(--xb-red-ink)}.xicon--danger:hover,.xicon--danger.is-hover{color:#8f1d11}.xseg{--n:3;--i:0;--pad:5px;--h:50px;--ty:0px;isolation:isolate;grid-template-columns:repeat(var(--n),minmax(0,1fr));height:var(--h);padding:var(--pad);box-shadow:var(--well), inset 0 0 14px rgba(var(--shade),.12);transition:box-shadow .24s var(--ease);background:linear-gradient(#d6c8ad 0%,#e4dac4 60%,#ece4d1 100%);border-radius:18px;align-items:stretch;display:inline-grid;position:relative}.xseg__thumb{--rim-far:#ff8c4699;z-index:1;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad)) / var(--n));transform:translate(calc(var(--i) * 100%), var(--ty));transition:transform .36s cubic-bezier(.3,1.3,.4,1), box-shadow .2s var(--ease), filter .2s var(--ease);box-shadow:inset 0 1.5px 0 #fff, inset 1.5px 0 0 #ffffffe6, inset -1px 0 0 #a076404d, inset 0 -4px 6px #a0764033, 0 0 0 1px #462e0e80, .4px 1px 0 1px #d9cbab, .8px 2px 0 1px #c2b08c, 1.2px 3px 0 1px #a89570, 1.5px 6px 3px 0 rgba(var(--shade),.5), 5px 12px 12px -3px rgba(var(--shade),.34);background:radial-gradient(60% 52% at 12% 0,#fff,#fff0 100%),linear-gradient(112deg,#fff0 58%,#ffffff8c 61% 65%,#fff0 68%),linear-gradient(#fff 0%,#fffcf5 44%,#f6eedd 80%,#eadfc8 100%);border-radius:13px;position:absolute}.xseg__led{z-index:6;pointer-events:none;background:linear-gradient(#ffd7b0 0%,#ff9a52 40%,#f26a1b 100%);border-radius:3px;width:26px;height:4px;margin-left:-13px;position:absolute;bottom:5px;left:50%;box-shadow:0 0 0 1px #6e28048c,0 0 8px 1px #ff8232f2,0 0 22px 3px #ff7828a6,0 9px 18px 3px #ff782873}.xseg__opt{appearance:none;z-index:2;cursor:pointer;font:650 14.5px/1 var(--font-ui);letter-spacing:-.005em;color:var(--ink-3);white-space:nowrap;text-shadow:0 1px #fffc;transition:color .2s var(--ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 20px 3px;display:flex;position:relative}.xseg__opt:focus{outline:0}.xseg__opt .g{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:stroke .2s var(--ease);flex:none}.xseg__opt[aria-checked=true]{color:var(--ink);text-shadow:0 1px #fff}.xseg__opt[aria-checked=true] .g{stroke:#d55510;filter:drop-shadow(0 0 5px #ff823299)}.xseg__opt:not([aria-checked=true]):hover,.xseg__opt.is-hover:not([aria-checked=true]){color:var(--ink);background:radial-gradient(70% 90% at 50% 20%,#ffffff9e,#fff0 100%)}.xseg.is-pressed{--ty:2px}.xseg.is-pressed .xseg__thumb{filter:brightness(.97);box-shadow:inset 0 2px 5px #6e4e224d, inset 0 -1px 0 #fff, 0 0 0 1px #462e0e80, .4px 1px 0 1px #beab86, 1px 3px 2px 0 rgba(var(--shade),.4), 3px 6px 7px -2px rgba(var(--shade),.26)}.xseg.is-pressed .xseg__led{opacity:.55}.xseg:has(.xseg__opt:active) .xseg__thumb{filter:brightness(.97)}.xseg--s{--h:40px;--pad:4px;border-radius:14px}.xseg--s .xseg__opt{padding:0 14px 2px;font-size:13.5px}.xseg--s .xseg__thumb{border-radius:10px}.xseg--block{width:100%;display:grid}.xseg.is-disabled{pointer-events:none}.xseg.is-disabled .xseg__thumb{filter:none;box-shadow:inset 0 1.5px 0 #ffffffd9, 0 0 0 1px #50381842, .4px 1px 0 1px #d2c4a2, 1px 3px 3px rgba(var(--shade),.2);background:linear-gradient(#f1eadb,#e3d9c3)}.xseg.is-disabled .xseg__led{background:#cfc4ab;box-shadow:inset 0 1px 1px #503c1e4d,0 0 0 1px #50381840}.xseg.is-disabled .xseg__opt{color:#a09580}.xseg.is-disabled .xseg__opt[aria-checked=true] .g{stroke:#a09580;filter:none}.xbar{align-items:center;gap:14px;padding:0;display:flex;position:relative}.xbar__sp{flex:1}.xbar__vr{background:#462e0e33;flex:none;width:1px;height:28px}.xrow{align-items:center;gap:12px;display:flex}.xbtn--xl{--h:84px;--fs:26px;--padx:46px;--wk:2.2;border-radius:30px;gap:16px}.xbtn--xl .g{stroke-width:1.8px}.xbtn--secondary.xbtn--xl{--wall-s:.9px 2.2px 0 1px #c4e4f2, 1.8px 4.4px 0 1px #93c6de, 2.6px 6.6px 0 1px #6fa9c6;box-shadow:inset 0 2.5px 0 #fff, inset 2.5px 0 0 #ffffffd9, inset 0 0 0 1px #fff6, inset 0 -12px 16px -3px #96de409e, inset -9px -7px 16px -5px #ff964870, inset 5px 5px 14px -6px #ffffffb3, 0 0 0 1px #1e608c80, var(--wall-s), 3px 12px 4px 0 rgba(var(--shade),.36), 12px 30px 26px -8px #246ea057, 30px 60px 60px -22px rgba(var(--shade),.3), 0 24px 90px 0 #82cd4657, 30px 30px 110px 10px #ff966e42;margin-bottom:12px}.xbtn--quiet.xbtn--xl{box-shadow:inset 0 2.5px 0 #fff, inset 2.5px 0 0 #ffffffd9, inset -1.5px 0 0 #a076403d, inset 0 -7px 10px #a0764029, 0 0 0 1px #462e0e4d, .9px 2.2px 0 1px #daccab, 1.8px 4.4px 0 1px #c4b28e, 2px 9px 4px 0 rgba(var(--shade),.26), 8px 22px 22px -6px rgba(var(--shade),.22)}.xseg--xl{--h:88px;--pad:8px;border-radius:32px}.xseg--xl .xseg__thumb{box-shadow:inset 0 2.5px 0 #fff, inset 2.5px 0 0 #ffffffe6, inset -1.5px 0 0 #a076404d, inset 0 -8px 11px #a0764033, 0 0 0 1px #462e0e80, .8px 2px 0 1px #d9cbab, 1.6px 4px 0 1px #c2b08c, 2.4px 6px 0 1px #a89570, 3px 11px 5px 0 rgba(var(--shade),.5), 10px 22px 20px -5px rgba(var(--shade),.34);border-radius:24px}.xseg--xl .xseg__opt{border-radius:24px;gap:12px;padding:0 40px 5px;font-size:23px}.xseg--xl .xseg__opt .g{width:28px;height:28px}.xseg--xl .xseg__led{border-radius:4px;width:46px;height:6px;margin-left:-23px;bottom:8px}.xicon--xl{--s:84px;margin-bottom:8px}.xicon--xl .g{width:34px;height:34px}}
@layer design{:root{--g-scene:none;--g-grain:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--g-ink:#17120d;--g-ink-2:#2e251b;--g-shade:18,34,58}.glass-scene{isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff8c, 0 0 0 1px #3a240a66, 1px 2px 2px rgba(var(--shade),.4), 6px 14px 14px -4px rgba(var(--shade),.32), 28px 56px 60px -20px rgba(var(--shade),.45);background-color:#8fc4ea;background-position:50%;background-size:cover;border-radius:36px;position:relative;overflow:hidden}.glass-scene:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(900px 520px at 4% -8%,#fffae18c,#fffae100 70%);position:absolute;inset:0}.glass-scene>*{z-index:1;position:relative}.glass{--gr:28px;--tint-a:#ffffff29;--tint-b:#ffffff0d;--tint-edge:#ffffff57;--glow:rgba(var(--g-shade),.3);--rim:#fff;--refl:.38;--bevel:#ffffffd9;--dark:#1e325038;--blur:2px;--sat:1.7;isolation:isolate;border-radius:var(--gr);color:var(--g-ink);background:linear-gradient(142deg, var(--tint-edge) 0%, var(--tint-a) 26%, var(--tint-b) 62%, var(--tint-a) 100%);-webkit-backdrop-filter:blur(calc(var(--blur) * 3)) saturate(var(--sat)) brightness(1.07);backdrop-filter:blur(calc(var(--blur) * 3)) saturate(var(--sat)) brightness(1.07);box-shadow:inset 0 0 0 1px #ffffff57,  inset 2.5px 3px 1px -1.5px var(--rim),  inset 6px 8px 14px -8px #fffffff2,  inset -2px -2.5px 1px -1.5px #ffffffb3,  inset -9px -12px 20px -12px var(--dark),  inset 0 0 22px 2px #fff3,  0 0 0 .5px rgba(var(--g-shade),.38),  0 1.5px 2px rgba(var(--g-shade),.3),  5px 11px 16px -6px var(--glow),  20px 42px 56px -18px var(--glow);position:relative}.glass:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg, #ffffff9e 0%, #ffffff29 15%, #fff0 31%, #fff0 66%, #ffffff24 82%, #ffffff4d 100%), var(--g-scene) var(--rx,50%) var(--ry,2%) / var(--rs,190%) auto no-repeat;opacity:1;mix-blend-mode:normal;filter:blur(2px)saturate(1.5);opacity:var(--refl);position:absolute;inset:0;-webkit-mask:linear-gradient(142deg,#000 0%,#000000b3 30%,#0000002e 58%,#00000080 100%);mask:linear-gradient(142deg,#000 0%,#000000b3 30%,#0000002e 58%,#00000080 100%)}.glass:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(34px 16px at 13% 3.5%, #fffffff2, #fff0 100%), radial-gradient(60% 40% at 6% 0%, #ffffff6b, #fff0 100%), linear-gradient(112deg, #fff0 40%, #ffffff57 47%, #fff0 54%), var(--g-grain);background-blend-mode:normal,normal,normal,overlay;mix-blend-mode:normal;position:absolute;inset:0}.glass__rim{border-radius:inherit;pointer-events:none;z-index:4;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff 0%,#ffffff8c 20%,#ffffff1a 44% 62%,#ffffffbf 100%);padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass__in{z-index:2;position:relative}.glass--clear{--tint-a:#ffffff21;--tint-b:#ffffff0a}.glass--orange{--tint-a:#ff802c8f;--tint-b:#ffa04c66;--tint-edge:#ffc48c9e;--glow:#ee601285;--dark:#96340057;--rim:#ffe9d0}.glass--lime{--tint-a:#a0dc2885;--tint-b:#beec505c;--tint-edge:#defa969e;--glow:#6eaa0a80;--dark:#3c640052;--rim:#f6ffd6}.glass--sky{--tint-a:#46a0eb80;--tint-b:#78bef657;--tint-edge:#bee4ffa3;--glow:#1e6ec880;--dark:#0a3c8252;--rim:#e6f5ff}.glass--frost{--tint-a:#ffffff85;--tint-b:#ffffff57;--tint-edge:#ffffffb3;--blur:16px;--refl:.3}.glass--frost.glass--orange{--tint-a:#ffaa648f;--tint-b:#ffc49680;--tint-edge:#ffe0bec7}.glass--frost.glass--lime{--tint-a:#cdf07894;--tint-b:#e1faaa80;--tint-edge:#f0ffc8cc}.glass--frost.glass--sky{--tint-a:#a0d4fa94;--tint-b:#c8e6fc80;--tint-edge:#e4f4ffd1}.glass--pill{--gr:999px}.glass--sheet{--gr:34px}.glass--hover{--glow:rgba(var(--g-shade),.38)}.g-item{height:44px;font:560 15px/1 var(--font-ui);color:var(--g-ink);isolation:isolate;cursor:pointer;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);border-radius:14px;align-items:center;gap:12px;padding:0 14px;display:flex;position:relative}.g-item .n{font:600 12.5px/1 var(--font-ui);color:var(--g-ink-2);opacity:.82;margin-left:auto}.g-item i.ic{opacity:.85;flex:none;width:20px;height:20px;display:block}.g-item.is-on{background:linear-gradient(#d6fa78e6 0%,#a8de32c7 52%,#8cc41ed1 100%);font-weight:650;box-shadow:inset 0 0 0 1px #ffffff80,inset 2px 2px #fffffff2,inset -1px -2px #5a8c008c,inset 0 -8px 12px -6px #46780066,0 0 0 .5px #3c64008c,0 1px 2px #28500066,0 8px 20px -4px #8cc81eb3}.g-item.is-on:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#ffffffbf,#ffffff1a);border-radius:12px 12px 20px 20px;height:44%;position:absolute;top:2px;left:8px;right:8px}.g-chip{height:30px;font:600 13px/1 var(--font-ui);color:var(--g-ink);box-shadow:inset 1.5px 1.5px 0 #fff,inset -1px -1.5px 0 #ffffff80,inset 0 -5px 8px -4px rgba(var(--g-shade),.18),0 0 0 .5px rgba(var(--g-shade),.35),0 2px 3px rgba(var(--g-shade),.22);background:linear-gradient(#ffffffb3,#ffffff4d);border-radius:999px;align-items:center;gap:7px;padding:0 13px;display:inline-flex;position:relative}.g-chip .d{background:radial-gradient(circle at 35% 30%,#fff 0,#e7ff9d 20%,#9bd12e 60%,#6a9a12);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 .5px #3c640099,0 0 8px 2px #a0e132cc}.g-chip .d--o{background:radial-gradient(circle at 35% 30%,#fff 0,#ffd9b0 20%,#f26a1b 62%,#b84508);box-shadow:0 0 0 .5px #82320099,0 0 8px 2px #ff8232cc}.g-round{width:52px;height:52px;color:var(--g-ink);cursor:pointer;appearance:none;--tint-a:#fff3;--tint-b:#ffffff0f;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.g-round svg{z-index:2;width:22px;height:22px;position:relative}.g-round--sm{width:40px;height:40px}.g-round--sm svg{width:18px;height:18px}.g-switch{--w:58px;--h:34px;width:var(--w);height:var(--h);cursor:pointer;isolation:isolate;box-shadow:inset 0 2px 5px rgba(var(--g-shade),.45),inset 0 -1px 0 #ffffffb3,0 0 0 .5px rgba(var(--g-shade),.4),0 1px 0 #ffffffa6;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);background:linear-gradient(#283c5a47,#ffffff61);border-radius:999px;flex:none;display:inline-block;position:relative}.g-switch:after{content:"";width:calc(var(--h) - 6px);height:calc(var(--h) - 6px);z-index:2;box-shadow:inset 0 -3px 5px #3c5a8238,inset 1px 1.5px 0 #fff,0 0 0 .5px rgba(var(--g-shade),.45),0 3px 6px rgba(var(--g-shade),.38),0 1px 1px rgba(var(--g-shade),.4);transition:transform var(--dur) var(--ease);background:radial-gradient(circle at 32% 24%,#fff 0,#fffffff5 22%,#ecf4fce6 55%,#c8daeceb 100%);border-radius:50%;position:absolute;top:3px;left:3px}.g-field{height:46px;font:500 15px/1 var(--font-ui);color:var(--g-ink);box-shadow:inset 0 2px 5px rgba(var(--g-shade),.35),inset 0 -1px 0 #ffffffbf,0 0 0 .5px rgba(var(--g-shade),.35);background:linear-gradient(#28466e2e,#ffffff52);border-radius:14px;align-items:center;gap:10px;padding:0 16px;display:flex}.g-field span{opacity:.62}.g-sep{background:linear-gradient(90deg,#fff0,rgba(var(--g-shade),.28) 20%,rgba(var(--g-shade),.28) 80%,#fff0);height:1px;margin:6px 8px;box-shadow:0 1px #ffffffb3}.g-btn{appearance:none;cursor:pointer;height:42px;font:620 14.5px/1 var(--font-ui);color:var(--g-ink);isolation:isolate;box-shadow:inset 2px 2px 0 #fff,inset -1px -2px 0 #ffffff8c,inset 0 -6px 9px -5px rgba(var(--g-shade),.22),0 0 0 .5px rgba(var(--g-shade),.45),0 1.5px 2px rgba(var(--g-shade),.3),0 8px 14px -5px rgba(var(--g-shade),.35);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease);background:linear-gradient(#ffffffc7,#ffffff57);border:0;border-radius:999px;padding:0 20px;position:relative}.g-btn:hover,.g-btn.is-hover{box-shadow:inset 2px 2px 0 #fff,inset -1px -2px 0 #fff9,0 0 0 .5px rgba(var(--g-shade),.45),0 2px 3px rgba(var(--g-shade),.3),0 10px 24px -4px #fffffff2,0 12px 18px -5px rgba(var(--g-shade),.35);background:linear-gradient(#fff,#ffffff85)}.g-btn:active,.g-btn.is-pressed{box-shadow:inset 0 3px 6px rgba(var(--g-shade),.35),inset 0 -1px 0 #ffffffb3,0 0 0 .5px rgba(var(--g-shade),.45),0 1px 1px rgba(var(--g-shade),.25);background:linear-gradient(#ffffff73,#ffffff9e);transform:translateY(1.5px)}.g-btn:focus-visible,.g-btn.is-focus{box-shadow:var(--focus),inset 2px 2px 0 #fff;outline:0}.g-btn[disabled],.g-btn.is-disabled{opacity:.55;cursor:default;filter:saturate(.4)}.g-tabs{--gr:999px;border-radius:999px;gap:2px;padding:6px;display:flex}.g-tab{height:58px;font:600 11.5px/1 var(--font-ui);color:var(--g-ink);isolation:isolate;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 12px;display:flex;position:relative}.g-tab svg{width:24px;height:24px}.g-tab.is-on{color:#17340a;box-shadow:inset 2px 2px 0 #fff,inset -1px -2px 0 #ffffff8c,inset 0 -8px 12px -6px #5a960080,0 0 0 .5px rgba(var(--g-shade),.4),0 2px 4px rgba(var(--g-shade),.28),0 0 22px 2px #bef05099;background:linear-gradient(#ffffffb3,#ffffff38)}.glass-defs{width:0;height:0;position:absolute;overflow:hidden}.g-h{font:700 17px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--g-ink)}.g-p{font:480 14.5px/1.45 var(--font-ui);color:var(--g-ink-2)}.g-k{font:700 11px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--g-ink-2);opacity:.85}.glass.has-lens{background:0 0}.glass__lens{z-index:-3;pointer-events:none;clip-path:inset(40px round var(--lr,28px));filter:blur(var(--lens-blur,1.4px)) saturate(1.2) brightness(1.14) contrast(.8);background-repeat:no-repeat;position:absolute;inset:-40px}.glass__edge{z-index:-1;border-radius:inherit;pointer-events:none;opacity:1;filter:saturate(1.5)brightness(1.18)contrast(1.08);background-repeat:no-repeat;position:absolute;inset:0}.glass.has-lens:before{z-index:0}.glass.has-lens{--tint-a:#ffffff1f;--tint-b:#ffffff08}.glass__rim{background:linear-gradient(135deg,#fff 0% 8%,#ffffffb3 22%,#ffffff1f 42%,#1428461f 60%,#12223a80 88%,#12223a9e 100%)}.glass-scene .glass{--dark:#14284657}:root{--acr:linear-gradient(180deg,#fff 0%,#fbf8f1 38%,#eee8da 74%,#d9d0bd 100%);--acr-spec:radial-gradient(46% 62% at 20% 6%, #fffffffa 0, #fff0 72%);--key-shadow:inset 0 1.5px 0 #fff, inset 1.5px 0 0 #fffc, inset 0 0 0 1px #ffffff80, inset 0 -2px 0 #785c3466, inset 0 -7px 9px -5px #8c683857, 0 0 0 1px #22160885, 0 1px 1px #140c0499, 1px 3px 3px -1px rgba(var(--g-shade),.45), 4px 9px 11px -4px rgba(var(--g-shade),.4), 14px 26px 28px -12px rgba(var(--g-shade),.38);--trough:inset 0 3px 6px #0a18308c, inset 0 1px 2px #0a183080, inset 0 -1px 0 #ffffffd9, inset 0 0 0 1px #0a183038, 0 1px 0 #ffffffbf, 0 0 0 1px #ffffff38}.glass--orange.has-lens{--tint-a:#ff76229e;--tint-b:#ff964080;--tint-edge:#ffba7899}.glass--lime.has-lens{--tint-a:#96d61e94;--tint-b:#b8e84675;--tint-edge:#d8f88c99}.glass--sky.has-lens{--tint-a:#3694ec94;--tint-b:#6ebaf875;--tint-edge:#b8e2ff99}.glass--frost.has-lens{--tint-a:#ffffff94;--tint-b:#ffffff75}.glass--frost.glass--orange.has-lens{--tint-a:#ff96509e;--tint-b:#ffbe8c8a}.glass--frost.glass--lime.has-lens{--tint-a:#c4ec6a9e;--tint-b:#def8a08a}.glass--frost.glass--sky.has-lens{--tint-a:#8cc8fa9e;--tint-b:#bee2fc8a}.glass{--caustic:#ffffff8c}.glass--orange{--caustic:#ffaa46d9}.glass--lime{--caustic:#c8ff50d9}.glass--sky{--caustic:#6ec8ffd9}.glass:after{background:radial-gradient(34px 15px at 12% 3.2%, #fff, #fff0 100%), radial-gradient(58% 38% at 6% 0%, #ffffff80, #fff0 100%), radial-gradient(46% 26% at 88% 102%, var(--caustic), #fff0 100%), linear-gradient(112deg, #fff0 38%, #ffffff61 46%, #fff0 53%), var(--g-grain);background-blend-mode:normal,normal,screen,normal,overlay}.glass__rim{padding:2px}.glass:not(.g-round) .glass__in{text-shadow:0 1px #ffffff73}.g-item{border-radius:15px;gap:12px;height:48px;padding:0 12px 0 8px}.g-item i.ic{opacity:1;background:var(--acr-spec),var(--acr);width:32px;height:32px;box-shadow:var(--key-shadow);border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.g-item i.ic svg{width:18px;height:18px;color:var(--ink-2);display:block}.g-item:hover,.g-item.is-hover{box-shadow:inset 0 1.5px 0 #fff,inset 1.5px 0 0 #ffffffb3,inset 0 -2px 0 #ffffff4d,inset 0 -8px 10px -6px rgba(var(--g-shade),.2),0 0 0 .5px rgba(var(--g-shade),.4),0 1px 2px rgba(var(--g-shade),.35),0 8px 18px -6px #ffffffe6;background:linear-gradient(#ffffff9e,#ffffff42)}.g-item.is-on{color:#16300a;background:linear-gradient(#e3fb8e 0%,#b9e448 38%,#92c61c 100%);box-shadow:inset 0 1.5px #f9ffd8,inset 1.5px 0 #fffc,inset 0 0 0 1px #ffffff59,inset 0 -2px #3c640099,inset 0 -10px 12px -6px #3c6e0080,inset 0 0 20px #f0ffaa80,0 0 0 1px #2e54009e,0 1px 1px #1e3c008c,0 6px 12px -3px #46780080,0 0 24px 4px #aaeb32a6,0 16px 30px -8px #96d71ebf}.g-item.is-on i.ic{background:radial-gradient(50% 60% at 30% 12%,#fffffff2,#fff0 70%),linear-gradient(#fbffe8 0%,#e4f7a8 55%,#bfe05a 100%)}.g-item.is-on i.ic svg{color:#2d5006}.g-item .n{opacity:1;min-width:22px;height:22px;font:700 12px/1 var(--font-ui);color:var(--ink);background:linear-gradient(#fff,#e6dfcf);border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;display:grid;box-shadow:inset 0 1px #fff,inset 0 -2px 2px #785c344d,0 0 0 .5px #22160880,0 1px 1.5px #140c0473}.g-item.is-on .n{color:#e9ffa8;background:linear-gradient(#2b3b10,#162206);box-shadow:inset 0 1px 1px #0009,0 0 0 .5px #1e3c00b3,0 1px #ffffff8c}.g-btn{height:46px;font:650 15px/1 var(--font-ui);color:var(--ink);background:var(--acr-spec),var(--acr);box-shadow:var(--key-shadow);text-shadow:0 1px #ffffffe6;padding:0 24px}.g-btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);border-radius:999px;height:36%;position:absolute;top:2px;left:14%;right:14%}.g-btn:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:var(--g-grain);opacity:.14;mix-blend-mode:multiply;position:absolute;inset:0}.g-btn:hover,.g-btn.is-hover{background:var(--acr-spec),linear-gradient(180deg,#fff,#fffdf6 40%,#f5efe0 76%,#e3dac6);box-shadow:var(--key-shadow),0 0 0 6px #ffffff2e}.g-btn:active,.g-btn.is-pressed{background:linear-gradient(#d9d0bd,#e9e2d2 40%,#f1ecdf);transform:translateY(2px);box-shadow:inset 0 3px 6px #50381880,inset 0 1px 2px #50381866,inset 0 -1px #ffffffe6,0 0 0 1px #22160885,0 1px #ffffff80}.g-btn:active:before,.g-btn.is-pressed:before{opacity:.25}.g-btn:focus-visible,.g-btn.is-focus{box-shadow:var(--key-shadow),0 0 0 3px #fff,0 0 0 5px var(--sky-500),0 0 22px 4px #3b93d38c}.g-round.has-lens:not(.glass--orange):not(.glass--lime):not(.glass--sky){--tint-a:#ffffff9e;--tint-b:#fff6;--tint-edge:#ffffffbf}.g-round .glass__lens{--lens-blur:4px}.g-round svg{width:23px;height:23px;color:var(--ink);filter:drop-shadow(0 1px #ffffffb3)}.g-round.glass--lime svg{color:#16300a}.g-switch{--w:66px;--h:38px;box-shadow:var(--trough);background:linear-gradient(#182c4c9e,#3c5c864d 62%,#fff6)}.g-switch:before{content:"";z-index:-1;pointer-events:none;opacity:0;filter:blur(8px);transition:opacity var(--dur) var(--ease);background:radial-gradient(closest-side,#b4f03cf2,#b4f03c00);border-radius:999px;position:absolute;inset:-9px}.g-switch:after{width:calc(var(--h) - 8px);height:calc(var(--h) - 8px);background:radial-gradient(26% 22% at 30% 20%,#fff 0,#fff0 100%),linear-gradient(#fff 0%,#eef3f8 52%,#bccada 100%);top:4px;left:4px;box-shadow:inset 0 1px #fff,inset 0 -4px 5px -1px #3c5a8266,inset 0 0 0 1px #fff9,0 0 0 1px #0a18308c,0 1px 1.5px #0a1830a6,2px 5px 7px -1px #0a183073}.g-switch.is-on{background:linear-gradient(#83b814 0%,#b3e24b 42%,#d4f57e 100%);box-shadow:inset 0 3px 6px #284c00a6,inset 0 1px 2px #284c0080,inset 0 -1px #ffffffb3,inset 0 0 18px 3px #f0ffa0d9,0 0 0 1px #2e5400a6,0 1px #ffffffb3}.g-switch.is-on:before{opacity:.85}.g-switch.is-on:after{transform:translateX(calc(var(--w) - var(--h)))}.g-field{height:48px;box-shadow:var(--trough);background:linear-gradient(#1e385e57,#3c5c8624 55%,#ffffff57);border-radius:15px}.g-field span{opacity:.7;color:#2e251b}.g-field.is-focus{box-shadow:var(--trough),0 0 0 2px #fff,0 0 0 4px var(--sky-500),0 0 20px 3px #3b93d380}.g-seg{box-shadow:var(--trough);background:linear-gradient(#182c4c66,#3c5c8629 60%,#ffffff4d);border-radius:999px;gap:2px;padding:5px;display:inline-flex;position:relative}.g-seg>span{white-space:nowrap;height:40px;font:620 14.5px/1 var(--font-ui);color:#2e251b;isolation:isolate;cursor:pointer;border-radius:999px;align-items:center;padding:0 20px;display:flex;position:relative}.g-seg>span.is-on{color:var(--ink);background:var(--acr-spec),var(--acr);box-shadow:var(--key-shadow),0 10px 22px -4px var(--seg-glow,#bef05000);text-shadow:0 1px #ffffffe6}.g-seg>span.is-on:before{content:"";z-index:-1;background:linear-gradient(#ffffffe6,#fff0);border-radius:999px;height:34%;position:absolute;top:2px;left:12%;right:12%}.g-seg>span.is-on:after{content:"";background:#9bd12e;border-radius:3px;width:18px;height:3px;margin-left:-9px;position:absolute;bottom:5px;left:50%;box-shadow:0 0 6px 2px #aaeb32e6,0 0 0 .5px #3c640099}.g-seg--o>span.is-on:after{background:#f26a1b;box-shadow:0 0 6px 2px #ff8232e6,0 0 0 .5px #82320099}.toolbar{padding:6px!important}.g-step{box-shadow:var(--trough);background:linear-gradient(#182c4c66,#3c5c8629 60%,#ffffff4d);border-radius:18px;align-items:center;gap:8px;padding:5px;display:inline-flex}.g-step button{appearance:none;cursor:pointer;isolation:isolate;width:40px;height:40px;color:var(--ink);background:var(--acr-spec),var(--acr);box-shadow:var(--key-shadow);border:0;border-radius:13px;place-items:center;display:grid;position:relative}.g-step button svg{width:18px;height:18px}.g-step button.is-pressed{background:linear-gradient(#d9d0bd,#ede6d6);transform:translateY(2px);box-shadow:inset 0 3px 6px #50381880,inset 0 -1px #ffffffe6,0 0 0 1px #22160885}.g-step output{text-align:center;min-width:46px;font:700 19px/1 var(--font-mono);color:#17340a}.g-slider{align-items:center;height:38px;display:flex;position:relative}.g-slider .tr{height:12px;box-shadow:var(--trough);background:linear-gradient(#182c4c80,#3c5c8638 60%,#fff6);border-radius:999px;position:absolute;left:0;right:0}.g-slider .fill{background:linear-gradient(#8fc21f,#c4f060);border-radius:999px;height:8px;position:absolute;left:2px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px 1px #3c640080,0 0 14px 2px #aaeb32cc}.g-slider .knob{background:radial-gradient(26% 22% at 30% 20%,#fff 0,#fff0 100%),linear-gradient(#fff 0%,#eef3f8 52%,#bccada 100%);border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;box-shadow:inset 0 1px #fff,inset 0 -4px 5px -1px #3c5a8266,0 0 0 1px #0a18308c,0 1px 1.5px #0a1830a6,2px 6px 8px -1px #0a183073}.g-check,.g-radio{flex:none;width:28px;height:28px;display:inline-block;position:relative}.g-check{background:var(--acr-spec),var(--acr);box-shadow:var(--key-shadow);border-radius:9px}.g-check.is-on{box-shadow:var(--key-shadow),0 0 18px 3px #aaeb32b3;background:radial-gradient(46% 62% at 20% 6%,#ffffffb3,#fff0 72%),linear-gradient(#c9f069,#9bd12e 55%,#76a812)}.g-check.is-on:after{content:"";filter:drop-shadow(0 1px #ffffff8c);border:3px solid #17340a;border-width:0 3px 3px 0;width:7px;height:13px;position:absolute;top:4px;left:9px;transform:rotate(42deg)}.g-radio{box-shadow:var(--trough);background:linear-gradient(#182c4c73,#3c5c862e 60%,#ffffff5c);border-radius:50%}.g-radio.is-on:after{content:"";background:radial-gradient(30% 28% at 32% 26%,#fff 0,#fff0 100%),linear-gradient(#c9f069,#8dbf16);border-radius:50%;position:absolute;inset:6px;box-shadow:0 0 0 1px #2e540099,0 1px 1.5px #14280099,0 0 12px 3px #aaeb32e6}.g-tabs{padding:6px}.g-tab{height:60px;font:650 11.5px/1 var(--font-ui);text-shadow:0 1px #ffffff8c;gap:5px}.g-tab svg{width:24px;height:24px;color:var(--ink-2)}.g-tab.is-on{color:#16300a;background:var(--acr-spec),var(--acr);text-shadow:0 1px #ffffffe6;box-shadow:var(--key-shadow),inset 0 -12px 14px -8px #96dc2899,0 0 26px 4px #bef050b3}.g-tab.is-on svg{color:#2d5006}.g-chip{height:32px;color:var(--ink);background:var(--acr-spec),var(--acr);box-shadow:var(--key-shadow);padding:0 14px}.g-chip .d{width:10px;height:10px}.g-set{min-height:60px;font:600 15.5px/1.2 var(--font-ui);color:var(--g-ink);justify-content:space-between;align-items:center;gap:16px;display:flex}.g-set+.g-set{border-top:1px solid #fff9;box-shadow:0 -1px #12223a29}.g-set small{font:480 13px/1.35 var(--font-ui);color:var(--g-ink-2);opacity:.85;max-width:290px;margin-top:3px;display:block}.g-set output.ds-val{font:700 15px var(--font-mono);color:#17340a}.g-btn:hover,.g-btn.is-hover{box-shadow:var(--key-shadow),0 0 0 5px #ffffff59}.menu kbd{margin-right:8px}.glass-scene{background-color:#efe7d6}.glass__lens{filter:blur(var(--lens-blur,1.4px)) saturate(1.3) brightness(1.1) contrast(.95)}.glass--clear .glass__lens{--lens-blur:2.4px}.glass--frost .glass__lens{--lens-blur:5px}.glass--orange .glass__lens,.glass--lime .glass__lens,.glass--sky .glass__lens{--lens-blur:3.4px}.glass--clear.has-lens{--tint-a:#fff3;--tint-b:#ffffff14;--tint-edge:#fff6}.glass--read.has-lens{--tint-a:#ffffff80;--tint-b:#fff6;--tint-edge:#ffffff8c}.glass--frost.has-lens{--tint-a:#ffffff85;--tint-b:#ffffff6b;--tint-edge:#fff9}.glass--orange.has-lens:not(.glass--frost){--tint-a:#ff964670;--tint-b:#ffbe7857;--tint-edge:#ffd6aa99}.glass--lime.has-lens:not(.glass--frost){--tint-a:#b4e84670;--tint-b:#d6f68257;--tint-edge:#e8fcaa99}.glass__edge{filter:saturate(1.6)brightness(1.22)contrast(1.1)}.glass{box-shadow:inset 0 0 0 1px #ffffff80, inset 3px 3.5px 0 -1.5px #fffffff2, inset 7px 9px 16px -9px #fffffff2, inset -3px -3.5px 0 -1.5px #ffffffa6, inset -10px -13px 22px -13px var(--dark), inset 0 0 26px 2px #ffffff47, 0 0 0 1px rgba(var(--g-shade),.3), 0 1.5px 2px rgba(var(--g-shade),.3), 6px 12px 16px -6px var(--glow), 22px 44px 56px -18px var(--glow)}.glass__rim{background:linear-gradient(135deg,#fff 0% 10%,#fffc 24%,#ffffff2e 44%,#fff0 58%,#ffffff59 82%,#ffffffe6 100%);padding:2px}.glass-scene .glass{--dark:#14284638;--glow:rgba(var(--g-shade),.26)}.glass-scene .glass--orange{--glow:#ee60126b}.glass-scene .glass--lime{--glow:#6eaa0a66}.glass-scene .glass--sky{--glow:#1e6ec866}.glass{--g-ink:#17120d;--g-ink-2:#2a2218}.glass .g-p,.glass .g-k,.g-set small{opacity:1}.glass .g-k,.glass .g-set small{color:var(--ink-2)}.glass .g-field span{color:var(--ink-2);opacity:.85}.g-round.glass--orange svg{color:#2a0e00}.glass--frost .glass__in,.glass--read .glass__in{text-shadow:0 1px #ffffff8c}.glass--frost.glass--orange.has-lens{--tint-a:#ffa054a8;--tint-b:#ffc892b3;--tint-edge:#ffe2c2c7}.glass--frost.glass--lime.has-lens{--tint-a:#c4ee62a8;--tint-b:#e4fca0b3;--tint-edge:#f4ffd0c7}.glass--frost.glass--sky.has-lens{--tint-a:#82c4fca8;--tint-b:#c4e6feb3;--tint-edge:#e6f6ffc7}.glass--frost.glass--orange .glass__lens,.glass--frost.glass--lime .glass__lens,.glass--frost.glass--sky .glass__lens{--lens-blur:7px;filter:blur(var(--lens-blur)) saturate(1.2) brightness(1.18) contrast(.9)}.glass.has-refract{--tint-edge:#ffffff29;--tint-a:#ffffff12;--tint-b:#ffffff05;background:linear-gradient(142deg,var(--tint-edge) 0%,var(--tint-a) 30%,var(--tint-b) 64%,var(--tint-a) 100%);--refl:.16;--caustic:#fff9;box-shadow:inset 0 0 0 1px #ffffff47, inset -8px -12px 22px -14px var(--dark), inset 0 0 46px -12px var(--inner,#ffffff80), 0 0 0 1px rgba(var(--g-shade),.34), 0 1px 1.5px 0 rgba(var(--g-shade),.4), 5px 12px 16px -7px var(--glow), 24px 48px 58px -20px var(--glow)}.glass--read.has-refract{--tint-a:#ffffff38;--tint-b:#ffffff24;--tint-edge:#ffffff4d}.glass--frost.has-refract{--tint-a:#ffffff6b;--tint-b:#ffffff57;--tint-edge:#ffffff80}.glass--orange.has-refract{--tint-a:#ff701261;--tint-b:#ff922c42;--tint-edge:#ffbe786b;--inner:#ff9632bf;--dark:#aa3c0061;--caustic:#ff9628f2}.glass--lime.has-refract{--tint-a:#96d61e66;--tint-b:#b8e84647;--tint-edge:#d8f88c6b;--inner:#aae632bf;--dark:#3c6e005c;--caustic:#befa3cf2}.glass--sky.has-refract{--tint-a:#3694ec66;--tint-b:#6ebaf847;--tint-edge:#b8e2ff6b;--inner:#46a0ffbf;--dark:#0a3c8c5c;--caustic:#5abefff2}.glass--frost.glass--orange.has-refract{--tint-a:#ff964685;--tint-b:#ffc48c75;--tint-edge:#ffd6aa8c}.glass--frost.glass--lime.has-refract{--tint-a:#beec6485;--tint-b:#e0faa075;--tint-edge:#eeffc88c}.glass--frost.glass--sky.has-refract{--tint-a:#82c6fc85;--tint-b:#bee4fe75;--tint-edge:#e0f4ff8c}.glass.has-refract:before{opacity:var(--refl);filter:blur(3px)saturate(1.6)}.glass.has-refract:after{background:var(--g-spec) 0 0/100% 100% no-repeat, radial-gradient(34px 14px at 12% 3%,#ffffffd9,#fff0 100%), radial-gradient(48% 26% at 86% 104%,var(--caustic),#fff0 100%), var(--g-grain);background-blend-mode:normal,normal,screen,overlay}.glass.has-refract .glass__rim{display:none}.g-round.has-refract{--tint-a:#ffffff2e;--tint-b:#ffffff0f}.glass.has-bend{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px #fff6, inset -10px -14px 24px -14px var(--dark), inset 0 0 50px -14px var(--inner,#ffffff8c), 0 0 0 1px rgba(var(--g-shade),.5), 0 1.5px 1px 0 rgba(var(--g-shade),.62), 0 4px 5px -1px rgba(var(--g-shade),.46), 8px 16px 18px -8px rgba(var(--g-shade),.5), 16px 32px 36px -14px var(--glow), 34px 64px 70px -26px var(--glow);background:0 0}.glass__tint{z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(142deg,var(--tint-edge) 0%,var(--tint-a) 30%,var(--tint-b) 64%,var(--tint-a) 100%);position:absolute;inset:0}.glass.has-bend:before{z-index:-1;opacity:calc(var(--refl) * .8);filter:blur(4px)saturate(1.5)}.glass.has-bend.glass--clear{--tint-a:#ffffff1a;--tint-b:#ffffff08;--tint-edge:#fff3}.glass.has-bend.glass--read{--tint-a:#fff3;--tint-b:#ffffff21;--tint-edge:#ffffff4d}.glass.has-bend>.glass__in{z-index:2;position:relative}.glass.has-bend.glass--orange:before,.glass.has-bend.glass--lime:before,.glass.has-bend.glass--sky:before{opacity:calc(var(--refl) * 1.6)}.glass__edge{z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff73, inset 3px 3.5px 1.5px -1.5px #fffffffa, inset 7px 8px 12px -6px #ffffffbf, inset -2.5px -3px 1.5px -1.5px #ffffffbf, inset -10px -13px 22px -12px var(--dark), inset 0 0 40px -10px var(--inner,#ffffff8c);position:absolute;inset:0}.glass.has-bend.is-quiet:before{filter:none;opacity:1;background:#ffffff4d;-webkit-mask:none;mask:none}.glass.has-bend.is-quiet.glass--clear,.glass.has-bend.is-quiet.glass--read,.glass.has-bend.is-quiet.glass--frost{--tint-a:#ffffff1f;--tint-b:#ffffff0f}.glass.has-bend.glass--frost{--tint-a:#ffffff1a;--tint-b:#ffffff0a;--tint-edge:#ffffff38}.glass.has-bend.is-quiet:before{background:#fff3}.glass.has-bend.is-quiet.glass--orange:before,.glass.has-bend.is-quiet.glass--lime:before,.glass.has-bend.is-quiet.glass--sky:before{background:#ffffff57}.glass__edge{box-shadow:inset 0 0 0 1px #ffffffb3, inset 2.5px 3px 0 0 #fff, inset 4px 4.5px 0 0 rgba(var(--g-shade),.34), inset 5px 6px 6px -2px #ffffff8c, inset -2px -3px 0 0 #ffffffd9, inset -3.5px -4.5px 0 0 rgba(var(--g-shade),.26), inset -12px -16px 26px -14px var(--dark), inset 0 0 38px -8px var(--inner,#ffffffb3), inset 0 -14px 18px -12px var(--caustic);background:linear-gradient(112deg,#fff0 14%,#ffffff80 15.5%,#ffffff1f 19%,#fff0 21% 27%,#ffffff4d 28%,#fff0 31%) 0 0/100% 100% no-repeat,linear-gradient(#ffffff57 0%,#ffffff14 22%,#fff0 40%) 0 0/100% 100% no-repeat}.glass.has-bend{box-shadow:0 0 0 1px rgba(var(--g-shade),.55), 0 1px 1px 0 rgba(var(--g-shade),.7), 0 3px 4px -1px rgba(var(--g-shade),.5), 6px 12px 14px -6px rgba(var(--g-shade),.55), 14px 28px 32px -12px var(--glow), 32px 60px 64px -24px var(--glow)}.glass--clear .glass__tint{background:linear-gradient(142deg,#ffffff38,#ffffff0a 60%,#ffffff1a)}:root{--key-shadow:inset 0 2px 0 #fff, inset 2px 0 0 #ffffffd9, inset 0 0 0 1px #ffffff8c, inset 0 -2px 0 #78582c8c, inset 0 -9px 10px -6px #8c643275, inset 0 7px 8px -5px #ffffffe6, 0 0 0 1px #1e1206a8, 0 1px 1px #140c04b3, 1px 3px 3px -1px rgba(var(--g-shade),.55), 4px 10px 12px -4px rgba(var(--g-shade),.5), 14px 28px 30px -12px rgba(var(--g-shade),.42)}.g-chip{font-weight:650;position:relative;overflow:hidden}.g-chip:before{content:"";pointer-events:none;background:linear-gradient(#fffffff2,#fff0);border-radius:999px;height:44%;position:absolute;top:1.5px;left:10%;right:10%}.g-chip:after{content:"";border-radius:inherit;background:var(--g-grain);opacity:.12;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.g-chip .d{z-index:1;width:11px;height:11px;position:relative;box-shadow:0 0 0 1px #3c6400b3,inset 0 -1px 1px #00000040,0 0 10px 3px #a0e132e6}.g-chip .d--o{box-shadow:0 0 0 1px #823200b3,inset 0 -1px 1px #00000040,0 0 10px 3px #ff8232f2}.g-item i.ic:after{content:"";pointer-events:none;background:linear-gradient(#fffffff2,#fff0);border-radius:8px 8px 14px 14px;height:36%;position:absolute;top:2px;left:4px;right:4px}.g-item i.ic svg{z-index:1;position:relative}.g-item .n{box-shadow:inset 0 1.5px #fff,inset 0 -2.5px 2px #785c3466,0 0 0 1px #22160899,0 1.5px 2px #140c048c}.g-item.is-on{box-shadow:inset 0 2px #faffdc,inset 2px 0 #ffffffd9,inset 0 0 0 1px #fff6,inset 0 -2px #325a00b3,inset 0 -12px 14px -6px #3c6e008c,inset 0 10px 12px -6px #ffffff8c,inset 0 0 22px #f0ffaa8c,0 0 0 1px #284a00b8,0 1px 1px #1e3c0099,0 6px 12px -3px #4678008c,0 0 30px 6px #aaeb32bf,0 18px 32px -8px #96d71ecc}.g-switch:after{background:radial-gradient(18% 14% at 30% 20%,#fff 0,#fff0 100%),radial-gradient(40% 30% at 62% 86%,#fffffff2,#fff0 100%),radial-gradient(circle,#fffffff5 0,#f0f6fcf2 52%,#a8bad0fa 100%);box-shadow:inset 0 1.5px #fff,inset 0 -5px 6px -1px #32507880,inset 0 0 0 1px #ffffffb3,0 0 0 1px #0a18309e,0 1px 1px #0a1830b3,3px 6px 8px -1px #0a18308c}.g-switch.is-on:after{box-shadow:inset 0 1.5px #fff,inset 0 -5px 6px -1px #32507880,inset 0 0 0 1px #ffffffb3,0 0 0 1px #1e3c00b3,0 1px 1px #0a1830b3,3px 6px 8px -1px #1e3c0099,0 0 14px 3px #c8ff64b3}.g-round.has-bend,.g-tabs.has-bend{--inner:#ffffffe6}.g-tab.is-on{box-shadow:var(--key-shadow),inset 0 -14px 16px -8px #96dc28b3,0 0 30px 6px #bef050cc}.glass--orange{--veil:#ff964666}.glass--lime{--veil:#beec5066}.glass--sky{--veil:#6ebeff66}.glass.has-bend.glass--orange .glass__tint,.glass.has-bend.glass--lime .glass__tint,.glass.has-bend.glass--sky .glass__tint{mix-blend-mode:color}.glass.has-bend.glass--orange{--tint-a:#ff6a0adb;--tint-b:#ff801ec7;--tint-edge:#ffa050db}.glass.has-bend.glass--lime{--tint-a:#8cd610db;--tint-b:#aae632c7;--tint-edge:#c8f664db}.glass.has-bend.glass--sky{--tint-a:#1880f0db;--tint-b:#3ca0fac7;--tint-edge:#82c8ffdb}.glass.has-bend.glass--frost.glass--orange{--tint-a:#ff6a0adb;--tint-b:#ff801ec7;--tint-edge:#ffa050db}.glass.has-bend.glass--frost.glass--lime{--tint-a:#8cd610db;--tint-b:#aae632c7;--tint-edge:#c8f664db}.glass.has-bend.glass--frost.glass--sky{--tint-a:#1880f0db;--tint-b:#3ca0fac7;--tint-edge:#82c8ffdb}.glass.has-bend.is-quiet.glass--orange:before,.glass.has-bend.is-quiet.glass--lime:before,.glass.has-bend.is-quiet.glass--sky:before{background:var(--veil);mix-blend-mode:normal}.glass.has-bend.glass--frost.glass--orange:before,.glass.has-bend.glass--frost.glass--lime:before,.glass.has-bend.glass--frost.glass--sky:before{background:var(--veil);filter:none;opacity:1;mix-blend-mode:normal;-webkit-mask:none;mask:none}.glass--frost.glass--orange{--veil:#ffa05480}.glass--frost.glass--lime{--veil:#c8f06075}.glass--frost.glass--sky{--veil:#78c4ff75}.glass.r8{--t1:255,255,255;--ta:.05;--deep:150,205,238;--da:.34;--va:.12;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 0 0 1px rgba(var(--g-shade),.5), 0 1px 1px rgba(var(--g-shade),.75), 0 3px 5px -1px rgba(var(--g-shade),.5), 9px 15px 16px -8px rgba(var(--g-shade),.46), 20px 36px 40px -16px var(--glow)!important;background:0 0!important}.glass.r8:before{display:none!important}.glass.r8:after{z-index:3;border-radius:inherit;pointer-events:none;opacity:.09;position:absolute;inset:0;content:""!important;background:var(--g-grain)!important;background-blend-mode:normal!important;mix-blend-mode:overlay!important}.glass.r8>.glass__in{z-index:2;position:relative}.glass.r8.glass--read{--va:.2}.glass.r8.glass--frost{--ta:.12;--va:.24}.glass.r8.is-quiet{--va:.28}.glass.r8.glass--orange{--t1:255,108,10;--ta:.4;--deep:255,80,0;--da:.9;--va:.2}.glass.r8.glass--lime{--t1:132,206,10;--ta:.4;--deep:96,176,0;--da:.9;--va:.2}.glass.r8.glass--sky{--t1:16,122,238;--ta:.38;--deep:0,96,226;--da:.9;--va:.2}.glass.r8.is-quiet.glass--orange,.glass.r8.is-quiet.glass--lime,.glass.r8.is-quiet.glass--sky{--va:.3}.glass.r8 .glass__tint{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;mix-blend-mode:normal!important;background:linear-gradient(142deg,rgba(var(--t1),calc(var(--ta) + .12)) 0%,rgba(var(--t1),var(--ta)) 48%,rgba(var(--t1),calc(var(--ta) * .8)) 100%)!important}.glass.r8 .glass__deep{z-index:0;border-radius:inherit;pointer-events:none;background:rgba(var(--deep),var(--da));-webkit-mask:var(--g-thick) 0 0/100% 100% no-repeat;-webkit-mask:var(--g-thick) 0 0/100% 100% no-repeat;mask:var(--g-thick) 0 0/100% 100% no-repeat;position:absolute;inset:0}.glass.r8 .glass__veil{z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 70% 62% at 50% 48%,rgba(255,255,255,var(--va)) 0,rgba(255,255,255,calc(var(--va) * .55)) 58%,#fff0 100%), linear-gradient(112deg,#fff0 17%,#fff6 18.4%,#ffffff1a 23%,#fff0 25.5%,#fff0 56%,#ffffff3d 57.2%,#fff0 61%), linear-gradient(180deg,#ffffff57 0,#ffffff12 16%,#fff0 32%);position:absolute;inset:0}.glass.r8 .glass__bevel{z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(38px 13px at 13% 2.6%,#fff,#fff0 100%), radial-gradient(26px 9px at 86% 98%,#ffffffd9,#fff0 100%), var(--g-spec) 0 0/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #ffffff80, inset 0 0 0 2px rgba(var(--g-shade),.08), inset 5px 6px 10px -5px #ffffffb3, inset -3px -4px 7px -3px #ffffff8c, inset -12px -16px 24px -14px var(--dark), inset 0 0 30px -8px #ffffff8c, inset 0 -16px 22px -14px var(--caustic);position:absolute;inset:0}:root{--kc:linear-gradient(180deg,#fffffff2 0%,#fcf8eed1 40%,#eee6d4c7 100%);--kc-shadow:inset 0 2px 0 #fff, inset 2px 0 0 #ffffffe6, inset 0 0 0 1px #ffffff80, inset 0 -2px 0 #78582c80, inset 0 -10px 12px -7px #8c64326b, inset 0 8px 9px -6px #fffffff2, 0 0 0 1px #1e120699, 0 1px 1px #140c04b3, 1px 3px 3px -1px rgba(var(--g-shade),.5), 4px 9px 11px -4px rgba(var(--g-shade),.42)}.glass .g-item{background:var(--kc);box-shadow:var(--kc-shadow);margin-top:9px;overflow:hidden}.glass .g-item:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#fffffff2,#fff0);border-radius:999px;height:40%;position:absolute;top:2px;left:10px;right:10px}.glass .g-item:after{content:"";border-radius:inherit;background:var(--g-grain);opacity:.12;mix-blend-mode:multiply;pointer-events:none;z-index:-1;position:absolute;inset:0}.glass .g-item:hover,.glass .g-item.is-hover{box-shadow:var(--kc-shadow),0 0 0 5px #fff3;background:linear-gradient(#fff,#fffef8 40%,#f7f1e2 100%)}.glass .g-item.is-on{background:linear-gradient(#eeffa8 0%,#c6ec58 36%,#9ace22 100%);overflow:visible;box-shadow:inset 0 2px #fbffe0,inset 2px 0 #ffffffd9,inset 0 0 0 1px #fff6,inset 0 -2px #325a00b3,inset 0 -12px 14px -6px #3c6e0080,inset 0 10px 12px -6px #ffffff8c,inset 0 0 22px #f0ffaa99,0 0 0 1px #284a00b8,0 1px 1px #1e3c0099,0 6px 12px -3px #46780080,0 0 28px 6px #b0ee38d9,0 16px 30px -8px #96d71ecc}.glass .g-item.is-on:before{background:linear-gradient(#fffc,#ffffff0d);height:42%;top:2px;left:10px;right:10px}.glass.menu .g-item{margin-top:6px}.glass .g-item:first-child,.glass .g-field+.g-item{margin-top:0}.g-tabs .g-tab{box-shadow:inset 0 1.5px 0 #fffffff2,inset 1.5px 0 0 #fff9,inset 0 -2px 0 #78582c57,inset 0 -8px 10px -6px #8c64324d,0 0 0 1px #1e120657,0 1px 2px #140c0466,2px 5px 7px -3px rgba(var(--g-shade),.4);background:linear-gradient(#ffffff9e,#f6f0e266 60%,#e2d8c26b)}.g-tabs .g-tab.is-on{color:#16300a;background:linear-gradient(#f2ffb4 0%,#c9ee5c 40%,#9ed026 100%);box-shadow:inset 0 2px #fbffe0,inset 2px 0 #fffc,inset 0 -2px #325a00a6,inset 0 -12px 14px -7px #3c6e0080,inset 0 0 20px #f0ffaa8c,0 0 0 1px #284a00b3,0 1px 1px #1e3c0099,4px 8px 10px -4px #46780080,0 0 26px 5px #b0ee38cc}.g-tabs .g-tab.is-on svg{color:#2d5006}.g-seg>span{background:linear-gradient(#ffffff8c,#ece4d257 60%,#d4c8ae66);box-shadow:inset 0 1.5px #ffffffe6,inset 0 -2px #6e502857,inset 0 -7px 9px -6px #825c2e4d,0 0 0 1px #1e12064d,0 1px 2px #140c0461}.g-seg>span.is-on{background:var(--acr-spec),linear-gradient(180deg,#fff 0%,#fff1dc 40%,#ffc98f 100%);box-shadow:inset 0 2px 0 #fff,inset 2px 0 0 #ffffffd9,inset 0 -2px 0 #96460080,inset 0 -9px 11px -6px #e66e1480,0 0 0 1px #3c1a0099,0 1px 1px #140c04a6,3px 7px 9px -3px rgba(var(--g-shade),.5),0 0 26px 5px var(--seg-glow,#ff8c32b3)}.glass.r8{--dark:#1c284021}.glass.r8.glass--orange{--ta:.56;--deep:255,96,4;--da:.62;--dark:#82280033;--sh:255,98,10}.glass.r8.glass--lime{--ta:.56;--deep:110,190,0;--da:.62;--dark:#285a0033;--sh:120,200,10}.glass.r8.glass--sky{--ta:.54;--deep:10,110,235;--da:.62;--dark:#00287833;--sh:20,126,240}.glass.r8.glass--frost.glass--orange,.glass.r8.glass--frost.glass--lime,.glass.r8.glass--frost.glass--sky{--va:.2}.glass.r8.glass--orange,.glass.r8.glass--lime,.glass.r8.glass--sky{box-shadow:0 0 0 1px rgba(var(--sh),.62), 0 1px 1px rgba(var(--g-shade),.5), 0 3px 5px -1px rgba(var(--sh),.5), 9px 15px 16px -8px rgba(var(--sh),.5), 20px 36px 40px -16px rgba(var(--sh),.7)!important}:root{--wall:#b5a47c;--key-wall:0 1px 0 #d8cba8,0 2px 0 #cbbd96,0 3px 0 #bdad86,0 4px 0 #ae9e78,0 5px 0 #9e8e69, 0 6px 1px 0 #301e088c;--key-cast:0 9px 8px -3px rgba(var(--g-shade),.5),6px 16px 20px -8px rgba(var(--g-shade),.5);--key-top:radial-gradient(60% 90% at 14% 0%,#fffffff2 0%,#fff0 60%), linear-gradient(180deg,#fff 0%,#fbf6ea 30%,#f1e8d3 62%,#e4d8bc 100%);--key-in:inset 0 2px 0 #fff,inset 2px 0 0 #fffffff2,inset -1.5px 0 0 #96784647, inset 0 -3px 0 #96763c61,inset 0 -12px 12px -8px #96703266, inset 0 0 0 1px #ffffff8c}.glass .g-item{height:50px;color:var(--ink);background:var(--key-top);box-shadow:var(--key-in),0 0 0 1px #2e1e0a9e,var(--key-wall),var(--key-cast);border-radius:16px;margin-top:14px;font-weight:640}.glass .g-item:before{opacity:.95;background:linear-gradient(#fff,#fff0);height:34%;top:2px;left:12px;right:30%}.glass .g-item:after{opacity:.2;background-size:120px}.glass .g-item:hover,.glass .g-item.is-hover{background:var(--key-top);box-shadow:var(--key-in),0 0 0 1px #2e1e0a9e,var(--key-wall),var(--key-cast),0 0 0 6px #ffffff38;transform:translateY(-1px)}.glass .g-item.is-on{background:radial-gradient(60% 90% at 14% 0,#ffffe6f2,#ffffe600 60%),linear-gradient(#f0ffae 0%,#c9ee5a 38%,#9ace22 100%);box-shadow:inset 0 2px #fbffe0,inset 2px 0 #ffffffd9,inset 0 -3px #325a008c,inset 0 -12px 14px -6px #3c6e0080,inset 0 0 22px #f0ffaa8c,0 0 0 1px #1e3c00c7,0 1px #7fae18,0 2px #6f9c12,0 3px #5f8a0e,0 4px #4f780b,0 5px #416809,0 6px 1px #14280099,0 10px 14px -4px #46780099,0 0 30px 8px #b0ee38cc,0 20px 34px -8px #96d71ed9}.glass .g-item i.ic{background:linear-gradient(#785c304d,#fff8e6e6 85%);box-shadow:inset 0 2px 3px #5036108c,inset 0 -1px #fffffff2,0 1px #ffffffe6,0 0 0 1px #5036104d}.glass .g-item.is-on i.ic{background:linear-gradient(#28500066,#ecffaaf2 85%);box-shadow:inset 0 2px 3px #1e3c0099,0 1px #ffffffb3,0 0 0 1px #1e3c0066}.glass .g-item i.ic:after{display:none}.glass .g-item .n{background:linear-gradient(#fff,#e7dcc2);box-shadow:inset 0 1.5px #fff,0 0 0 1px #3c280a80,0 2px #b5a47c,0 3px 2px #301e0866}.glass .g-item.is-on .n{color:#eaffa8;background:linear-gradient(#34481a,#141e06);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #0a1400cc,0 2px #3f6a0a,0 3px 2px #14280080}.g-seg>span{background:var(--key-top);height:40px;box-shadow:var(--key-in),0 0 0 1px #2e1e0a8c,0 1px 0 #d8cba8,0 2px 0 #c6b890,0 3px 0 #b5a47c,0 4px 1px #301e0880,0 7px 8px -3px rgba(var(--g-shade),.5)}.g-seg>span.is-on{box-shadow:inset 0 2px 0 #fff,inset 2px 0 0 #ffffffe6,inset 0 -3px 0 #aa460080,inset 0 -9px 11px -6px #eb6e148c, 0 0 0 1px #461c00b3,0 1px 0 #d97a25,0 2px 0 #b8631a,0 3px 0 #9a5013,0 4px 1px #28100099,0 8px 10px -3px rgba(var(--g-shade),.5),0 0 28px 6px var(--seg-glow,#ff8c32b3);background:radial-gradient(70% 90% at 20% 0,#fff,#fff0 60%),linear-gradient(#fff6e6 0%,#ffd9a8 45%,#ffac5c 100%)}.g-tabs .g-tab{background:var(--key-top);box-shadow:var(--key-in),0 0 0 1px #2e1e0a80,0 1px 0 #d8cba8,0 2px 0 #c6b890,0 3px 0 #b5a47c,0 4px 1px #301e0880,0 7px 8px -3px rgba(var(--g-shade),.5)}.g-tabs .g-tab.is-on{background:radial-gradient(70% 90% at 20% 0,#ffffe6f2,#ffffe600 60%),linear-gradient(#f0ffae 0%,#c9ee5a 40%,#9ace22 100%);box-shadow:inset 0 2px #fbffe0,inset 2px 0 #fffc,inset 0 -3px #325a008c,inset 0 -12px 14px -7px #3c6e0080,0 0 0 1px #1e3c00bf,0 1px #7fae18,0 2px #6f9c12,0 3px #5f8a0e,0 4px 1px #14280099,0 8px 12px -4px #4678008c,0 0 28px 6px #b0ee38cc}.g-chip{background:var(--key-top);box-shadow:var(--key-in),0 0 0 1px #2e1e0a8c,0 1px 0 #d8cba8,0 2px 0 #c6b890,0 3px 1px #301e0880,0 6px 7px -3px rgba(var(--g-shade),.5)}.g-btn{background:var(--key-top);box-shadow:var(--key-in),0 0 0 1px #2e1e0a8c,0 1px 0 #d8cba8,0 2px 0 #c6b890,0 3px 0 #b5a47c,0 4px 1px #301e0880,0 8px 9px -3px rgba(var(--g-shade),.5)}.g-btn:active,.g-btn.is-pressed{transform:translateY(3px);box-shadow:inset 0 2px 5px #50361080,inset 0 0 0 1px #fff6,0 0 0 1px #2e1e0a99,0 1px #d8cba8,0 1px 1px #301e0880}.glass.has-bend .glass__edge{box-shadow:inset 0 0 0 1.5px #ffffffb3, inset 4px 5px 2px -2px #fff, inset 10px 12px 14px -7px #fffc, inset -4px -5px 2px -2px #fffc, inset -14px -16px 26px -12px var(--dark), inset 0 0 0 5px #ffffff24, inset 0 0 44px -10px var(--inner,#fff9)}.glass.has-bend.glass--clear.r8{box-shadow:0 0 0 1px #ffffff8c,0 0 0 2px #28385a47,0 3px 4px #14244661,0 12px 16px -6px #14244661,10px 30px 46px -12px #285aaa73,-8px 22px 40px -14px #ffaa468c}.insp .glass__in{position:relative}.insp .glass__in:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff6e885,#fff0de5c);border-radius:24px;height:408px;position:absolute;top:-10px;left:-10px;right:-10px;box-shadow:inset 0 1.5px #ffffffe6,inset 0 -2px #b4500038,inset 0 0 0 1px #ffffff59,0 0 0 1px #78320047,0 3px 4px #78320040,0 10px 18px -6px #963c0066}.insp .g-h{color:#140c05}.insp .g-p{color:#241206;font-weight:600}.insp .g-k{color:#3a1a04;font-weight:700}.insp .row{color:#140c05;text-shadow:0 0 6px #ffecd6d9,0 1px #fff9;font-weight:620}.ds-toast .g-p{color:#0f2504;font-weight:600}.ds-toast .g-h{color:#0a1a02}.glass--orange .g-p,.glass--orange .g-k,.glass--orange .g-set small,.glass--orange .g-set b,.glass--orange .g-set label,.glass--orange .row,.glass--orange .glass__in{color:#160a03}.glass--orange .g-p,.glass--orange .g-set small,.glass--orange .g-k,.glass--orange .g-field span{color:#1e0e04;text-shadow:0 0 7px #ffeedae6,0 1px #ffffff8c;font-weight:620}.glass--sky .g-p,.glass--sky .g-k,.glass--sky .g-h,.glass--sky .glass__in{color:#04122a;font-weight:inherit;text-shadow:0 0 7px #d6ecffe6,0 1px #ffffff80}.glass--sky .g-p,.glass--sky .g-k{font-weight:620}.glass--lime .g-p,.glass--lime .g-k{color:#0f2205;text-shadow:0 0 7px #ecffc8e6,0 1px #ffffff80;font-weight:620}.p-card .glass__in{padding:2px 0;position:relative}.p-card .glass__in:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fffcf48c,#fff8ec66);border-radius:18px;position:absolute;inset:-8px -12px;box-shadow:inset 0 1.5px #ffffffe6,inset 0 -2px #5a461e33,0 0 0 1px #3c280a38,0 3px 4px #281e0a38}.p-card .g-h,.p-card .g-p,.p-card .g-k{color:#0f0a05;text-shadow:none;font-weight:650}.p-card .g-p{font-weight:600}.glass-scene.calm.ds-hero{background-image:url(/design/scene/hero-day.webp)}.glass.r8{--slab1:#ffffffb3;--slab2:#bed7eecc;--slab3:#6e96bebf;--slabd:#223a60b3}.glass.r8.glass--orange{--slab1:#ffe2becc;--slab2:#ffa050e6;--slab3:#d6580ae6;--slabd:#782c00bf}.glass.r8.glass--lime{--slab1:#f0ffc8cc;--slab2:#beec5ae6;--slab3:#6eaa0ae6;--slabd:#2c5a00bf}.glass.r8.glass--sky{--slab1:#dcf0ffcc;--slab2:#78bef6e6;--slab3:#1e6ed6e6;--slabd:#083078bf}.glass.r8{box-shadow:0 0 0 1px rgba(var(--g-shade),.55), 0 1px 0 1px var(--slab1), 0 3px 0 1px var(--slab2), 0 5px 0 1px var(--slab3), 0 7px 1px 1px var(--slabd), 0 10px 8px -2px rgba(var(--g-shade),.5), 12px 22px 22px -10px rgba(var(--g-shade),.5), 24px 44px 52px -16px var(--glow)!important}.glass.r8 .glass__bevel{background:radial-gradient(54px 15px at 13% 2.4%,#fff,#fff0 100%), radial-gradient(40px 11px at 87% 97.6%,#ffffffe6,#fff0 100%), var(--g-spec) 0 0/100% 100% no-repeat;box-shadow:inset 0 0 0 1.5px #ffffffbf, inset 0 0 0 2.5px rgba(var(--g-shade),.12), inset 9px 11px 3px -7px #fff,  inset 20px 24px 12px -16px #ffffff8c,  inset -8px -10px 3px -7px #ffffffb3, inset -16px -20px 22px -14px var(--dark), inset 0 0 0 9px #ffffff1a, inset 0 0 38px -8px #fff9, inset 0 -20px 26px -16px var(--caustic)!important}.glass .glass__rim{background:linear-gradient(135deg,#fff 0% 10%,#ffffffbf 24%,#ffffff1a 44%,#1428462e 62%,#12223a99 86%,#fffc 100%);padding:3px}.glass .g-item{border-radius:18px;height:54px;margin-top:12px;font-size:16px}.g-seg>span{height:46px;padding:0 20px;font-size:15px}.g-btn{font-size:16px}.lbtn{min-height:56px}.glass-scene.ds-hero .glass.r8.glass--clear{--t1:150,200,246;--ta:.2;--va:.07;--da:.5;--deep:70,140,220}.glass-scene.ds-hero .glass.r8.glass--clear.glass--read{--va:.08}.glass-scene.ds-hero .glass.r8.glass--frost{--va:.14}}
@layer design{.tgl,.key,.rng,.lcd{--dark-well:linear-gradient(180deg,#1e1710 0%,#33281a 52%,#4c3d2a 100%);--dark-well-sh:inset 0 6px 10px #000000b8, inset 0 1px 1px #000000e6, inset 4px 0 6px -2px #00000080, inset -1px -2px 2px #ffecc82e, 0 0 0 1px #241606d9, 0 2px 0 #fff, 0 3px 1px rgba(var(--shade),.32);--bezel:linear-gradient(180deg,#fff 0%,#fffcf6 45%,#f1e7d4 100%);--bezel-sh:inset 0 2px 0 #fff, inset 2px 0 0 #ffffffe6, inset -1px -2px 2px #966e3c57, 0 0 0 1px #3c260a85, 0 1px 0 #d6c5a2, 0 2px 0 #b39e76, 0 3px 0 #9c8560, 1px 9px 4px -1px #3c280e80, 5px 16px 14px -4px #3c280e66, 12px 26px 28px -10px rgba(var(--shade),.4)}.tgl{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;width:80px;height:46px;margin:6px;display:inline-block;position:relative}.tgl:before{content:"";background:var(--bezel);box-shadow:var(--bezel-sh);transition:filter var(--dur) var(--ease);border-radius:999px;position:absolute;inset:-6px}.tgl>input,.key>input{opacity:0;width:calc(100% + 16px);height:calc(100% + 16px);cursor:inherit;z-index:6;appearance:none;margin:0;position:absolute;inset:-8px}.tgl__bloom{pointer-events:none;mix-blend-mode:multiply;opacity:0;width:340px;height:210px;transition:opacity .45s var(--ease),transform .6s var(--ease);background:radial-gradient(closest-side,#8cd2148f,#a5e13c42 44%,#afe64600 100%);border-radius:50%;margin:-105px 0 0 -170px;position:absolute;top:50%;left:50%;transform:scale(.6)}.tgl__track{background:var(--dark-well);box-shadow:var(--dark-well-sh);transition:background .35s var(--ease),box-shadow .35s var(--ease);border-radius:999px;position:absolute;inset:0}.tgl__track:before{content:"";pointer-events:none;background:linear-gradient(#fff4de42,#fff4de00);border-radius:999px;height:9px;transition:background .35s;position:absolute;top:3px;left:14px;right:14px}.tgl__led{background:radial-gradient(circle at 38% 32%,#4c4030,#15100a);border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s;position:absolute;top:19px;box-shadow:inset 0 1px 1px #000000e6,0 1px #ffecc82e}.tgl__led--r{left:58px}.tgl__led--l{left:16px}.tgl__knob{width:40px;height:40px;transition:transform .4s cubic-bezier(.3,1.4,.5,1),width .15s var(--ease),box-shadow .18s var(--ease);background:radial-gradient(16px 11px at 32% 20%,#fff,#fff0 100%),radial-gradient(circle,#fff0 0 49%,#fffffff2 50% 52%,#6e5c3e80 53% 55%,#fff0 56%),conic-gradient(from 200deg,#f7f3ea,#cdc4b2 11%,#fff 24%,#b5ab97 38%,#f4efe4 52%,#c2b9a5 67%,#fff 83%,#f7f3ea);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:inset 0 2px #fff,inset 0 -3px 4px #5a462861,inset 0 0 0 1px #ffffff8c,0 0 0 1px #34260ec7,0 1px #d3cab8,0 2px #b9af9a,0 3px #9d937e,0 4px #82796a,1px 8px 3px #0c06009e,4px 13px 10px -2px #0c060080,9px 20px 20px -6px #0c060061}.tgl__knob:after{content:"";background:radial-gradient(circle at 36% 28%,#9e947f 0%,#cfc6b3 45%,#f8f4eb 100%);border-radius:50%;width:18px;height:18px;position:absolute;top:10px;left:11px;box-shadow:inset 1px 2px 2px #3c280a8c,0 1px #fffffff2,0 0 0 1px #5a482847}.tgl>input:checked~.tgl__bloom{opacity:1;transform:scale(1)}.tgl>input:checked~.tgl__track{background:radial-gradient(70% 150% at 28% 30%,#f8ffd6 0%,#d6f776 28%,#9fd428 62%,#6c9c10 100%);box-shadow:inset 0 5px 9px #22400094,inset 0 1px 1px #1e3800bf,inset -2px -2px 3px #f8ffcda6,0 0 0 1px #2e4e02e6,0 2px #fff,0 0 16px #a5e132f2,0 0 46px 4px #9bd12eb3,0 0 90px 10px #9bd12e66}.tgl>input:checked~.tgl__track:before{background:linear-gradient(#fffff09e,#fffff000)}.tgl>input:checked~.tgl__track .tgl__knob{transform:translate(34px);box-shadow:inset 0 2px #fff,inset 0 -5px 6px -1px #a5e1329e,inset 0 0 0 1px #ffffff8c,0 0 0 1px #284006cc,0 1px #d3cab8,0 2px #b9af9a,0 3px #9d937e,0 4px #82796a,-3px 8px 3px #0c1c0099,-1px 13px 10px -2px #0c1c0080,0 0 22px 2px #bef05080}.tgl>input:checked~.tgl__track .tgl__led--l{background:radial-gradient(circle at 36% 30%,#fff 0,#f4ffc8 28%,#c4f060 68%,#8cc422 100%);box-shadow:0 0 0 1px #3c64008c,0 0 5px 2px #f0ffaaf2,0 0 14px 5px #bef050d9,0 0 28px 8px #9bd12e99}.tgl:hover:before,.tgl.is-hover:before{filter:brightness(1.03)}.tgl:hover .tgl__track,.tgl.is-hover .tgl__track{filter:brightness(1.12)saturate(1.05)}.tgl:hover>input:checked~.tgl__bloom,.tgl.is-hover>input:checked~.tgl__bloom{transform:scale(1.18)}.tgl:active .tgl__knob,.tgl.is-pressed .tgl__knob{width:46px;transform:translateY(2px);box-shadow:inset 0 2px #f2eee4,inset 0 -2px 3px #5a462866,inset 0 0 0 1px #fff6,0 0 0 1px #34260ec7,0 1px #b9af9a,0 2px #82796a,1px 4px 2px #0c06008c,3px 8px 8px -2px #0c060066}.tgl:active>input:checked~.tgl__track .tgl__knob,.tgl.is-pressed>input:checked~.tgl__track .tgl__knob{width:46px;transform:translate(28px,2px);box-shadow:inset 0 2px #f2eee4,inset 0 -3px 4px -1px #a5e13299,inset 0 0 0 1px #fff6,0 0 0 1px #284006cc,0 1px #b9af9a,0 2px #82796a,-1px 4px 2px #0c1c008c,-2px 8px 8px -2px #0c1c0066,0 0 18px 2px #bef05080}.tgl__ring,.key__ring{pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease);box-shadow:0 0 0 2px var(--ground-white),0 0 0 4.5px var(--sky-500),0 0 22px 3px #3b93d38c;z-index:5;border-radius:999px;position:absolute;inset:-10px}.key--check .key__ring{border-radius:19px}.tgl>input:focus-visible~.tgl__ring,.tgl.is-focus .tgl__ring,.key>input:focus-visible~.key__ring,.key.is-focus .key__ring{opacity:1}.tgl.is-disabled{pointer-events:none;cursor:not-allowed;opacity:.62;filter:saturate(.35)}.tgl:has(>input:disabled){pointer-events:none;cursor:not-allowed;opacity:.62;filter:saturate(.35)}.tgl.is-disabled .tgl__bloom{display:none}.tgl:has(>input:disabled) .tgl__bloom{display:none}.key{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;width:40px;height:40px;margin:6px;display:inline-block;position:relative}.key:before{content:"";background:var(--bezel);box-shadow:var(--bezel-sh);transition:filter var(--dur) var(--ease);border-radius:20px;position:absolute;inset:-6px}.key--round:before,.key--round .key__well,.key--round .key__cap,.key--round .key__bloom{border-radius:50%}.key__bloom{pointer-events:none;mix-blend-mode:multiply;opacity:0;width:240px;height:200px;transition:opacity .45s var(--ease),transform .6s var(--ease);background:radial-gradient(closest-side,#8cd21485,#a5e13c3d 44%,#afe64600 100%);border-radius:50%;margin:-100px 0 0 -120px;position:absolute;top:50%;left:50%;transform:scale(.6)}.key__well{background:var(--dark-well);box-shadow:var(--dark-well-sh);transition:box-shadow .3s var(--ease);border-radius:13px;position:absolute;inset:0}.key__cap{width:32px;height:32px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .25s;background:radial-gradient(14px 9px at 32% 20%,#fff,#fff0 100%),linear-gradient(#fff 0%,#fffcf6 45%,#efe5d2 100%);border-radius:10px;position:absolute;top:2px;left:4px;box-shadow:inset 0 2px #fff,inset 1px 0 #ffffffe6,inset -1px -3px 3px #966e3c5c,0 0 0 1px #34220ab8,0 1px #d9caa8,0 2px #bca77d,0 3px #a18b62,0 4px #86724b,1px 7px 3px #08040099,3px 10px 8px -2px #08040073}.key__cap:after{content:"";background:50%/contain no-repeat;width:20px;height:20px;margin:-10px 0 0 -10px;transition:filter .3s;position:absolute;top:50%;left:50%}.key--check .key__cap:after{opacity:.8;filter:drop-shadow(0 1px #fff);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8987A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7'/%3E%3C/svg%3E")}.key--round .key__cap:after{background:radial-gradient(circle at 40% 34%,#a59878,#c9bda2 70%);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;box-shadow:inset 0 2px 2px #3c280a8c,0 1px #fff}.key>input:checked~.key__bloom{opacity:1;transform:scale(1)}.key>input:checked~.key__cap{background:radial-gradient(14px 9px at 32% 20%,#ffffffb3,#fff0 100%),linear-gradient(#f6f1e4 0%,#f2ebdb 50%,#e4d9c2 100%);transform:translateY(4px);box-shadow:inset 0 2px #fff,inset 0 -3px 3px #966e3c4d,0 0 0 1px #34220ab8,0 1px #a18b62,0 2px #86724b,1px 3px 2px #08040080,0 0 12px #bef5508c}.key--check>input:checked~.key__cap:after{opacity:1;filter:drop-shadow(0 0 3px #d4fa7a)drop-shadow(0 0 9px #9bd12ef2);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.6 4.6L19 7' stroke='%236F9F10' stroke-width='5'/%3E%3Cpath d='M5 12.5l4.6 4.6L19 7' stroke='%23C8F25E' stroke-width='3.4'/%3E%3Cpath d='M5.2 12.3l4.4 4.4L18.6 7.2' stroke='%23F7FFD8' stroke-width='1.2'/%3E%3C/svg%3E")}.key--round>input:checked~.key__cap:after{background:radial-gradient(circle at 36% 30%,#fff 0,#f4ffc8 26%,#c4f060 66%,#8cc422 100%);box-shadow:0 0 0 1px #3c64008c,0 0 6px 2px #f0ffaaf2,0 0 16px 6px #bef050d9,0 0 34px 10px #9bd12e8c}.key:hover:before,.key.is-hover:before{filter:brightness(1.03)}.key:hover>input:not(:checked)~.key__cap,.key.is-hover>input:not(:checked)~.key__cap{transform:translateY(-1px);box-shadow:inset 0 2px #fff,inset 1px 0 #ffffffe6,inset -1px -3px 3px #966e3c52,0 0 0 1px #34220ab8,0 1px #d9caa8,0 2px #bca77d,0 3px #a18b62,0 4px #86724b,0 5px #6f5c3a,1px 9px 3px #08040099,4px 13px 10px -2px #08040073}.key:hover>input:checked~.key__bloom,.key.is-hover>input:checked~.key__bloom{transform:scale(1.18)}.key:active .key__cap,.key.is-pressed .key__cap{transform:translateY(4px);box-shadow:inset 0 3px 5px #5a401c66,inset 0 -1px #fff,0 0 0 1px #34220ab8,0 1px #86724b,1px 2px 1px #08040080}.key:active>input:checked~.key__cap,.key.is-pressed>input:checked~.key__cap{transform:translateY(5px)}.key.is-disabled{pointer-events:none;cursor:not-allowed;opacity:.6;filter:saturate(.3)}.key:has(>input:disabled){pointer-events:none;cursor:not-allowed;opacity:.6;filter:saturate(.3)}.key.is-disabled .key__bloom{display:none}.key:has(>input:disabled) .key__bloom{display:none}.rng{--p:.5;--th:40px;--thumb-bg:radial-gradient(14px 10px at 32% 20%,#fffffffa,#fff0 100%), radial-gradient(circle at 50% 50%,#fff 0,#f1ebdd 24%,#d8cfbd 46%,#c2b8a4 50%,#4e3c208c 52%,#fffffff2 54%,#fff0 56%), repeating-conic-gradient(from 0deg at 50% 50%,#fff 0 4deg,#b2a892 4deg 8deg);--thumb-sh:inset 0 2px 0 #fff, inset 0 -3px 4px #5a462866, 0 0 0 1px #34260ecc, 0 1px 0 #d3cab8, 0 2px 0 #b9af9a, 0 3px 0 #9d937e, 0 4px 0 #82796a, 0 5px 0 #6b6355, 1px 10px 4px #0c06009e, 4px 15px 11px -2px #0c060080, 9px 22px 22px -6px #0c060061;width:100%;height:40px;display:block;position:relative}.rng__plate{background:var(--bezel);height:28px;box-shadow:var(--bezel-sh);transition:filter var(--dur) var(--ease);border-radius:999px;position:absolute;top:6px;left:-6px;right:-6px}.rng__bloom{height:160px;width:calc(var(--p) * (100% - var(--th)) + 180px);pointer-events:none;mix-blend-mode:multiply;opacity:calc(var(--p) * 3);background:radial-gradient(closest-side,#8cd21480,#a5e13c3d 45%,#afe64600 100%);border-radius:50%;max-width:calc(100% + 120px);position:absolute;top:-60px;left:-60px}.rng__well{background:var(--dark-well);height:18px;box-shadow:var(--dark-well-sh);border-radius:999px;position:absolute;top:11px;left:0;right:0}.rng__fill{height:18px;width:calc(var(--p) * (100% - var(--th)) + var(--th) / 2);transition:width .25s var(--ease);background:linear-gradient(90deg,#86ba1a,#c2ee58 55%,#eaffa6);border-radius:999px;position:absolute;top:11px;left:0;box-shadow:inset 0 5px 7px #2240008c,inset 0 1px 1px #1e3800bf,inset 0 -2px 2px #f8ffcdb3,0 0 0 1px #2e4e02e6,0 0 14px #a5e132f2,0 0 40px 3px #9bd12e99}.rng input[type=range]{appearance:none;cursor:pointer;z-index:3;background:0 0;outline:0;width:100%;height:40px;margin:0;padding:0;display:block;position:relative}.rng input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:40px}.rng input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--thumb-bg);width:40px;height:40px;box-shadow:var(--thumb-sh);border:0;border-radius:50%;transition:box-shadow .15s}.rng input[type=range]::-moz-range-track{background:0 0;border:0;height:40px}.rng input[type=range]::-moz-range-thumb{background:var(--thumb-bg);width:40px;height:40px;box-shadow:var(--thumb-sh);border:0;border-radius:50%}.rng:hover .rng__plate,.rng.is-hover .rng__plate{filter:brightness(1.03)}.rng:active,.rng.is-pressed{--thumb-sh:inset 0 2px 0 #f2eee4, inset 0 -2px 3px #5a462866, 0 0 0 1px #34260ecc, 0 1px 0 #b9af9a, 0 2px 0 #82796a, 1px 5px 3px #0c06008c, 3px 9px 8px -2px #0c060066}.rng input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--thumb-sh),0 0 0 3px var(--ground-white),0 0 0 5.5px var(--sky-500)}.rng.is-focus input[type=range]::-webkit-slider-thumb{box-shadow:var(--thumb-sh),0 0 0 3px var(--ground-white),0 0 0 5.5px var(--sky-500)}.rng input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--thumb-sh),0 0 0 3px var(--ground-white),0 0 0 5.5px var(--sky-500)}.rng.is-disabled{pointer-events:none;cursor:not-allowed;opacity:.6;filter:saturate(.3)}.rng:has(input:disabled){pointer-events:none;cursor:not-allowed;opacity:.6;filter:saturate(.3)}.rng.is-disabled .rng__bloom{display:none}.rng:has(input:disabled) .rng__bloom{display:none}.rng.is-disabled .rng__fill{box-shadow:inset 0 5px 7px #22400080,0 0 0 1px #2e4e02cc}.rng:has(input:disabled) .rng__fill{box-shadow:inset 0 5px 7px #22400080,0 0 0 1px #2e4e02cc}.rng__ticks{--th:40px;height:34px;margin-top:10px;position:relative}.rng__ticks span{top:0;left:calc(var(--th) / 2 + var(--k) * (100% - var(--th)));font:500 12.5px/1 var(--font-mono);color:var(--ink-3);white-space:nowrap;text-shadow:0 1px #ffffffe6;padding-top:12px;position:absolute;transform:translate(-50%)}.rng__ticks span:before{content:"";background:linear-gradient(90deg,rgba(var(--shade),.4) 0 1px,#fff 1px);width:2px;height:8px;margin-left:-1px;position:absolute;top:0;left:50%}.rng__ticks span.is-now{color:var(--ink);font-weight:600}.lcd{background:var(--dark-well);min-width:112px;height:46px;box-shadow:var(--dark-well-sh), 0 0 0 6px #fbf3e3, 0 0 0 7px #3c260a80, 0 8px 1px 5px rgba(var(--shade),.18);font:600 19px/1 var(--font-mono);color:#ddfa8e;letter-spacing:.01em;text-shadow:0 0 6px #bef550f2,0 0 16px #9bd12ebf;border-radius:14px;flex:none;justify-content:center;align-items:center;margin:7px;padding:0 18px;display:inline-flex;position:relative}.lcd:before{content:"";pointer-events:none;background:linear-gradient(#fff4de38,#fff4de00);border-radius:999px;height:12px;position:absolute;top:3px;left:10px;right:10px}.tgl__bloom,.key__bloom,.rng__bloom,.rng__plate,.tgl:before,.key:before,.key--check:before,.key--round:before{display:none!important}.tgl>input:checked~.tgl__track{box-shadow:inset 0 5px 9px #22400094,inset 0 1px 1px #1e3800bf,inset -2px -2px 3px #f8ffcda6,0 0 0 1px #2e4e02e6,0 2px #fff,0 0 8px #a5e132b3,0 7px 10px -3px #8cc81e8c}.key>input:checked~.key__well{box-shadow:inset 0 5px 8px #000000b3,inset 0 0 0 2px #96d728b3,inset 0 0 14px 3px #bef550f2,0 0 0 1px #241606d9,0 2px #fff,0 0 7px #a5e132b3,0 7px 9px -3px #8cc81e8c}.rng__fill{box-shadow:inset 0 5px 7px #2240008c,inset 0 1px 1px #1e3800bf,inset 0 -2px 2px #f8ffcdb3,0 0 0 1px #2e4e02e6,0 0 7px #a5e132b3,0 6px 8px -3px #8cc81e80}.tgl>input:checked~.tgl__track .tgl__led--l{box-shadow:0 0 0 1px #3c64008c,0 0 5px 2px #f0ffaaf2,0 0 10px 3px #bef05099}.tgl.is-disabled>input:checked~.tgl__track,.tgl>input:disabled:checked~.tgl__track{box-shadow:inset 0 5px 9px #22400080,inset 0 1px 1px #1e3800b3,0 0 0 1px #2e4e02cc,0 2px #fff}}