@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";@import"https://fonts.googleapis.com/css2?family=Smooch&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:"";--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-duration:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-leading:initial;--tw-tracking:initial}}}: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:2147480000;--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 #0001;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/var(--shadow-strength-10));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 14px -5px hsl(var(--shadow-color)/var(--shadow-strength-6));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 2px -5px hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 5px -5px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 4px 12px -5px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 12px 15px -5px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 2px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 9px 9px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 16px 16px -2px hsl(var(--shadow-color)/var(--shadow-strength-7));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 10px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 20px 20px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 40px 40px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 3px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 12px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 22px 18px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 41px 33px -2px hsl(var(--shadow-color)/var(--shadow-strength-7)),0 100px 80px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/var(--shadow-strength-10));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),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,#0ff0),radial-gradient(circle at bottom left var(--gradient-space),#ff1492,#ff149200);--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),#f00c,#f000 75%),linear-gradient(60deg var(--gradient-space),#ff0c,#ff00 75%),linear-gradient(120deg var(--gradient-space),#0f0c,#0f00 75%),linear-gradient(180deg var(--gradient-space),#0ffc,#0ff0 75%),linear-gradient(240deg var(--gradient-space),#00fc,#00f0 75%),linear-gradient(300deg var(--gradient-space),#f0fc,#f0f0 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,#bfb3ff00),radial-gradient(circle at bottom left var(--gradient-space),#86acf9,#86acf900);--gradient-30:radial-gradient(circle at top right var(--gradient-space),#00ff80,#00ff8000),radial-gradient(circle at bottom left var(--gradient-space),#adffd6,#adffd600);--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:100000px;--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%) *100000,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) *100000,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) *100000,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) *100000,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) *100000,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) *100000,var(--radius-6));--palette-hue:250;--palette-hue-rotate-by:0;--palette-chroma:.15;--color-1:oklch(98% calc(var(--palette-chroma)*.03)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*0));--color-2:oklch(97% calc(var(--palette-chroma)*.06)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*1));--color-3:oklch(93% calc(var(--palette-chroma)*.1)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*2));--color-4:oklch(84% calc(var(--palette-chroma)*.12)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*3));--color-5:oklch(80% calc(var(--palette-chroma)*.16)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*4));--color-6:oklch(71% calc(var(--palette-chroma)*.19)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*5));--color-7:oklch(66% calc(var(--palette-chroma)*.2)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*6));--color-8:oklch(58% calc(var(--palette-chroma)*.21)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*7));--color-9:oklch(53% calc(var(--palette-chroma)*.2)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*8));--color-10:oklch(49% calc(var(--palette-chroma)*.19)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*9));--color-11:oklch(42% calc(var(--palette-chroma)*.17)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*10));--color-12:oklch(35% calc(var(--palette-chroma)*.15)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*11));--color-13:oklch(27% calc(var(--palette-chroma)*.12)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*12));--color-14:oklch(20% calc(var(--palette-chroma)*.09)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*13));--color-15:oklch(16% calc(var(--palette-chroma)*.07)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*14));--color-16:oklch(10% calc(var(--palette-chroma)*.05)calc(var(--palette-hue) + var(--palette-hue-rotate-by)*15))}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff1,inset 0 .5px 0 0 #0007}}@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()blur(20px);opacity:0}10%{filter:brightness(2)blur(10px);opacity:1}to{filter:brightness()blur();opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(2)blur(10px);opacity:1}0%{filter:brightness()blur();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()blur(20px);opacity:0}10%{filter:brightness(.5)blur(10px);opacity:1}to{filter:brightness()blur();opacity:1}}@keyframes fade-out-bloom{to{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(.5)blur(10px);opacity:1}0%{filter:brightness()blur();opacity:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-300:oklch(83.7% .128 66.29);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-900:oklch(40.5% .101 131.063);--color-teal-500:oklch(70.4% .14 182.503);--color-sky-300:oklch(82.8% .111 230.318);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-500:oklch(55.4% .046 257.417);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:#2c213a;--color-neutral:#cdcbd6;--color-secondary:#e8dbcb;--font-logo:"Bungee","cursive";--font-name:"Smooch","cursive"}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-\[-23\.25rem\]{right:-23.25rem}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[-27\.25rem\]{left:-27.25rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.m-auto{margin:auto}.mx-px{margin-inline:1px}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-\[-1\.5em\]{margin-bottom:-1.5em}.ml-\[-1\.3em\]{margin-left:-1.3em}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-8{height:calc(var(--spacing)*8)}.h-14{height:calc(var(--spacing)*14)}.h-24{height:calc(var(--spacing)*24)}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-\[99rem\]{max-height:99rem}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-\[24rem\]{width:24rem}.w-\[28rem\]{width:28rem}.w-\[580px\]{width:580px}.w-\[640px\]{width:640px}.w-\[680px\]{width:680px}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-full{max-width:100%}.min-w-\[3rem\]{min-width:3rem}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing)*0)}.overflow-hidden{overflow:hidden}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.bg-lime-600{background-color:var(--color-lime-600)}.bg-lime-900{background-color:var(--color-lime-900)}.bg-secondary{background-color:var(--color-secondary)}.bg-stone-300{background-color:var(--color-stone-300)}.bg-stone-800{background-color:var(--color-stone-800)}.px-3{padding-inline:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.text-center{text-align:center}.font-logo{font-family:var(--font-logo)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-background{color:var(--color-background)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.drop-shadow-\[-5px_-2px_0px_rgba\(254\,6\,4\,1\)\]{--tw-drop-shadow-size:drop-shadow(-5px -2px 0px var(--tw-drop-shadow-color,#fe0604));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[5px_2px_0px_rgba\(29\,255\,255\,1\)\]{--tw-drop-shadow-size:drop-shadow(5px 2px 0px var(--tw-drop-shadow-color,#1dffff));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}#piano .white{stroke:#000;fill:#fff}#piano .black{fill:#000}#piano .sel{fill:#2cc934}#piano .nonsel{fill:#0000}body{background-color:var(--color-background);color:var(--color-neutral)}.sw-grid{--grid-color:#733b8bb3;--grid-size:30px;--grid-blur:1px;--background-height:100vh;background-position-y:0;background-image:repeating-linear-gradient(90deg,var(--grid-color,black)0%,transparent calc(1px + var(--grid-blur,0px)),transparent var(--grid-size),var(--grid-color,black)calc(var(--grid-size) + 1px + var(--grid-blur,0px))),repeating-linear-gradient(180deg,var(--grid-color,black)0%,transparent calc(1px + var(--grid-blur,0px)),transparent var(--grid-size),var(--grid-color,black)calc(var(--grid-size) + 1px + var(--grid-blur,0px)));z-index:-1;width:200%;height:15rem;margin-left:-50%;font-size:3vw;position:relative;transform:perspective(50vh)rotateX(60deg)translateZ(10px)}.sc-scroll{scrollbar-width:thin;scrollbar-color:#ffffff4d #ffffff1a}.sc-scroll::-webkit-scrollbar{width:calc(var(--spacing)*3)}.sc-scroll::-webkit-scrollbar-track{background-color:#ffffff1a;border-radius:20px}@supports (color:color-mix(in lab,red,red)){.sc-scroll::-webkit-scrollbar-track{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.sc-scroll::-webkit-scrollbar-track{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.sc-scroll::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:20px}@supports (color:color-mix(in lab,red,red)){.sc-scroll::-webkit-scrollbar-thumb{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.sc-scroll::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}}.scale-chord-container:after{height:calc(var(--spacing)*1);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-inline-style:var(--tw-border-style);border-inline-width:2px;border-top-style:var(--tw-border-style);border-top-width:2px;border-color:var(--color-secondary);--tw-content:"";content:var(--tw-content);width:120%;margin-left:-10%;display:block}.scale-chord-button{height:calc(var(--spacing)*8);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:50%;min-width:3rem;padding-inline:calc(var(--spacing)*3)}.sun-bg{right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);margin:auto;margin-top:calc(var(--spacing)*5);background-color:var(--color-red-500);--tw-drop-shadow-size:drop-shadow(0 0 35px var(--tw-drop-shadow-color,#fe0604e6));--tw-drop-shadow:var(--tw-drop-shadow-size);width:-moz-fit-content;width:fit-content;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);border-radius:3.40282e38px;position:absolute}.sun-fg{height:calc(var(--spacing)*36);width:calc(var(--spacing)*36);--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#fcf956;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:#fc5d98;--tw-drop-shadow-size:drop-shadow(-2px -2px 0px var(--tw-drop-shadow-color,#fe0604));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);border-radius:3.40282e38px;display:block}.logo-text{font-family:var(--font-name);font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));color:var(--color-black);margin-bottom:-.1em}.chord-button{border-radius:var(--radius-md);min-width:5rem;padding-block:calc(var(--spacing)*1);margin:1px}.scale-button{border-radius:var(--radius-md);min-width:10rem;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);text-align:left;margin:1px}.chord-button.selected,.scale-button.selected{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#fcf956;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:#fc5d98;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-black)}@media(hover:hover){:is(.chord-button.non-selected,.scale-button.non-selected):hover{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:oklab(95.6249% -.055679 .168377/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:oklab(70.1271% .199436 .0025574/.1)}}:is(.chord-button.non-selected,.scale-button.non-selected):active{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:oklab(95.6249% -.055679 .168377/.4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:oklab(70.1271% .199436 .0025574/.4)}.chord-container{margin-bottom:calc(var(--spacing)*8);gap:calc(var(--spacing)*0);grid-template-columns:repeat(8,minmax(0,1fr));width:680px}.scale-container{gap:calc(var(--spacing)*0);width:680px;padding-bottom:calc(var(--spacing)*7);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.7s;grid-template-columns:repeat(3,minmax(0,1fr));transition-duration:.7s;overflow:hidden}.scales-enlarger{cursor:pointer;--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-via:var(--color-background);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-to:var(--color-background);width:680px;padding-top:calc(var(--spacing)*5);padding-bottom:calc(var(--spacing)*5);padding-left:calc(var(--spacing)*5);margin-top:-1.3rem}.note-display{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background-color:var(--color-stone-900);width:640px;padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*2);text-align:center}.piano-display{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:8px;border-color:var(--color-stone-900);background-color:var(--color-stone-800);width:640px}.prog{padding:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-background)}.prog.maj{background-color:var(--color-teal-500);text-transform:uppercase}.prog.min{background-color:var(--color-orange-300);text-transform:lowercase}.prog.dim{background-color:var(--color-sky-300);text-transform:uppercase}.prog.dim:after{--tw-content:"°";content:var(--tw-content)}.prog.aug{background-color:var(--color-fuchsia-300);text-transform:uppercase}.prog.aug:after{--tw-content:"+";content:var(--tw-content)}.prog-values{padding:calc(var(--spacing)*3)}.prog-values.maj{background-color:#00baa733}@supports (color:color-mix(in lab,red,red)){.prog-values.maj{background-color:var(--color-teal-500)}@supports (color:color-mix(in lab,red,red)){.prog-values.maj{background-color:color-mix(in oklab,var(--color-teal-500)20%,transparent)}}}.prog-values.min{background-color:#ffb96d33}@supports (color:color-mix(in lab,red,red)){.prog-values.min{background-color:var(--color-orange-300)}@supports (color:color-mix(in lab,red,red)){.prog-values.min{background-color:color-mix(in oklab,var(--color-orange-300)20%,transparent)}}}.prog-values.dim{background-color:#77d4ff33}@supports (color:color-mix(in lab,red,red)){.prog-values.dim{background-color:var(--color-sky-300)}@supports (color:color-mix(in lab,red,red)){.prog-values.dim{background-color:color-mix(in oklab,var(--color-sky-300)20%,transparent)}}}.prog-values.aug{background-color:#f2a9ff33}@supports (color:color-mix(in lab,red,red)){.prog-values.aug{background-color:var(--color-fuchsia-300)}@supports (color:color-mix(in lab,red,red)){.prog-values.aug{background-color:color-mix(in oklab,var(--color-fuchsia-300)20%,transparent)}}}.btn-main-found-chord{border-radius:var(--radius-md);min-width:5rem;padding-block:calc(var(--spacing)*1);margin:1px}@media(hover:hover){.btn-main-found-chord:hover{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:oklab(95.6249% -.055679 .168377/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:oklab(70.1271% .199436 .0025574/.1)}}.btn-main-found-chord:active{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:oklab(95.6249% -.055679 .168377/.4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:oklab(70.1271% .199436 .0025574/.4)}.btn-main-found-scale{border-radius:var(--radius-md);width:100%;min-width:5rem;padding-block:calc(var(--spacing)*1);padding-left:calc(var(--spacing)*5);text-align:left;margin:1px}@media(hover:hover){.btn-main-found-scale:hover{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:oklab(95.6249% -.055679 .168377/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:oklab(70.1271% .199436 .0025574/.1)}}.btn-main-found-scale:active{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:oklab(95.6249% -.055679 .168377/.4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:oklab(70.1271% .199436 .0025574/.4)}.note-display .note-capsule{border-radius:var(--radius-md);border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stone-900);background-color:var(--color-stone-800);min-width:4rem;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);margin:1px;display:inline-block}.popover-display .note-capsule{border-radius:var(--radius-md);border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-500);background-color:#cad5e299;min-width:2rem;margin:1px;display:inline-block}@supports (color:color-mix(in lab,red,red)){.popover-display .note-capsule{background-color:var(--color-slate-300)}@supports (color:color-mix(in lab,red,red)){.popover-display .note-capsule{background-color:color-mix(in oklab,var(--color-slate-300)60%,transparent)}}}.popover-display .note-capsule{padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.popover-card{transform-origin:top;border-radius:var(--radius-lg)}.popover-shell{border-radius:var(--radius-md);background-color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.popover-shell{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.popover-shell{background-color:color-mix(in oklab,var(--color-white)35%,transparent)}}}.popover-shell{padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*2);--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);width:24rem;box-shadow:0 10px 24px #0c0a1652}.popover-title{padding-bottom:calc(var(--spacing)*1);text-align:center;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-black)}.popover-piano-wrap{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:8px;border-top-style:var(--tw-border-style);border-top-width:24px;border-color:var(--color-stone-900);background-color:var(--color-stone-800);width:100%;margin:auto;position:relative}.popover-arrow{height:calc(var(--spacing)*2);width:calc(var(--spacing)*4);background-color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.popover-arrow{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.popover-arrow{background-color:color-mix(in oklab,var(--color-white)35%,transparent)}}}.popover-arrow{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.tool-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#2e2442e6,#221b32eb),radial-gradient(circle at 12% 8%,#fcf95614,#0000 45%),radial-gradient(circle at 92% 85%,#5b679c24,#0000 50%);border-inline:1px solid #ffffff1f;box-shadow:0 14px 32px #0a08145c,inset 0 1px #ffffff0d}.drawer-shell{height:100%;padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*5);padding-bottom:calc(var(--spacing)*5);flex-direction:column;gap:.9rem;display:flex}.drawer-title{font-family:var(--font-logo);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:1;--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#0000;background:linear-gradient(90deg,#fcf956,#fc5d98);-webkit-background-clip:text;background-clip:text;line-height:1}.drawer-subtitle{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:.2em;letter-spacing:.2em;color:#cdcbd6b3}@supports (color:color-mix(in lab,red,red)){.drawer-subtitle{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.drawer-subtitle{color:color-mix(in oklab,var(--color-neutral)70%,transparent)}}}.drawer-subtitle{text-transform:uppercase}.drawer-piano{margin-top:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*2);text-align:center}.drawer-section{min-height:calc(var(--spacing)*0)}.drawer-results-split{min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;gap:.8rem;display:flex}.split-panel{flex-direction:column;flex:1;min-height:0;display:flex}.drawer-section-title{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-tracking:.15em;letter-spacing:.15em;color:var(--color-secondary);text-transform:uppercase}.drawer-grid{gap:calc(var(--spacing)*1);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;display:grid}@supports (color:color-mix(in lab,red,red)){.drawer-grid{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.drawer-grid{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.drawer-grid{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.drawer-grid{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.drawer-grid{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}}.drawer-grid{padding:calc(var(--spacing)*2);flex:1;grid-auto-rows:min-content;align-content:start;min-height:0}.drawer-grid-chords{grid-template-columns:repeat(4,minmax(0,1fr));overflow-y:auto}.drawer-grid-scales{grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto}.drawer-toggle{top:calc(var(--spacing)*24);z-index:50;cursor:pointer;color:var(--color-neutral);-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.1em;text-transform:uppercase;background:inherit;width:64px;height:124px;box-shadow:none;border:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-weight:700;transition:background-color .16s,border-color .16s,color .16s;display:flex;position:absolute}.left-toggle{border-left:none;border-radius:0 18px 18px 0;right:-63px}.right-toggle{border-right:none;border-radius:18px 0 0 18px;left:-63px}.drawer-toggle.is-open{color:var(--color-secondary);background:linear-gradient(#42365ff7,#33284df7);border-color:#fcf95673}.left-toggle:before,.right-toggle:before{content:"";background:#ffffff1a;width:1px;position:absolute;top:0;bottom:0}.left-toggle:before{left:-1px}.right-toggle:before{right:-1px}.drawer-actions{gap:calc(var(--spacing)*2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.drawer-tabs{gap:calc(var(--spacing)*1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.drawer-tab{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.drawer-tab{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.drawer-tab{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.drawer-tab{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.drawer-tab{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.drawer-tab{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.drawer-tab{padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:.12em;letter-spacing:.12em;text-transform:uppercase}.drawer-tab.active{border-color:var(--color-secondary);background-color:var(--color-secondary);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black)}.transpose-row{align-items:center;gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));grid-template-columns:1fr auto auto auto;display:grid}.transpose-btn{border-radius:var(--radius-md);background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.transpose-btn{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.transpose-btn{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.transpose-btn{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1)}@media(hover:hover){.transpose-btn:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.transpose-btn:hover{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.transpose-btn:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}}.mood-row{align-items:center;gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));grid-template-columns:1fr 10rem;display:grid}.mood-select{width:10rem;position:relative}.mood-select .custom-select-trigger{min-height:1.9rem;padding-top:.2rem;padding-bottom:.2rem}.mood-select .custom-select-trigger span:first-child,.mood-select .custom-select-option{letter-spacing:.08em;font-variant:small-caps;text-transform:lowercase;font-size:.75rem}.mood-select .custom-select-menu{height:11rem;max-height:11rem}.mood-select .custom-select-options{max-height:9.2rem}.custom-select{position:relative}.custom-select-trigger{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3;width:100%}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.custom-select-trigger{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}}.custom-select-trigger{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);text-align:left;color:var(--color-neutral);justify-content:space-between;align-items:center;transition:border-color .12s,background-color .12s;display:flex;box-shadow:0 4px 10px #0a081438,inset 0 1px #ffffff0a}.custom-select-trigger:hover{border-color:#e8dbcb99}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger:hover{border-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger:hover{border-color:color-mix(in oklab,var(--color-secondary)60%,transparent)}}}.custom-select-trigger:hover{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger:hover{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.custom-select-trigger:hover{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}}.custom-select-trigger.open{border-color:var(--color-secondary)}.custom-select-caret{color:#e8dbcbcc}@supports (color:color-mix(in lab,red,red)){.custom-select-caret{color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.custom-select-caret{color:color-mix(in oklab,var(--color-secondary)80%,transparent)}}}.custom-select-caret{transition:transform .12s}.custom-select-caret.open{transform:rotate(180deg)}.custom-select-menu{z-index:50;margin-top:calc(var(--spacing)*1);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3;width:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.custom-select-menu{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.custom-select-menu{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.custom-select-menu{padding:calc(var(--spacing)*1);background-color:#2c213a;flex-direction:column;max-height:26rem;display:flex;box-shadow:0 14px 28px #0a081457,inset 0 1px #ffffff0d}.custom-select-options{min-height:0;max-height:24.2rem;overflow-y:auto}.custom-select-option{width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);text-align:left;color:#cdcbd6e6;border-radius:.25rem}@supports (color:color-mix(in lab,red,red)){.custom-select-option{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.custom-select-option{color:color-mix(in oklab,var(--color-neutral)90%,transparent)}}}.custom-select-option:hover{color:var(--color-secondary);background-color:#4a365f}.custom-select-option.selected{background-color:#e8dbcb33}@supports (color:color-mix(in lab,red,red)){.custom-select-option.selected{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.custom-select-option.selected{background-color:color-mix(in oklab,var(--color-secondary)20%,transparent)}}}.custom-select-option.selected{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-secondary)}.custom-select-hint{margin-top:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);--tw-tracking:.12em;letter-spacing:.12em;color:#cdcbd68c;font-size:10px}@supports (color:color-mix(in lab,red,red)){.custom-select-hint{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.custom-select-hint{color:color-mix(in oklab,var(--color-neutral)55%,transparent)}}}.custom-select-hint{text-transform:uppercase;background:#2c213af2;border-top:1px solid #ffffff1a}.drawer-cta{border-radius:var(--radius-md);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black);background:linear-gradient(90deg,#fcf956,#fc5d98)}.drawer-cta:disabled{cursor:not-allowed;opacity:.45}.drawer-ghost{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.drawer-ghost{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.drawer-ghost{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.drawer-ghost{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2)}@media(hover:hover){.drawer-ghost:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.drawer-ghost:hover{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.drawer-ghost:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}}.progression-list{max-height:60vh;min-height:calc(var(--spacing)*40);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.progression-list{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.progression-list{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.progression-list{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.progression-list{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.progression-list{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}}.progression-list{padding:calc(var(--spacing)*2)}.progression-empty{padding:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:#cdcbd699}@supports (color:color-mix(in lab,red,red)){.progression-empty{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.progression-empty{color:color-mix(in oklab,var(--color-neutral)60%,transparent)}}}.progression-item{margin-bottom:calc(var(--spacing)*1);align-items:center;gap:calc(var(--spacing)*1);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;grid-template-columns:2.2rem 1fr 4rem 2rem;display:grid}@supports (color:color-mix(in lab,red,red)){.progression-item{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.progression-item{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.progression-item{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.progression-item{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.progression-item{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.progression-item{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1)}.progression-degree{text-align:center;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.progression-name{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.progression-remove{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;color:#ffffffb3;line-height:1}@supports (color:color-mix(in lab,red,red)){.progression-remove{color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.progression-remove{color:color-mix(in oklab,var(--color-white)70%,transparent)}}}@media(hover:hover){.progression-remove:hover{color:var(--color-white)}}.beat-select{border-style:var(--tw-border-style);border-width:1px;border-color:#fff3;border-radius:.25rem}@supports (color:color-mix(in lab,red,red)){.beat-select{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.beat-select{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.beat-select{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.beat-select{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.beat-select{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}}.beat-select{padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.insight-card{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.insight-card{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.insight-card{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.insight-card{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.insight-card{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.insight-card{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}}.insight-card{padding:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:#cdcbd6e6}@supports (color:color-mix(in lab,red,red)){.insight-card{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.insight-card{color:color-mix(in oklab,var(--color-neutral)90%,transparent)}}}.insight-row{margin-bottom:calc(var(--spacing)*1)}.suggestion-grid{gap:calc(var(--spacing)*1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.suggestion-chip{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.suggestion-chip{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.suggestion-chip{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.suggestion-chip{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.suggestion-chip{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.suggestion-chip{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.suggestion-chip{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);text-align:left}@media(hover:hover){.suggestion-chip:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.suggestion-chip:hover{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.suggestion-chip:hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}}}.theory-panel{min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.theory-subtitle{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:.12em;letter-spacing:.12em;color:#cdcbd6b3}@supports (color:color-mix(in lab,red,red)){.theory-subtitle{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.theory-subtitle{color:color-mix(in oklab,var(--color-neutral)70%,transparent)}}}.theory-subtitle{text-transform:uppercase}.circle-wrap{background:radial-gradient(circle,#2c213af2 0 21%,#0000 21.4%),radial-gradient(circle,#fcf95614 0 43%,#0000 43.4%),radial-gradient(circle,#ffffff08,#00000059 68%,#0000008c);border:1px solid #ffffff26;border-radius:9999px;width:18rem;height:18rem;margin-inline:auto;position:relative}.circle-rotor{inset:calc(var(--spacing)*0);transition:transform .5s ease-in-out;position:absolute}.circle-item{color:#cdcbd6;transform:translate(-50%,-50%)rotate(var(--circle-angle))translateY(var(--circle-radius))rotate(calc(-1*(var(--circle-angle) + var(--wheel-rotation))));border-radius:9999px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.circle-major{--circle-radius:-7.35rem;background:#ffffff14;border:1px solid #fff3;width:2.55rem;height:2.55rem;font-size:.82rem}.circle-minor{--circle-radius:-4.7rem;color:#cdcbd6e0;background:#5b679c2e;border:1px solid #ffffff1f;width:2.15rem;height:2.15rem;font-size:.68rem}.circle-item.involved{border-width:2px}.circle-item.involved.maj{background:#14b8a64d;border-color:#2dd4bfcc}.circle-item.involved.min{background:#fdba744d;border-color:#fb923cd9}.circle-item.involved.dim{background:#7dd3fc47;border-color:#38bdf8d9}.circle-item.involved.aug{background:#f0abfc47;border-color:#d946efd9}.circle-degree{--tw-font-weight:var(--font-weight-bold);font-size:10px;font-weight:var(--font-weight-bold);width:1.55rem;height:1.55rem;transform:translate(-50%,-50%)rotate(var(--circle-angle))translateY(var(--circle-radius))rotate(calc(-1*(var(--circle-angle) + var(--wheel-rotation))));border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.circle-degree.major{--circle-radius:-6.05rem}.circle-degree.minor{--circle-radius:-3.55rem}.circle-degree.maj{background-color:var(--color-teal-500);color:var(--color-background)}.circle-degree.min{background-color:var(--color-orange-300);color:var(--color-background);text-transform:lowercase}.circle-degree.dim{background-color:var(--color-sky-300);color:var(--color-background)}.circle-degree.aug{background-color:var(--color-fuchsia-300);color:var(--color-background)}.circle-major.active{color:#fff7d8;text-shadow:0 1px 2px #0000008c;background:linear-gradient(135deg,#fcf956f2,#fc5d98f2);border-color:#fcf956d9;box-shadow:0 0 1rem #fc5d9873}.circle-center{border-style:var(--tw-border-style);border-width:1px;border-color:#fff3;border-radius:3.40282e38px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.circle-center{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.circle-center{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.circle-center{background-color:#00000059}@supports (color:color-mix(in lab,red,red)){.circle-center{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.circle-center{background-color:color-mix(in oklab,var(--color-black)35%,transparent)}}}.circle-center{color:var(--color-secondary);flex-direction:column;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;line-height:1.05;display:flex;transform:translate(-50%,-50%)}.circle-center strong{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.circle-center span{--tw-tracking:.16em;letter-spacing:.16em;color:#cdcbd699;font-size:10px}@supports (color:color-mix(in lab,red,red)){.circle-center span{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.circle-center span{color:color-mix(in oklab,var(--color-neutral)60%,transparent)}}}.circle-center span{text-transform:uppercase}.function-compass{margin-top:calc(var(--spacing)*4)}.theory-insights-scroll{margin-top:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*1);max-height:36vh;overflow-y:auto}.melody-section{margin-top:calc(var(--spacing)*4)}.recommendations-head{margin-bottom:calc(var(--spacing)*2);justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);display:flex}.recommendations-section{margin-top:calc(var(--spacing)*5)}.regenerate-btn{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);--tw-tracking:.12em;letter-spacing:.12em;font-size:10px}.function-compass-grid{gap:calc(var(--spacing)*2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.function-group{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.function-group{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.function-group{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}.function-group{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.function-group{background-color:var(--color-black)}@supports (color:color-mix(in lab,red,red)){.function-group{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}}.function-group{padding:calc(var(--spacing)*2)}.function-group.tonic{border-color:#2dd4bf59}.function-group.predominant{border-color:#fdba7459}.function-group.dominant{border-color:#7dd3fc59}.function-group.center{border-color:#2dd4bf59}.function-group.color{border-color:#f0abfc59}.function-group.cadence{border-color:#7dd3fc59}.function-group-title{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:.1em;letter-spacing:.1em;color:var(--color-secondary);text-transform:uppercase}.function-group-copy{margin-top:calc(var(--spacing)*1);min-height:calc(var(--spacing)*8);--tw-leading:var(--leading-tight);font-size:10px;line-height:var(--leading-tight);color:#cdcbd6a6}@supports (color:color-mix(in lab,red,red)){.function-group-copy{color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.function-group-copy{color:color-mix(in oklab,var(--color-neutral)65%,transparent)}}}.function-chips{margin-top:calc(var(--spacing)*2);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.function-chip{border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff26;border-radius:.25rem}@supports (color:color-mix(in lab,red,red)){.function-chip{border-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.function-chip{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}}.function-chip{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.function-chip{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.function-chip{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.function-chip{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}@media(hover:hover){.function-chip:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.function-chip:hover{background-color:var(--color-white)}@supports (color:color-mix(in lab,red,red)){.function-chip:hover{background-color:color-mix(in oklab,var(--color-white)12%,transparent)}}}}.function-chip span{margin-right:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-secondary)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-duration{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}