@layer base,reset,theme,components,utilities;@layer base{:where(html){--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:max(.75rem,min(2vw,1rem));--font-size-fluid-1:max(1rem,min(4vw,1.5rem));--font-size-fluid-2:max(1.5rem,min(6vw,2.5rem));--font-size-fluid-3:max(2rem,min(9vw,3.5rem));--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:max(.5rem,min(1vw,1rem));--size-fluid-2:max(1rem,min(2vw,1.5rem));--size-fluid-3:max(1.5rem,min(3vw,2rem));--size-fluid-4:max(2rem,min(4vw,3rem));--size-fluid-5:max(4rem,min(5vw,5rem));--size-fluid-6:max(5rem,min(7vw,7.5rem));--size-fluid-7:max(7.5rem,min(10vw,10rem));--size-fluid-8:max(10rem,min(20vw,15rem));--size-fluid-9:max(15rem,min(30vw,20rem));--size-fluid-10:max(20rem,min(40vw,30rem));--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--ease-circ-in:cubic-bezier(.6,.04,.98,.335);--ease-circ-in-out:cubic-bezier(.785,.135,.15,.86);--ease-circ-out:cubic-bezier(.075,.82,.165,1);--ease-cubic-in:cubic-bezier(.55,.055,.675,.19);--ease-cubic-in-out:cubic-bezier(.645,.045,.355,1);--ease-cubic-out:cubic-bezier(.215,.61,.355,1);--ease-expo-in:cubic-bezier(.95,.05,.795,.035);--ease-expo-in-out:cubic-bezier(1,0,0,1);--ease-expo-out:cubic-bezier(.19,1,.22,1);--ease-quad-in:cubic-bezier(.55,.085,.68,.53);--ease-quad-in-out:cubic-bezier(.455,.03,.515,.955);--ease-quad-out:cubic-bezier(.25,.46,.45,.94);--ease-quart-in:cubic-bezier(.895,.03,.685,.22);--ease-quart-in-out:cubic-bezier(.77,0,.175,1);--ease-quart-out:cubic-bezier(.165,.84,.44,1);--ease-quint-in:cubic-bezier(.755,.05,.855,.06);--ease-quint-in-out:cubic-bezier(.86,0,.07,1);--ease-quint-out:cubic-bezier(.23,1,.32,1);--ease-sine-in:cubic-bezier(.47,0,.745,.715);--ease-sine-in-out:cubic-bezier(.445,.05,.55,.95);--ease-sine-out:cubic-bezier(.39,.575,.565,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-space: ;--gradient-1:linear-gradient(to bottom right var(--gradient-space),#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right var(--gradient-space),#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right var(--gradient-space),#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right var(--gradient-space),#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110% var(--gradient-space),#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left var(--gradient-space),#000,#fff);--gradient-7:linear-gradient(to bottom right var(--gradient-space),#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0% var(--gradient-space),#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center var(--gradient-space),#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25% var(--gradient-space),gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left var(--gradient-space),#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10% var(--gradient-space),#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200% var(--gradient-space),#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right var(--gradient-space),lime,cyan);--gradient-15:linear-gradient(to bottom right var(--gradient-space),#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250% var(--gradient-space),#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25% var(--gradient-space),blue,#8a2be2);--gradient-18:linear-gradient(0deg var(--gradient-space),rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg var(--gradient-space),rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg var(--gradient-space),rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg var(--gradient-space),rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg var(--gradient-space),rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg var(--gradient-space),rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right var(--gradient-space),#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center var(--gradient-space),orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115% var(--gradient-space),red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right var(--gradient-space),#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right var(--gradient-space),#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0% var(--gradient-space),#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50% var(--gradient-space),#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right var(--gradient-space),#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left var(--gradient-space),#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105% var(--gradient-space),#fff,orchid);--gradient-29:radial-gradient(circle at top right var(--gradient-space),#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right var(--gradient-space),#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left var(--gradient-space),#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-6))}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@supports (background:linear-gradient(to right in oklab,#000,#fff)){:where(html){--gradient-space:in oklab}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media(prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media(prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}}@layer reset{:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media(dynamic-range:high)or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media(prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){direction:ltr;max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table button:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])){text-align:center}:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media(prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}}@layer theme{:where([data-theme=light],.light,.light-theme){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);color-scheme:light}@media(dynamic-range:high)or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where([data-theme=light],.light,.light-theme){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where([data-theme=light],.light,.light-theme) :where(dialog){background-color:var(--surface-1)}:where([data-theme=light],.light,.light-theme) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(.light,.light-theme,[data-theme=light]) :where(button,.btn):where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(.light,.light-theme,[data-theme=light]) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-6)}:where(.light,.light-theme,[data-theme=light]) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-6)}:where(.light,.light-theme,[data-theme=light]) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where([data-theme=light],.light,.light-theme) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}}@layer theme{:where([data-theme=dark],.dark,.dark-theme){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-0);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467);color-scheme:dark}:where([data-theme=dark],.dark,.dark-theme) :where(dialog){background-color:var(--surface-2)}:where([data-theme=dark],.dark,.dark-theme) :where(button,.btn){--_highlight:var(--_highlight-dark);--_bg:var(--_bg-dark);--_ink-shadow:var(--_ink-shadow-dark)}:where(.dark,.dark-theme,[data-theme=dark]) :where(button,.btn):where([type=reset]){--_text:var(--red-2);--_border:var(--surface-3)}:where(.dark,.dark-theme,[data-theme=dark]) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-5)}:where(.dark,.dark-theme,[data-theme=dark]) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-5)}:where(.dark,.dark-theme,[data-theme=dark]) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-5)}:where([data-theme=dark],.dark,.dark-theme) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where([data-theme=dark],.dark,.dark-theme) :where([disabled]),:where([data-theme=dark],.dark,.dark-theme) :where([type=reset]),:where([data-theme=dark],.dark,.dark-theme) :where([type=submit]),:where([data-theme=dark],.dark,.dark-theme) :where(form button:not([type=button])){--_bg:var(--surface-1)}}@layer components.code{.astro-code{--astro-code-color-text: var(--text-1);--astro-code-color-background: light-dark(white, var(--surface-2));box-shadow:var(--shadow-3)}[data-theme=light] .astro-code{--astro-code-token-function: var(--purple-8);--astro-code-token-constant: var(--blue-9);--astro-code-token-string-expression: var(--blue-9);--astro-code-token-keyword: var(--pink-7)}[data-theme=dark] .astro-code{--astro-code-token-function: var(--green-3);--astro-code-token-constant: var(--cyan-2);--astro-code-token-string-expression: var(--cyan-2);--astro-code-token-keyword: var(--pink-4)}}@layer utilities{.grid-pile{display:grid;>*{grid-area:1/1}}.fullheight{min-block-size:100svb;display:grid;place-content:center;place-content:safe center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@view-transition{navigation:auto}@layer reset{:where(figcaption){max-inline-size:none;text-wrap:auto}:where(pre){max-inline-size:none}:where(code){padding-block:2px}:not(pre)>code{[data-theme=light] &{background:#fff;border:1px solid var(--surface-2);font-size:85%}}}@layer components.page{:root{--surface-document: light-dark(white, var(--surface-1));--font-family-heading: "Familjen Grotesk", sans-serif;--font-family-body: "DM Sans", sans-serif}html{background-color:var(--surface-document)}p{font-family:var(--font-family-body)}pre{padding-block:var(--size-3);padding-inline:var(--size-4);border-radius:var(--radius-3)}figcaption{text-align:center;font-style:italic}}a[target=_blank]:after{content:"" / "opens in a new tab";background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2093.12%2092.28'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20color-scheme:%20light%20dark;%20fill:%20none;%20stroke:%20light-dark(%234263eb,%20%2391a7ff);%20stroke-miterlimit:%2010;%20stroke-width:%2012px;%20}%20%3c/style%3e%3c/defs%3e%3cpolyline%20class='cls-1'%20points='34.81%206%2087.12%206%2087.12%2058.13'/%3e%3cline%20class='cls-1'%20x1='4.22'%20y1='88.01'%20x2='87.12'%20y2='6'/%3e%3c/svg%3e");background-repeat:no-repeat;display:inline-block;margin-left:var(--size-2);height:.75em;width:.75em;vertical-align:middle;margin-top:-1px;stroke:inherit}@layer components.theme-switch{.theme-toggle[data-astro-cid-kbkfizc4]{--size: var(--size-5);--icon-fill: hsl(210 10% 30%);--icon-fill-hover: hsl(210 10% 15%);background:none;border:none;padding:0;inline-size:var(--size);block-size:var(--size);aspect-ratio:1;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:5px;>svg[data-astro-cid-kbkfizc4]{inline-size:100%;block-size:100%;stroke-linecap:round}&[data-astro-cid-kbkfizc4]:is(:hover,:focus-visible){--icon-fill: var(--icon-fill-hover);.sun-beams{transform:rotate(20deg)}>.sun-and-moon>.moon>circle{cx:20px}}[data-theme=dark] &{--icon-fill: hsl(210 10% 70%);--icon-fill-hover: hsl(210 15% 90%)}&:is(:hover,:focus-visible) :is(.moon,.sun,.sun-beams){fill:var(--icon-fill-hover)}}.sun-and-moon[data-astro-cid-kbkfizc4]{>[data-astro-cid-kbkfizc4]:is(.moon,.sun,.sun-beams){transform-origin:center center}>[data-astro-cid-kbkfizc4]:where(.moon,.sun){fill:var(--icon-fill)}>.sun-beams[data-astro-cid-kbkfizc4]{stroke:var(--icon-fill);stroke-width:2px}[data-theme=dark] &{>.sun{transform:scale(1.75)}>.sun-beams{opacity:0}>.moon>circle{transform:translate(-7px);@supports (cx: 1){transform:translate(0);cx:17}}}@media(prefers-reduced-motion:no-preference){>.sun{transition:transform 1s var(--ease-spring-3)}>.sun-beams{transition:transform .75s var(--ease-spring-2),opacity .5s var(--ease-3)}.moon>circle{transition:transform .25s var(--ease-out-5);@supports (cx: 1){transition:cx .25s var(--ease-out-5)}}[data-theme=dark] &{>.sun{transform:scale(1.75);transition-timing-function:var(--ease-3);transition-duration:.25s}>.sun-beams{transform:rotate(-25deg);transition-duration:.15s}>.moon>circle{transition-delay:.25s;transition-duration:.5s}}}}}@keyframes circle-in-top-right{0%{clip-path:circle(0%)}to{clip-path:circle(150% at top right)}}@media(prefers-reduced-motion:no-preference){@media(width<=1600px){::view-transition-old(root){animation:none}::view-transition-new(root){animation:2s cubic-bezier(.25,1,.3,1) circle-in-top-right forwards}}}@layer components.primary-header{nav[data-astro-cid-rnzzhjcr]{transition:background-color .35s ease,box-shadow .35s ease,translate .35s ease}nav[data-astro-cid-rnzzhjcr]{position:sticky;top:0;z-index:1;block-size:var(--size-8);display:flex;gap:var(--size-2);place-items:center;justify-content:space-between;padding-inline:var(--size-5);background:transparent;@media(width>=540px){block-size:var(--size-9)}>*:not(h3){flex-shrink:0}>a{border-radius:var(--radius-round)}>.page-controls{display:flex;place-items:center;gap:var(--size-3)}}.hamburger[data-astro-cid-rnzzhjcr]{background:none;color:var(--text-2);border-radius:var(--radius-round);aspect-ratio:var(--ratio-square);&[data-astro-cid-rnzzhjcr]:is(:hover,:focus-visible){color:var(--text-1)}@media(width>=1200px){display:none}}}@layer components.primary-header{@supports not (animation-range: 0% 0%){html:has(h3.stuck) nav[data-astro-cid-rnzzhjcr]{background-color:var(--surface-document);box-shadow:var(--shadow-3)}}@supports (animation-range: 0% 0%){html{timeline-scope:--main}@keyframes track-main{0%,to{--main-in-view: 1}}html{animation:track-main linear;animation-timeline:--main;animation-range:entry 100% exit 100%}@container style(--main-in-view){nav[data-astro-cid-rnzzhjcr]{background-color:var(--surface-document);box-shadow:var(--shadow-3)}}}}@layer components.primary-header{html{container-type:scroll-state}nav[data-astro-cid-rnzzhjcr]{@container scroll-state(scrolled: bottom){@container style(--main-in-view){translate:0 -100%}}}}@layer components.intro--clouds{@layer layout{.clouds[data-astro-cid-pjlepnnq]{position:absolute;pointer-events:none;inset:0;transition:opacity .15s ease;&.inactive{opacity:0}[data-theme=dark] &{filter:brightness(.4) hue-rotate(110deg) contrast(1.2)}}.clouds[data-astro-cid-pjlepnnq]>img[data-astro-cid-pjlepnnq]{position:absolute;left:var(--start-x, 50%);top:var(--start-y, 50%);translate:-50% -50%;width:25svw;max-width:15em}}@layer sda{@property --adjust-x{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --opacity{syntax: "<number>"; inherits: false; initial-value: 1;}@property --scale{syntax: "<number>"; inherits: false; initial-value: 1;}.clouds[data-astro-cid-pjlepnnq]>img[data-astro-cid-pjlepnnq]{translate:calc(-50% + var(--adjust-x, 0px)) -50%;scale:var(--scale, 1)}@keyframes move-cloud{to{translate:calc(-50% + var(--target-x, 0px)) -50%;scale:var(--target-scale, 1)}}@supports (animation-range: 0% 0%){@media(prefers-reduced-motion:no-preference){.clouds[data-astro-cid-pjlepnnq]>img[data-astro-cid-pjlepnnq]{animation:move-cloud linear both;animation-timeline:--intro;animation-range:var(--animation-range, var(--default-range))}}@media(prefers-reduced-motion:reduce){.clouds[data-astro-cid-pjlepnnq]{z-index:-1;opacity:.5}.clouds[data-astro-cid-pjlepnnq]>img[data-astro-cid-pjlepnnq]{--adjust-x: calc(var(--target-x, 0px) / 2.5)}}}@supports not (animation-range: 0% 0%){.clouds[data-astro-cid-pjlepnnq]{z-index:-1;opacity:.5}.clouds[data-astro-cid-pjlepnnq]>img[data-astro-cid-pjlepnnq]{--adjust-x: calc(var(--target-x, 0px) / 2.5)}}}}@layer components.intro{#introduction[data-astro-cid-hxrq4k5a]{position:relative;view-timeline:--intro block;--default-range: entry 50% contain 35%}@supports (animation-range: 0% 0%){@media(prefers-reduced-motion:no-preference){@keyframes animate-content{0%{opacity:0;scale:.5}}.content-wrapper[data-astro-cid-hxrq4k5a]{animation:animate-content ease-out both;animation-timeline:--intro;animation-range:var(--default-range)}}}.intro[data-astro-cid-hxrq4k5a]{margin:0 auto;max-inline-size:110ch;@media(width<=1200px){max-inline-size:80ch}p{font-size:var(--font-size-4);font-weight:200;max-inline-size:none;margin-block:var(--size-7)}}.visual-prompt[data-astro-cid-hxrq4k5a]{display:flex;justify-content:center;padding-block:var(--size-7);>svg{color:var(--link)}@media(prefers-reduced-motion:no-preference){animation:var(--animation-float)}}}@keyframes showup{0%{opacity:0}to{opacity:1}}.feature-overview[data-astro-cid-nhtvyion]{ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 var(--size-5);margin:0;overflow-x:scroll;overflow-y:hidden;view-timeline:--ul block;scrollbar-width:none;width:min(100vw,1300px);position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;@media(width>=1300px){width:100%;left:0;right:0;margin-left:0;margin-right:0}}a{color:initial;display:grid;gap:1rem 2rem;min-inline-size:260px;&:hover,&:focus{text-decoration:none}}li{list-style:none;background-color:light-dark(var(--gray-1),var(--gray-8));padding:var(--size-7);border-radius:var(--radius-4);text-align:center;transition:background-color .2s ease;@media(prefers-reduced-motion:no-preference){animation:showup ease-in both;animation-range:entry 0% cover calc((var(--sibling-index) - 1) * 10% + 20%);animation-range:entry 0% cover calc((sibling-index() - 1)*10% + 20%);animation-timeline:--ul}&:has(:hover){background-color:light-dark(var(--gray-3),var(--gray-7))}}p{color:light-dark(#6e6f71,var(--gray-3))}h2{font-size:var(--size-7);font-weight:550;font-family:var(--font-family-heading);line-height:1;letter-spacing:-.05em;color:var(--text-1);max-width:260px;margin:0 auto}img{max-inline-size:min(100%,200px);margin:0 auto}}.bouncybox[data-astro-cid-7qmhghac]{border-radius:2rem;min-width:0;width:100%;@media(orientation:landscape){aspect-ratio:3.5/1}@media(orientation:portrait){aspect-ratio:.8}overflow:clip;position:relative;container-type:inline-size;button{opacity:0;pointer-events:none;position:absolute;top:.25em;right:.25em;transition:opacity .35s ease;transition-delay:1.4s;z-index:1;border:2px solid light-dark(#7ecbd5,#376368);background:light-dark(#e5f6f7,#1d4449);font-size:var(--size-4);padding:var(--size-2) var(--size-4);border-radius:2rem;&:hover,&:focus-visible{background:light-dark(#7ecbd5,#376368);color:#fff}&:active{background-color:transparent;color:inherit}.animate &{opacity:1;pointer-events:unset}}&.animate img{translate:0 0;rotate:0deg;opacity:1}img{@media(orientation:landscape){--width: 15cqi}@media(orientation:portrait){--width: 35cqi}--aspect: calc(416 / 374);--height: calc(var(--width) / var(--aspect));width:var(--width);height:auto;display:inline-block;position:absolute;pointer-events:none;user-select:none;left:100%;--bounce-easing: linear(0,.004,.016,.035,.063,.098,.141 13.6%,.25,.391,.563,.765,1,.891 40.9%,.848,.813,.785,.766,.754,.75,.754,.766,.785,.813,.848,.891 68.2%,1 72.7%,.973,.953,.941,.938,.941,.953,.973,1,.988,.984,.988,1);--base-delay: .1s;@media(orientation:portrait){--base-delay: .2s}@media(prefers-reduced-motion:no-preference){transition:translate .3s ease,rotate .3s ease,scale .3s ease;transition-timing-function:var(--bounce-easing);transition-delay:calc((var(--order, sibling-index()) - 1) * var(--base-delay));@supports (z-index: random(1,2)){transition-duration:random(.5s,2s);rotate:random(-45deg,45deg)}@supports not (z-index: random(1,2)){transition-duration:var(--transition-duration, .25s);rotate:var(--rotate, -5deg)}@media(orientation:landscape){translate:0 calc(var(--height) * -2.5)}@media(orientation:portrait){translate:0 calc(var(--height) * -4.5)}}@media(prefers-reduced-motion:reduce){transition:opacity .6s ease;transition-delay:calc((var(--order, sibling-index()) - 1) * var(--base-delay));opacity:.3}.force-restart &{transition:none}&#clay-speech{@media(orientation:landscape){bottom:calc(var(--height) * .5);left:calc(var(--width) * 2.155)}@media(orientation:portrait){bottom:calc(var(--height) * .77);left:calc(var(--width) * 1.1);--order: 6}}&#clay-color-wheel{@media(orientation:landscape){bottom:calc(var(--height) * -.18);left:calc(var(--width) * 5.7);rotate:-15deg}@media(orientation:portrait){bottom:calc(var(--height) * .71);left:calc(var(--width) * 1.75);rotate:-13deg;--order: 4}}&#clay-floppies{@media(orientation:landscape){bottom:calc(var(--height) * -.175);left:calc(var(--width) * 2.5)}@media(orientation:portrait){bottom:calc(var(--height) * 1.49);left:calc(var(--width) * .89);rotate:-37deg;--order: 9}}&#clay-cloud{@media(orientation:landscape){bottom:calc(var(--height) * .44);left:calc(var(--width) * 4.55);rotate:-15deg;scale:1.2}@media(orientation:portrait){bottom:calc(var(--height) * 1.4);left:calc(var(--width) * 1.8);scale:1.2;rotate:5deg;--order: 7}}&#clay-yarn{@media(orientation:landscape){bottom:calc(var(--height) * -.04);left:calc(var(--width) * 4.9);scale:.8;transform-origin:0% 100%}@media(orientation:portrait){bottom:calc(var(--height) * 2);left:calc(var(--width) * 1.42);rotate:5deg;scale:.77;--order: 10}}&#clay-lightbulb{@media(orientation:landscape){bottom:calc(var(--height) * .35);left:calc(var(--width) * 2.87)}@media(orientation:portrait){bottom:calc(var(--height) * 1.85);left:calc(var(--width) * 2.09);rotate:-35deg;scale:.96;--order: 11}}&#clay-magnify{bottom:calc(var(--height) * .78);left:calc(var(--width) * .48);@media(orientation:portrait){--order: 5}}&#clay-keyboard{@media(orientation:landscape){bottom:calc(var(--height) * -.1);left:calc(var(--width) * 3.7);scale:1.5;transform-origin:50% 100%}@media(orientation:portrait){bottom:calc(var(--height) * 2.12);left:calc(var(--width) * 0);rotate:67deg;scale:1.5;--order: 8}}&#clay-cylinder{@media(orientation:landscape){bottom:calc(var(--height) * .53);left:calc(var(--width) * 5.31);rotate:-15deg}@media(orientation:portrait){bottom:calc(var(--height) * 2.6);left:calc(var(--width) * .3);rotate:-20deg;scale:1.1;--order: 13}}&#clay-code{@media(orientation:landscape){bottom:calc(var(--height) * .34);left:calc(var(--width) * 3.7);rotate:13deg}@media(orientation:portrait){bottom:calc(var(--height) * 1.95);left:calc(var(--width) * .64);--order: 12}}&#clay-ruler{bottom:calc(var(--height) * -.17);left:calc(var(--width) * -.1);@media(orientation:portrait){--order: 1}}&#clay-network{bottom:calc(var(--height) * -.1);left:calc(var(--width) * .75);@media(orientation:portrait){--order: 2}}&#clay-mouse{bottom:calc(var(--height) * .43);left:calc(var(--width) * -.1);@media(orientation:portrait){--order: 4}}&#clay-computer{bottom:calc(var(--height) * -.05);left:calc(var(--width) * 1.6);@media(orientation:portrait){--order: 3}}}}@property --range{syntax: "<length>"; inherits: false; initial-value: 0;}@keyframes particle-enter{0%{translate:0cqi 0cqi;rotate:0turn}}@keyframes particle-scroll{to{translate:0cqi 0cqi;rotate:0turn}}@keyframes journeyed{0%{transform:translate(-10vw) scaleX(calc(var(--scroll-direction, 1)))}to{transform:translate(100vw) scaleX(calc(var(--scroll-direction, 1)))}}@keyframes h1-leave{to{transform:translateY(200%) rotate(-.15turn) scale(0)}}@keyframes narrative-enter{0%{opacity:0}}@layer components.hero{section[data-astro-cid-zi4ldr3x]{max-inline-size:100%;overflow-x:clip;position:relative;z-index:0}.hero-container[data-astro-cid-zi4ldr3x]{background:radial-gradient(max(30vw,300px) circle at min(5vw,125px) min(30vw,300px) in oklab,color(display-p3 .47 0 1 / .25),transparent),radial-gradient(max(40vw,300px) circle at 90vw 50vh in oklab,color(display-p3 1 .77 0 / .25),transparent),radial-gradient(max(30vw,300px) circle at 30vw 45vh in oklab,color(display-p3 0 1 .98 / .25),transparent);margin-top:calc(var(--size-9) * -1);overflow-x:clip}.hero[data-astro-cid-zi4ldr3x]{max-inline-size:min(90vw,1400px);margin-inline:auto;display:grid;gap:var(--size-5);padding-top:var(--size-10);.grid-pile img{margin:0 auto var(--size-8)}@media(width>=720px){max-inline-size:min(1400px,75vw);padding:var(--size-9) var(--size-5) 0;gap:var(--size-8)}>h1{font-size:clamp(5rem,11vw,14rem);text-align:center;max-inline-size:100%;@supports (animation-range: 0% 0%){@media(prefers-reduced-motion:no-preference){animation:h1-leave linear both;animation-timeline:scroll();animation-range:0vh 15vh}}}p{text-align:center;max-inline-size:max-content;margin-inline:auto}.hero-title{font-size:clamp(2.5rem,10cqi,6rem);margin-block:var(--size-8);font-weight:600;line-height:1;font-family:var(--font-family-heading);letter-spacing:-.05em;&.top{margin-bottom:-3rem}&.hero-title--smaller{font-size:clamp(3.3rem,10cqi,6rem);text-wrap:balance}&.subtitle{font-size:clamp(2.3rem,5cqi,5rem);font-weight:500}i{font-family:Familjen Grotesk Italic,sans-serif;font-weight:500}}.sub-title{font-size:var(--font-size-4);font-weight:200;text-align:center;text-wrap:balance;max-inline-size:50ch;@media(width>=720px){line-height:1.85}>.callout{display:inline-flex;gap:var(--size-2);place-items:baseline;font-weight:700;line-height:1cap;border:2px solid var(--surface-4);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-2);margin-inline:var(--size-1);>svg{block-size:1ch}}}.narrative{display:grid;container:narrative / inline-size;>p{@supports (animation-range: 0% 0%){@media(prefers-reduced-motion:no-preference){animation:narrative-enter linear both;animation-timeline:view();animation-range:10% 20%}}}>svg{@media(prefers-reduced-motion:no-preference){@supports (animation-range: 0% 0%){animation:journeyed linear both;animation-timeline:view(y);animation-range:25% 75%}}@media(prefers-reduced-motion:reduce){margin:0 auto}@supports not (animation-range: 0% 0%){margin:0 auto}}}}.confetti[data-astro-cid-zi4ldr3x]{position:relative;display:grid;place-items:center;container-type:size;z-index:-1;>span{position:absolute;transform-origin:center;@media(prefers-reduced-motion:no-preference){@supports (animation-range: 0% 0%){animation:particle-scroll linear both,particle-enter 1s ease;animation-timeline:scroll(y root),auto;animation-range:0vh var(--range)}@supports not (animation-range: 0% 0%){animation:particle-enter 1s ease}}&.round{--shadow-color: dimgray;--shadow-strength: 50%;--_size: clamp(.3rem, 2.5cqi, 1rem);width:var(--_size);height:var(--_size);background:radial-gradient(circle at 50% 0 in oklch,var(--blue-2) 20%,var(--blue-6));border-radius:50%;box-shadow:var(--shadow-1);&:nth-of-type(5n+1){background:radial-gradient(circle at 50% 0 in oklch,var(--pink-2) 20%,var(--pink-6))}&:nth-of-type(2n){--_size: clamp(.5rem, 3cqi, 1.2rem)}&:nth-of-type(3n+1){--_size: clamp(.8rem, 3cqi, 1.5rem)}&:nth-of-type(5n+2){background:radial-gradient(circle at 50% 0 in oklch,var(--purple-2) 20%,var(--purple-6))}}&:nth-of-type(5n+3){background:radial-gradient(circle at 50% 0 in oklch,var(--yellow-2) 20%,var(--yellow-6))}&:nth-of-type(5n+4){background:radial-gradient(circle at 50% 0 in oklch,var(--green-2) 20%,var(--green-6))}}}.bento-wrapper[data-astro-cid-zi4ldr3x]{padding-block:var(--size-5);@media(width>=720px){padding-block:var(--size-8)}}}@keyframes biome-header{to{opacity:0;transform:translateY(5vh) scale(.9)}}@layer components.biome{.section-header[data-astro-cid-wazfu3pz]{grid-column:main;min-width:0;display:grid;gap:var(--size-8);grid-template-areas:"meta" "visual";grid-template-columns:1fr;@media(width>=720px){grid-template-areas:"meta visual";grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}h2{font-weight:600;font-family:var(--font-family-heading);letter-spacing:-.05em;font-size:clamp(var(--size-7),14cqi,var(--size-10));line-height:1;>a{translate:-3rem 0;display:inline-block;position:absolute;opacity:0;transition:translate .2s ease,opacity .2s ease;padding:var(--size-2);margin-top:calc(var(--size-2) * -1);text-decoration-color:inherit}&:hover>a,&:focus-within>a{translate:-2.25rem 0;opacity:1}}img{grid-area:visual;width:100%;height:auto;border-radius:var(--radius-4)}.meta{gap:var(--size-3);display:grid;container-type:inline-size}p{font-size:clamp(var(--font-size-1),4cqi,var(--font-size-3))}.feature-link-list{ul{padding:0;margin:0}li{list-style:none;padding:0}@container (width >= 400px){column-count:2;column-gap:var(--size-5)}a{display:block;text-decoration-color:inherit;font-family:var(--font-family-body);font-size:clamp(var(--font-size-1),4cqi,var(--font-size-3))}}}}@layer components.biome{section[data-astro-cid-p53kqx4y]{display:grid;gap:var(--size-3);grid-column:main-features;scroll-margin-block-start:var(--size-9);.biome:not(.biome:last-child) &{padding-block-end:10vh}}.features-list[data-astro-cid-p53kqx4y]{display:grid;gap:var(--size-10);min-width:0;>div{view-timeline-name:var(--vt-name);min-width:0}}}@keyframes i-spy{entry 0% {transform-origin: top; transform: scaleY(0);} entry 25% {transform-origin: top; transform: scaleY(1);} exit 75% {transform-origin: bottom; transform: scaleY(1);} exit 100% {transform-origin: bottom; transform: scaleY(0);}}@layer components.aside{aside[data-astro-cid-rfgyarab]{grid-area:main-sidenav;grid-row:1;container:main-aside / inline-size;@media(width<=1200px){display:none}}.dynamic-aside[data-astro-cid-rfgyarab]{position:sticky;top:var(--size-10);margin-left:var(--size-6);--link: light-dark(var(--indigo-8), var(--indigo-3));ul a{color:var(--link);&:hover{text-decoration:underline}}>nav{block-size:max-content;display:grid;gap:var(--size-3);padding-bottom:var(--size-8);>a{font-weight:var(--font-weight-7);color:var(--text-1);&.active:before{content:"→ "}}}ul{padding:0;display:grid;>li{display:flex;position:relative;padding-inline:var(--size-3);padding-block:var(--size-1);&:before{content:"";position:absolute;top:0;left:4px;inline-size:3px;block-size:100%;@supports (animation-range: 0% 0%){background:var(--link);transform:scaleY(0);animation:i-spy linear;animation-timeline:var(--_view-timeline)}@supports not (animation-range: 0% 0%){background:transparent}}&.in-view:before{background:var(--link)}& code{padding:0;background:none}}}}.mobile-sidenav[data-astro-cid-rfgyarab]{--_left-pad: var(--size-8);--_x: calc(var(--_left-pad) / 2 * -1);background:var(--surface-1);border-inline-end:1px solid var(--surface-2);block-size:100dvh;max-block-size:100dvh;overflow:auto;padding-block:var(--size-5) 0;padding-inline:var(--_left-pad) var(--size-5);@media(width>1200px){display:none}@media(prefers-reduced-motion:no-preference){transition:translate .5s var(--ease-spring-1),box-shadow .5s ease,display .5s linear allow-discrete,overlay .5s linear allow-discrete}&[data-astro-cid-rfgyarab]:not(:popover-open){translate:-100% 0}&[data-astro-cid-rfgyarab]:popover-open{translate:var(--_x) 0;box-shadow:3px 0 2px #00000005,8px 0 5px #00000007,15px 0 10px #00000008,27px 0 18px #0000000a,50px 0 33px #0000000c,119px 0 80px #0001;@starting-style{translate:-100% 0}}header{display:flex;justify-content:space-between;align-items:center;>h2{font-size:var(--font-size-8);margin-block-start:-.25ch}>button{background:var(--surface-1);border:none;padding:var(--size-2);cursor:pointer;color:var(--text-2);border-radius:var(--radius-round);transition:box-shadow .7s var(--ease-spring-3),outline-offset 145ms var(--ease-2);>svg{block-size:2rem}&:hover{box-shadow:0 0 0 5px var(--surface-2)}}}.toc{a{display:flex;gap:var(--size-2);align-items:center;>svg{block-size:1.5rem}}}footer{position:sticky;bottom:0;padding-block:var(--size-3);background:var(--surface-1);border-top:1px solid var(--surface-2)}.feedback{display:inline-flex;gap:var(--size-2);align-items:center;background:var(--surface-2);padding-inline:var(--size-3);padding-block:var(--size-2);border-radius:var(--radius-2);>svg{block-size:1.5rem}}.inner-popover{block-size:100%;display:grid;grid-template-rows:auto 1fr auto;gap:var(--size-7);>div{display:grid;gap:var(--size-7);align-content:start;>section{display:grid;gap:var(--size-2);padding-inline-end:var(--size-4)}}}h2{font-size:var(--font-size-4)}ul{list-style-type:none;padding:0;display:grid;border-left:1px solid var(--surface-2);>li{padding-inline-start:var(--size-5);line-height:2;position:relative;&:before{content:"";position:absolute;top:0;left:-2px;background:var(--link);inline-size:4px;block-size:100%;transform:scaleY(0);animation:i-spy linear;animation-timeline:var(--_view-timeline)}>a:not(:hover,:focus-visible){color:var(--text-2)}}}}}@layer components.biomes{.biomes[data-astro-cid-sld2algi]{grid-column:fullbleed;grid-row:1;display:grid;@media(width>=600px){grid-template-columns:subgrid}}.biomeheader[data-astro-cid-sld2algi]{grid-column:fullbleed;display:grid;grid-template-columns:subgrid;background:var(--surface-1);padding:var(--size-9) var(--size-4);@media(width<=600px){padding:var(--size-6) var(--size-4)}&[data-astro-cid-sld2algi]:has(#optimized-ergonomics){background:light-dark(#ffe5cd,#552e25)}&[data-astro-cid-sld2algi]:has(#next-gen-interactions){background:light-dark(#ffdcef,#623651)}&[data-astro-cid-sld2algi]:has(#customizable-components){background:light-dark(#d6f2ff,#103049)}}.biome[data-astro-cid-sld2algi]{grid-column:main;display:grid;grid-template-columns:subgrid;padding-block:var(--size-8);&[data-astro-cid-sld2algi]:last-child{padding-block-end:0}}}.avatars[data-astro-cid-hqv7i4hg]{--color-core-primary: var(--blue-4);--color-core-tertiary: var(--blue-7);--color-core-bg: var(--surface-document);--color-avatars-background: var(--surface-document);--gap: .1em;--avatar-size: 4em;--overlap-size: 1.5em;--hover-overlap-size: 2em;--border-size: .3em;--num-children: 5;--num-children-1: calc(var(--num-children) - 1);display:grid;gap:var(--gap);padding:var(--gap);margin:0 auto;grid-auto-flow:column;grid-template-columns:repeat(var(--num-children),var(--grid-cell-size-to-use));width:calc(var(--grid-cell-size-to-use) * var(--num-children-1) + var(--gap) * var(--num-children) + var(--avatar-size) + var(--border-size));transition:all ease-in-out .25s;@media(width>=720px){--gap: .1em;--avatar-size: 5em;--overlap-size: 3em;--hover-overlap-size: 4em;--border-size: .3em}}.avatars[data-astro-cid-hqv7i4hg]{--grid-cell-size-to-use: calc(var(--overlap-size) + (var(--border-size) * var(--num-children)))}[data-astro-cid-hqv7i4hg]:is(.avatars:hover,.avatars:not(hover):has(>:focus)){--grid-cell-size-to-use: calc(var(--hover-overlap-size, var(--avatar-size)) + (var(--border-size) * var(--num-children)))}.avatars[data-astro-cid-hqv7i4hg]>a[data-astro-cid-hqv7i4hg],.avatars[data-astro-cid-hqv7i4hg]>div[data-astro-cid-hqv7i4hg]{width:var(--avatar-size);aspect-ratio:1;height:auto;outline:none}.avatars[data-astro-cid-hqv7i4hg] img[data-astro-cid-hqv7i4hg]{width:100%;height:auto;box-sizing:content-box;--border-color: var(--color-core-primary);outline:var(--border-size) solid var(--border-color);outline-offset:calc(var(--border-size) * -2);padding:var(--border-size);border:var(--border-size) solid var(--color-avatars-background);border-radius:var(--avatar-size);transition:all ease-in-out .15s}.avatars[data-astro-cid-hqv7i4hg]>a[data-astro-cid-hqv7i4hg]:is(:hover,:focus),.avatars[data-astro-cid-hqv7i4hg]>div[data-astro-cid-hqv7i4hg]:is(:hover){z-index:calc(var(--num-children) + 1)!important;>img{transform-origin:50% 50%;--border-color: var(--color-core-tertiary);scale:1.1}}.avatars[data-astro-cid-hqv7i4hg] span[data-astro-cid-hqv7i4hg]{display:none}@supports (position-area: bottom center){.avatars[data-astro-cid-hqv7i4hg] span[data-astro-cid-hqv7i4hg]{position:absolute;position-area:bottom;white-space:nowrap;height:auto;z-index:2;color:unset;border:1px solid var(--surface-2);background:var(--surface-1);border-radius:var(--radius-round);padding-block:var(--size-2);padding-inline:var(--size-3)}.avatars[data-astro-cid-hqv7i4hg] [data-astro-cid-hqv7i4hg]:is(:hover,:focus)>span[data-astro-cid-hqv7i4hg]{display:block}}@keyframes slid-in-cityscape{0%{transform:translateY(100%)}}@layer components.footer{footer[data-astro-cid-k2f5zb5c]{overflow:clip;position:relative;margin-block-start:10vh;padding-block-end:100px;padding-inline:40px;background:linear-gradient(to top,#9790ae 75px,var(--surface-document) 80px);.content-wrapper{display:grid;place-content:center;place-items:center;text-align:center;padding-inline:var(--size-3);padding-bottom:min(10em,20vh)}p{margin-block:var(--size-7)}.outro-title{font-size:clamp(2.5rem,10cqi,6rem);margin-block:var(--size-8);font-weight:600;line-height:1;font-family:var(--font-family-heading);letter-spacing:-.05em;text-align:center}picture{position:absolute;bottom:0;left:0;right:0;display:grid;place-content:center}picture>img{min-width:50rem;width:100vw;margin:0 auto}@media(prefers-reduced-motion:no-preference){picture>img{animation:slid-in-cityscape linear both;animation-timeline:scroll();animation-range:calc(100% - 25svb) 100%}}}}#cookie-consent:not(:empty){position:fixed;bottom:0;left:0;right:0;background:var(--surface-2);display:grid;grid-auto-flow:column;place-content:center;gap:var(--size-4);padding:var(--size-4);border-top:1px solid var(--surface-1);z-index:5;transition:translate .25s ease;@starting-style{translate:0 100%}@media(width<600px){grid-auto-flow:row}}#cookie-consent[hidden]{translate:0 100%}#cookie-consent button{white-space:nowrap;background:var(--surface-4);color:light-dark(black,black);padding-block:var(--size-2);padding-inline:var(--size-4);border-radius:var(--radius-2);box-shadow:var(--shadow-2);font-weight:700;transition:box-shadow .7s var(--ease-spring-3),outline-offset 145ms var(--ease-2);&:hover{box-shadow:0 0 0 5px color-mix(in oklab,var(--surface-4) 20%,transparent)}}.intro-marquee[data-astro-cid-ynlohhxu]{position:relative;overflow:hidden;background:light-dark(#7ecbd5,#376368);padding:1rem 0}.intro-marquee__inner[data-astro-cid-ynlohhxu]{width:fit-content;display:flex;position:relative;transform:translate(0);animation:intro-marquee 40s linear infinite alternate;@media(prefers-reduced-motion:reduce){animation:none}}.intro-marquee[data-astro-cid-ynlohhxu] span[data-astro-cid-ynlohhxu]{text-transform:uppercase;font-family:var(--font-family-heading);font-size:1.25rem;padding:0 2vw;flex-shrink:0}@keyframes intro-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee[data-astro-cid-xrtmuktd]{position:relative;overflow:hidden;background:light-dark(#7ecbd5,#376368);padding:1rem 0;--size: max-content;&[data-astro-cid-xrtmuktd]:hover .marquee__inner[data-astro-cid-xrtmuktd],&[data-astro-cid-xrtmuktd]:focus .marquee__inner[data-astro-cid-xrtmuktd]{animation-play-state:paused}span{text-transform:uppercase;font-family:var(--font-family-heading);font-size:1.25rem;padding:0 2vw;flex-shrink:0}a{color:inherit;text-decoration:none;&:hover{text-decoration:underline}[data-theme=dark] &{filter:brightness(3)}}}.marquee__inner[data-astro-cid-xrtmuktd]{display:flex;position:relative;transform:translate(0);animation:marquee 120s linear infinite alternate;@media(prefers-reduced-motion:reduce){animation-duration:320s}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-5300px)}}@keyframes feature-header{to{transform:translate(5ch)}}@keyframes mobile-sticky-adjustment{to{transform:translate(var(--size-7)) scale(.7)}}@layer components.feature{article[data-astro-cid-obzkwrbv]{position:relative;--_inline-padding: var(--size-8);display:grid;gap:var(--size-7);padding-block:var(--size-7);padding-inline:var(--_inline-padding);font-weight:300;@media(width<=720px){gap:var(--size-5);padding-block:var(--size-5)}@media(width<=480px){--_inline-padding: var(--size-3);gap:var(--size-3);padding-block:var(--size-3)}@media(width<=600px){font-size:var(--font-size-0)}&[data-astro-cid-obzkwrbv]:target{scroll-margin-block-start:var(--size-9)}h3{font-family:var(--font-family-heading);font-weight:700;line-height:1.2;font-size:var(--font-size-6);text-wrap:pretty;@media(width>790px){position:sticky;top:0;z-index:1;@container scroll-state(scrolled: bottom){position:static}}>code{font-size:.6em;text-shadow:none}>a{scroll-margin-block-start:var(--size-3)}}>p{max-inline-size:100%;@media(width<=600px){font-size:var(--font-size-1)}}>ul{@media(width<=600px){font-size:var(--font-size-1)}}>footer>a{background:var(--link);color:light-dark(white,black);padding-block:var(--size-2);padding-inline:var(--size-3);border-radius:var(--radius-2);box-shadow:var(--shadow-3);font-weight:700;transition:box-shadow .7s var(--ease-spring-3),outline-offset 145ms var(--ease-2);@media(prefers-color-scheme:light){text-shadow:0 1px 0 color-mix(in oklab,var(--link) 80%,black)}&:hover{box-shadow:0 0 0 5px color-mix(in oklab,var(--link) 20%,transparent)}&:is(:hover,:focus-visible){text-decoration:none}}>footer:not(footer:has(>ul)){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--size-2);border-block-start:1px solid var(--surface-2);padding-block-start:var(--size-6);>.articles{display:flex;flex-wrap:wrap;gap:var(--size-2) var(--_inline-padding);>a{white-space:nowrap}}}.resources{display:grid;gap:var(--size-3);padding-block:var(--size-4);>p{text-transform:uppercase;font-size:var(--font-size-0);font-weight:700;display:flex;place-items:center;gap:var(--size-2);>svg{block-size:var(--size-relative-8);inline-size:var(--size-relative-8);color:var(--text-2)}}>ul{display:grid;gap:var(--size-3);padding-inline:var(--size-3);>li{padding-inline-start:0;max-inline-size:none}}}.support{display:grid;gap:var(--size-3);margin-inline:calc(var(--_inline-padding) * -1);padding-inline:var(--_inline-padding);min-block-size:5lh;>baseline-status{padding:0;font-family:var(--font-sans);border:1px solid var(--surface-2);padding:var(--size-5) var(--size-5) var(--size-3);border-radius:var(--size-3)}}}}h3[data-astro-cid-lwhax2qp]{margin-left:-.4em;gap:.1rem;display:flex;align-items:center;font-weight:600;font-size:var(--size-7);font-family:var(--font-family-heading);letter-spacing:-.05em;width:100%;min-width:0;transition:translate .35s ease;&.stuck{@container scroll-state(scrolled: bottom){@container style(--main-in-view){translate:0 -100%}}}span{display:inline-block;width:fit-content;max-width:100%}@media(width>720px){font-size:var(--size-8)}}h4[data-astro-cid-lwhax2qp]{max-inline-size:none;font-weight:400;font-family:var(--font-family-body);line-height:1.4;text-wrap:pretty;letter-spacing:-.03em;color:light-dark(#6F6F6F,var(--gray-2))}.feature-out-links[data-astro-cid-lwhax2qp]{display:flex;gap:var(--size-5);padding:0;margin:0;list-style:none;font-size:var(--font-size-3);white-space:nowrap;@media(width<600px){flex-direction:column;gap:var(--size-2)}li{padding-inline-start:0}a{color:var(--text-1);font-weight:450;font-family:var(--font-family-heading)}}.hash-link[data-astro-cid-lwhax2qp]{text-decoration:none;font-size:.65em;visibility:hidden;h3:hover &{visibility:visible}}@layer components.video{video[data-astro-cid-a7ocovbz]{background-color:var(--surface-2);border-radius:var(--radius-3);min-width:0}}@layer components.main{main[data-astro-cid-j7pv25f6]{display:grid;gap:var(--size-4);grid-template-areas:". main-features main-sidenav .";grid-template-columns:[fullbleed-start] auto [main-start] fit-content(90ch) minmax(0,28ch) [main-end] auto [fullbleed-end];@media(width<=1200px){grid-template-areas:". main-features .";grid-template-columns:[fullbleed-start] auto [main-start] fit-content(90ch) [main-end] auto [fullbleed-end]}}.fullbleed[data-astro-cid-j7pv25f6]{grid-column:fullbleed}.main[data-astro-cid-j7pv25f6]{grid-column:main}}@layer components.primary-header{main[data-astro-cid-j7pv25f6]{view-timeline:--main block}}:not(pre)>code{white-space:break-spaces;word-break:break-word}iframe{max-height:80vh}