@layer openprops,normalize,theme,components.root,components.extended,utils;@custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: more);@custom-media --lowContrast (prefers-contrast: less);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high);@custom-media --touch (hover: none) and (pointer: coarse);@custom-media --stylus (hover: none) and (pointer: fine);@custom-media --pointer (hover) and (pointer: coarse);@custom-media --mouse (hover) and (pointer: fine);@custom-media --xxs-only (0px <= width <= 240px);@custom-media --xxs-n-above (width >= 240px);@custom-media --xxs-n-below (width < 240px);@custom-media --xxs-phone (--xxs-only) and (--portrait);@custom-media --xs-only (240px <= width <= 360px);@custom-media --xs-n-above (width >= 360px);@custom-media --xs-n-below (width < 360px);@custom-media --xs-phone (--xs-only) and (--portrait);@custom-media --sm-only (360px <= width <= 480px);@custom-media --sm-n-above (width >= 480px);@custom-media --sm-n-below (width < 480px);@custom-media --sm-phone (--sm-only) and (--portrait);@custom-media --md-only (480px <= width <= 768px);@custom-media --md-n-above (width >= 768px);@custom-media --md-n-below (width < 768px);@custom-media --md-phone (--md-only) and (--portrait);@custom-media --lg-only (768px <= width <= 1024px);@custom-media --lg-n-above (width >= 1024px);@custom-media --lg-n-below (width < 1024px);@custom-media --lg-phone (--lg-only) and (--portrait);@custom-media --xl-only (1024px <= width <= 1440px);@custom-media --xl-n-above (width >= 1440px);@custom-media --xl-n-below (width < 1440px);@custom-media --xxl-only (1440px <= width <= 1920px);@custom-media --xxl-n-above (width >= 1920px);@custom-media --xxl-n-below (width < 1920px);@layer openprops{:where(:root){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--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-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:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,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-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-bottom:var(--layer-1);--layer-top:var(--layer-5);--layer-important:2147480000;--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-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))}*{--shadow-strength:1%;--shadow-chroma:3%;--shadow-hue:var(--shadow-tint,var(--palette-hue));--shadow-color:15% var(--shadow-chroma)var(--shadow-hue);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 #0001;--shadow-1:0 1px 2px -1px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight)}@media(prefers-color-scheme:dark){*{--shadow-strength:25%;--shadow-chroma:10%;--shadow-hue:var(--shadow-tint,var(--palette-hue));--shadow-color:15% var(--shadow-chroma)var(--shadow-hue);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff1,inset 0 .5px 0 0 #0007}}:where(:root){--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-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)}:where(:root){--palette-hue:250;--palette-hue-rotate-by:0;--palette-chroma:.15}*{--color-1:oklch(98% calc(.03*var(--palette-chroma,1))calc(var(--palette-hue) + (0*var(--palette-hue-rotate-by))));--color-2:oklch(97% calc(.06*var(--palette-chroma,1))calc(var(--palette-hue) + (1*var(--palette-hue-rotate-by))));--color-3:oklch(93% calc(.1*var(--palette-chroma,1))calc(var(--palette-hue) + (2*var(--palette-hue-rotate-by))));--color-4:oklch(84% calc(.12*var(--palette-chroma,1))calc(var(--palette-hue) + (3*var(--palette-hue-rotate-by))));--color-5:oklch(80% calc(.16*var(--palette-chroma,1))calc(var(--palette-hue) + (4*var(--palette-hue-rotate-by))));--color-6:oklch(71% calc(.19*var(--palette-chroma,1))calc(var(--palette-hue) + (5*var(--palette-hue-rotate-by))));--color-7:oklch(66% calc(.2*var(--palette-chroma,1))calc(var(--palette-hue) + (6*var(--palette-hue-rotate-by))));--color-8:oklch(58% calc(.21*var(--palette-chroma,1))calc(var(--palette-hue) + (7*var(--palette-hue-rotate-by))));--color-9:oklch(53% calc(.2*var(--palette-chroma,1))calc(var(--palette-hue) + (8*var(--palette-hue-rotate-by))));--color-10:oklch(49% calc(.19*var(--palette-chroma,1))calc(var(--palette-hue) + (9*var(--palette-hue-rotate-by))));--color-11:oklch(42% calc(.17*var(--palette-chroma,1))calc(var(--palette-hue) + (10*var(--palette-hue-rotate-by))));--color-12:oklch(35% calc(.15*var(--palette-chroma,1))calc(var(--palette-hue) + (11*var(--palette-hue-rotate-by))));--color-13:oklch(27% calc(.12*var(--palette-chroma,1))calc(var(--palette-hue) + (12*var(--palette-hue-rotate-by))));--color-14:oklch(20% calc(.09*var(--palette-chroma,1))calc(var(--palette-hue) + (13*var(--palette-hue-rotate-by))));--color-15:oklch(16% calc(.07*var(--palette-chroma,1))calc(var(--palette-hue) + (14*var(--palette-hue-rotate-by))));--color-16:oklch(10% calc(.05*var(--palette-chroma,1))calc(var(--palette-hue) + (15*var(--palette-hue-rotate-by))))}}@layer openprops{:where(:root){--size-xxs: 240px;--size-xs: 360px;--size-sm: 480px;--size-md: 768px;--size-lg: 1024px;--size-xl: 1440px;--size-xxl: 1920px}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--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}}@layer openprops{:where(:root){--gray-0-hsl: 210 17% 98%;--gray-1-hsl: 210 17% 95%;--gray-2-hsl: 210 16% 93%;--gray-3-hsl: 210 14% 89%;--gray-4-hsl: 210 14% 83%;--gray-5-hsl: 210 11% 71%;--gray-6-hsl: 210 7% 56%;--gray-7-hsl: 210 9% 31%;--gray-8-hsl: 210 10% 23%;--gray-9-hsl: 210 11% 15%;--gray-10-hsl: 214 14% 10%;--gray-11-hsl: 216 16% 6%;--gray-12-hsl: 210 40% 2%}}@layer openprops{:where(:root){--stone-0-hsl: 200 27% 98%;--stone-1-hsl: 210 18% 96%;--stone-2-hsl: 210 11% 93%;--stone-3-hsl: 192 9% 89%;--stone-4-hsl: 197 8% 83%;--stone-5-hsl: 202 5% 71%;--stone-6-hsl: 200 3% 60%;--stone-7-hsl: 180 2% 50%;--stone-8-hsl: 160 1% 41%;--stone-9-hsl: 90 1% 31%;--stone-10-hsl: 60 3% 22%;--stone-11-hsl: 60 6% 14%;--stone-12-hsl: 60 6% 7%}}@layer openprops{:where(:root){--red-0-hsl: 0 100% 98%;--red-1-hsl: 0 100% 95%;--red-2-hsl: 0 100% 89%;--red-3-hsl: 0 100% 83%;--red-4-hsl: 0 100% 76%;--red-5-hsl: 0 100% 71%;--red-6-hsl: 0 94% 65%;--red-7-hsl: 0 86% 59%;--red-8-hsl: 0 74% 54%;--red-9-hsl: 0 65% 48%;--red-10-hsl: 0 65% 42%;--red-11-hsl: 0 65% 36%;--red-12-hsl: 0 66% 30%}}@layer openprops{:where(:root){--pink-0-hsl: 336 100% 97%;--pink-1-hsl: 336 100% 94%;--pink-2-hsl: 338 91% 87%;--pink-3-hsl: 339 90% 81%;--pink-4-hsl: 339 88% 74%;--pink-5-hsl: 339 82% 67%;--pink-6-hsl: 339 76% 59%;--pink-7-hsl: 339 67% 52%;--pink-8-hsl: 339 68% 45%;--pink-9-hsl: 339 69% 38%;--pink-10-hsl: 339 70% 32%;--pink-11-hsl: 339 69% 27%;--pink-12-hsl: 339 70% 21%}}@layer openprops{:where(:root){--purple-0-hsl: 280 67% 96%;--purple-1-hsl: 287 77% 92%;--purple-2-hsl: 288 86% 86%;--purple-3-hsl: 289 85% 78%;--purple-4-hsl: 288 83% 71%;--purple-5-hsl: 288 75% 64%;--purple-6-hsl: 288 67% 58%;--purple-7-hsl: 288 56% 52%;--purple-8-hsl: 288 54% 46%;--purple-9-hsl: 288 54% 40%;--purple-10-hsl: 288 55% 33%;--purple-11-hsl: 288 56% 26%;--purple-12-hsl: 288 55% 20%}}@layer openprops{:where(:root){--violet-0-hsl: 252 100% 97%;--violet-1-hsl: 257 100% 93%;--violet-2-hsl: 256 100% 87%;--violet-3-hsl: 255 94% 79%;--violet-4-hsl: 255 93% 72%;--violet-5-hsl: 255 91% 67%;--violet-6-hsl: 255 86% 63%;--violet-7-hsl: 255 78% 60%;--violet-8-hsl: 255 67% 55%;--violet-9-hsl: 255 53% 50%;--violet-10-hsl: 255 53% 44%;--violet-11-hsl: 255 53% 37%;--violet-12-hsl: 255 53% 31%}}@layer openprops{:where(:root){--indigo-0-hsl: 223 100% 96%;--indigo-1-hsl: 225 100% 93%;--indigo-2-hsl: 228 100% 86%;--indigo-3-hsl: 228 100% 78%;--indigo-4-hsl: 228 96% 72%;--indigo-5-hsl: 228 94% 67%;--indigo-6-hsl: 228 89% 63%;--indigo-7-hsl: 228 81% 59%;--indigo-8-hsl: 228 69% 55%;--indigo-9-hsl: 230 57% 50%;--indigo-10-hsl: 230 57% 43%;--indigo-11-hsl: 230 57% 37%;--indigo-12-hsl: 230 57% 30%}}@layer openprops{:where(:root){--blue-0-hsl: 205 100% 95%;--blue-1-hsl: 206 100% 91%;--blue-2-hsl: 206 100% 82%;--blue-3-hsl: 206 96% 72%;--blue-4-hsl: 207 91% 64%;--blue-5-hsl: 207 86% 57%;--blue-6-hsl: 208 80% 52%;--blue-7-hsl: 208 77% 47%;--blue-8-hsl: 209 77% 43%;--blue-9-hsl: 209 75% 38%;--blue-10-hsl: 209 76% 32%;--blue-11-hsl: 209 75% 27%;--blue-12-hsl: 209 76% 21%}}@layer openprops{:where(:root){--cyan-0-hsl: 185 81% 94%;--cyan-1-hsl: 185 84% 88%;--cyan-2-hsl: 186 77% 77%;--cyan-3-hsl: 187 74% 65%;--cyan-4-hsl: 187 69% 55%;--cyan-5-hsl: 188 72% 47%;--cyan-6-hsl: 187 80% 42%;--cyan-7-hsl: 188 83% 37%;--cyan-8-hsl: 189 85% 32%;--cyan-9-hsl: 189 85% 28%;--cyan-10-hsl: 189 84% 23%;--cyan-11-hsl: 190 84% 17%;--cyan-12-hsl: 189 84% 12%}}@layer openprops{:where(:root){--teal-0-hsl: 161 79% 95%;--teal-1-hsl: 160 85% 87%;--teal-2-hsl: 162 78% 77%;--teal-3-hsl: 162 72% 65%;--teal-4-hsl: 162 68% 54%;--teal-5-hsl: 162 73% 46%;--teal-6-hsl: 162 82% 40%;--teal-7-hsl: 162 87% 35%;--teal-8-hsl: 162 88% 30%;--teal-9-hsl: 162 88% 26%;--teal-10-hsl: 162 89% 21%;--teal-11-hsl: 162 88% 16%;--teal-12-hsl: 163 89% 11%}}@layer openprops{:where(:root){--green-0-hsl: 131 67% 95%;--green-1-hsl: 128 76% 90%;--green-2-hsl: 128 71% 82%;--green-3-hsl: 129 68% 73%;--green-4-hsl: 130 61% 64%;--green-5-hsl: 130 57% 56%;--green-6-hsl: 131 50% 50%;--green-7-hsl: 131 53% 46%;--green-8-hsl: 131 54% 40%;--green-9-hsl: 132 52% 35%;--green-10-hsl: 132 52% 29%;--green-11-hsl: 132 53% 22%;--green-12-hsl: 131 53% 16%}}@layer openprops{:where(:root){--lime-0-hsl: 79 81% 94%;--lime-1-hsl: 80 83% 88%;--lime-2-hsl: 81 81% 80%;--lime-3-hsl: 82 75% 69%;--lime-4-hsl: 83 73% 59%;--lime-5-hsl: 84 69% 51%;--lime-6-hsl: 85 74% 45%;--lime-7-hsl: 85 79% 40%;--lime-8-hsl: 86 84% 36%;--lime-9-hsl: 85 84% 32%;--lime-10-hsl: 85 83% 26%;--lime-11-hsl: 85 83% 21%;--lime-12-hsl: 85 84% 15%}}@layer openprops{:where(:root){--yellow-0-hsl: 50 100% 93%;--yellow-1-hsl: 49 100% 87%;--yellow-2-hsl: 49 100% 80%;--yellow-3-hsl: 48 100% 70%;--yellow-4-hsl: 47 100% 62%;--yellow-5-hsl: 45 97% 54%;--yellow-6-hsl: 42 96% 50%;--yellow-7-hsl: 39 100% 48%;--yellow-8-hsl: 35 100% 47%;--yellow-9-hsl: 31 100% 45%;--yellow-10-hsl: 31 100% 35%;--yellow-11-hsl: 31 100% 25%;--yellow-12-hsl: 31 100% 20%}}@layer openprops{:where(:root){--orange-0-hsl: 34 100% 95%;--orange-1-hsl: 33 100% 90%;--orange-2-hsl: 33 100% 83%;--orange-3-hsl: 32 100% 74%;--orange-4-hsl: 31 100% 65%;--orange-5-hsl: 29 100% 58%;--orange-6-hsl: 27 98% 54%;--orange-7-hsl: 24 94% 50%;--orange-8-hsl: 21 90% 48%;--orange-9-hsl: 17 87% 45%;--orange-10-hsl: 17 87% 40%;--orange-11-hsl: 17 87% 32%;--orange-12-hsl: 17 87% 27%}}@layer openprops{:where(:root){--choco-0-hsl: 48 100% 93%;--choco-1-hsl: 35 91% 86%;--choco-2-hsl: 30 85% 79%;--choco-3-hsl: 27 80% 72%;--choco-4-hsl: 25 75% 65%;--choco-5-hsl: 25 71% 57%;--choco-6-hsl: 25 70% 49%;--choco-7-hsl: 25 75% 42%;--choco-8-hsl: 25 75% 37%;--choco-9-hsl: 25 76% 31%;--choco-10-hsl: 25 71% 26%;--choco-11-hsl: 25 66% 21%;--choco-12-hsl: 25 65% 15%}}@layer openprops{:where(:root){--brown-0-hsl: 36 60% 95%;--brown-1-hsl: 32 44% 87%;--brown-2-hsl: 28 40% 80%;--brown-3-hsl: 28 38% 72%;--brown-4-hsl: 27 36% 65%;--brown-5-hsl: 28 34% 57%;--brown-6-hsl: 28 32% 50%;--brown-7-hsl: 28 35% 43%;--brown-8-hsl: 28 38% 37%;--brown-9-hsl: 27 42% 31%;--brown-10-hsl: 25 48% 25%;--brown-11-hsl: 23 58% 19%;--brown-12-hsl: 22 57% 16%}}@layer openprops{:where(:root){--sand-0-hsl: 200 27% 98%;--sand-1-hsl: 48 17% 88%;--sand-2-hsl: 45 22% 79%;--sand-3-hsl: 44 22% 69%;--sand-4-hsl: 44 17% 62%;--sand-5-hsl: 44 14% 54%;--sand-6-hsl: 42 14% 46%;--sand-7-hsl: 43 16% 39%;--sand-8-hsl: 41 15% 32%;--sand-9-hsl: 43 14% 26%;--sand-10-hsl: 44 11% 20%;--sand-11-hsl: 60 6% 14%;--sand-12-hsl: 60 6% 7%}}@layer openprops{:where(:root){--camo-0-hsl: 66 71% 95%;--camo-1-hsl: 64 69% 77%;--camo-2-hsl: 65 69% 59%;--camo-3-hsl: 65 61% 51%;--camo-4-hsl: 63 61% 46%;--camo-5-hsl: 60 62% 41%;--camo-6-hsl: 59 65% 36%;--camo-7-hsl: 56 67% 33%;--camo-8-hsl: 54 70% 29%;--camo-9-hsl: 54 69% 25%;--camo-10-hsl: 53 69% 22%;--camo-11-hsl: 53 69% 18%;--camo-12-hsl: 52 69% 13%}}@layer openprops{:where(:root){--jungle-0-hsl: 74 98% 84%;--jungle-1-hsl: 74 79% 78%;--jungle-2-hsl: 74 68% 71%;--jungle-3-hsl: 75 62% 65%;--jungle-4-hsl: 74 56% 59%;--jungle-5-hsl: 74 53% 53%;--jungle-6-hsl: 74 55% 47%;--jungle-7-hsl: 74 66% 42%;--jungle-8-hsl: 74 79% 36%;--jungle-9-hsl: 73 90% 32%;--jungle-10-hsl: 73 91% 26%;--jungle-11-hsl: 73 91% 21%;--jungle-12-hsl: 73 90% 16%}}@layer openprops{:where(:root){--palette-hue: 250;--palette-hue-rotate-by: 0;--palette-chroma: .15}*{--color-1: oklch( 98% calc(.03 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (0 * var(--palette-hue-rotate-by))) );--color-2: oklch( 97% calc(.06 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (1 * var(--palette-hue-rotate-by))) );--color-3: oklch( 93% calc(.1 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (2 * var(--palette-hue-rotate-by))) );--color-4: oklch( 84% calc(.12 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (3 * var(--palette-hue-rotate-by))) );--color-5: oklch( 80% calc(.16 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (4 * var(--palette-hue-rotate-by))) );--color-6: oklch( 71% calc(.19 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (5 * var(--palette-hue-rotate-by))) );--color-7: oklch( 66% calc(.2 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (6 * var(--palette-hue-rotate-by))) );--color-8: oklch( 58% calc(.21 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (7 * var(--palette-hue-rotate-by))) );--color-9: oklch( 53% calc(.2 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (8 * var(--palette-hue-rotate-by))) );--color-10: oklch( 49% calc(.19 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (9 * var(--palette-hue-rotate-by))) );--color-11: oklch( 42% calc(.17 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (10 * var(--palette-hue-rotate-by))) );--color-12: oklch( 35% calc(.15 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (11 * var(--palette-hue-rotate-by))) );--color-13: oklch( 27% calc(.12 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (12 * var(--palette-hue-rotate-by))) );--color-14: oklch( 20% calc(.09 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (13 * var(--palette-hue-rotate-by))) );--color-15: oklch( 16% calc(.07 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (14 * var(--palette-hue-rotate-by))) );--color-16: oklch( 10% calc(.05 * var(--palette-chroma, 1)) calc(var(--palette-hue) + (15 * var(--palette-hue-rotate-by))) )}}@layer openprops{:where(:root){--space:;@supports (background: linear-gradient(in oklab,red,lime)){--space: in oklab}--gradient-1: linear-gradient( to bottom right var(--space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b );--gradient-2: linear-gradient( to bottom right var(--space), #48005c, #8300e2, #a269ff );--gradient-3: radial-gradient( circle at top right var(--space), hsl(180 100% 50%), hsl(180 100% 50% / 0%) ), radial-gradient( circle at bottom left, hsl(328 100% 54%), hsl(328 100% 54% / 0%) );--gradient-4: linear-gradient(to bottom right var(--space), #00f5a0, #00d9f5);--gradient-5: conic-gradient( from -270deg at 75% 110% var(--space), fuchsia, floralwhite );--gradient-6: conic-gradient( from -90deg at top left var(--space), black, white );--gradient-7: linear-gradient(to bottom right var(--space), #72c6ef, #004e8f);--gradient-8: conic-gradient( from 90deg at 50% 0% var(--space), #111, 50%, #222, #111 );--gradient-9: conic-gradient( from .5turn at bottom center var(--space), lightblue, white );--gradient-10: conic-gradient( from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700 );--gradient-11: conic-gradient(at bottom left var(--space), deeppink, cyan);--gradient-12: conic-gradient( from 90deg at 25% -10% var(--space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85 );--gradient-13: radial-gradient( circle at 50% 200% var(--space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7 );--gradient-14: conic-gradient(at top right var(--space), lime, cyan);--gradient-15: linear-gradient( to bottom right var(--space), #c7d2fe, #fecaca, #fef3c7 );--gradient-16: radial-gradient( circle at 50% -250% var(--space), #374151, #111827, #000 );--gradient-17: conic-gradient( from -90deg at 50% -25% var(--space), blue, blueviolet );--gradient-18: linear-gradient( 0deg var(--space), hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75% ), linear-gradient( 60deg var(--space), hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75% ), linear-gradient( 120deg var(--space), hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75% ), linear-gradient( 180deg var(--space), hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75% ), linear-gradient( 240deg var(--space), hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75% ), linear-gradient( 300deg var(--space), hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75% );--gradient-19: linear-gradient( to bottom right var(--space), #ffe259, #ffa751 );--gradient-20: conic-gradient( from -135deg at -10% center var(--space), #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4 );--gradient-21: conic-gradient( from -90deg at 25% 115% var(--space), #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff );--gradient-22: linear-gradient( to bottom right var(--space), #acb6e5, #86fde8 );--gradient-23: linear-gradient( to bottom right var(--space), #536976, #292e49 );--gradient-24: conic-gradient( from .5turn at 0% 0% var(--space), #00c476, 10%, #82b0ff, 90%, #00c476 );--gradient-25: conic-gradient( at 125% 50% var(--space), #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7 );--gradient-26: linear-gradient( to bottom right var(--space), #9796f0, #fbc7d4 );--gradient-27: conic-gradient( from .5turn at bottom left var(--space), deeppink, rebeccapurple );--gradient-28: conic-gradient( from -90deg at 50% 105% var(--space), white, orchid );--gradient-29: radial-gradient( circle at top right var(--space), hsl(250 100% 85%), hsl(250 100% 85% / 0%) ), radial-gradient( circle at bottom left var(--space), hsl(220 90% 75%), hsl(220 90% 75% / 0%) );--gradient-30: radial-gradient( circle at top right var(--space), hsl(150 100% 50%), hsl(150 100% 50% / 0%) ), radial-gradient( circle at bottom left var(--space), hsl(150 100% 84%), hsl(150 100% 84% / 0%) )}}@layer openprops{:where(:root){--noise-1: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-2: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-3: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-4: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-5: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%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%)}}@layer openprops{:where(:root){--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-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))}}@layer openprops{:where(:root){--oklch-red:25;--oklch-pink:350;--oklch-purple:310;--oklch-violet:290;--oklch-indigo:270;--oklch-blue:240;--oklch-cyan:210;--oklch-teal:185;--oklch-green:145;--oklch-lime:125;--oklch-yellow:100;--oklch-orange:75}}@layer openprops{:where(:root){--gray-0-hsl:210 17% 98%;--gray-1-hsl:210 17% 95%;--gray-2-hsl:210 16% 93%;--gray-3-hsl:210 14% 89%;--gray-4-hsl:210 14% 83%;--gray-5-hsl:210 11% 71%;--gray-6-hsl:210 7% 56%;--gray-7-hsl:210 9% 31%;--gray-8-hsl:210 10% 23%;--gray-9-hsl:210 11% 15%;--gray-10-hsl:214 14% 10%;--gray-11-hsl:216 16% 6%;--gray-12-hsl:210 40% 2%;--stone-0-hsl:200 27% 98%;--stone-1-hsl:210 18% 96%;--stone-2-hsl:210 11% 93%;--stone-3-hsl:192 9% 89%;--stone-4-hsl:197 8% 83%;--stone-5-hsl:202 5% 71%;--stone-6-hsl:200 3% 60%;--stone-7-hsl:180 2% 50%;--stone-8-hsl:160 1% 41%;--stone-9-hsl:90 1% 31%;--stone-10-hsl:60 3% 22%;--stone-11-hsl:60 6% 14%;--stone-12-hsl:60 6% 7%;--red-0-hsl:0 100% 98%;--red-1-hsl:0 100% 95%;--red-2-hsl:0 100% 89%;--red-3-hsl:0 100% 83%;--red-4-hsl:0 100% 76%;--red-5-hsl:0 100% 71%;--red-6-hsl:0 94% 65%;--red-7-hsl:0 86% 59%;--red-8-hsl:0 74% 54%;--red-9-hsl:0 65% 48%;--red-10-hsl:0 65% 42%;--red-11-hsl:0 65% 36%;--red-12-hsl:0 66% 30%;--pink-0-hsl:336 100% 97%;--pink-1-hsl:336 100% 94%;--pink-2-hsl:338 91% 87%;--pink-3-hsl:339 90% 81%;--pink-4-hsl:339 88% 74%;--pink-5-hsl:339 82% 67%;--pink-6-hsl:339 76% 59%;--pink-7-hsl:339 67% 52%;--pink-8-hsl:339 68% 45%;--pink-9-hsl:339 69% 38%;--pink-10-hsl:339 70% 32%;--pink-11-hsl:339 69% 27%;--pink-12-hsl:339 70% 21%;--purple-0-hsl:280 67% 96%;--purple-1-hsl:287 77% 92%;--purple-2-hsl:288 86% 86%;--purple-3-hsl:289 85% 78%;--purple-4-hsl:288 83% 71%;--purple-5-hsl:288 75% 64%;--purple-6-hsl:288 67% 58%;--purple-7-hsl:288 56% 52%;--purple-8-hsl:288 54% 46%;--purple-9-hsl:288 54% 40%;--purple-10-hsl:288 55% 33%;--purple-11-hsl:288 56% 26%;--purple-12-hsl:288 55% 20%;--violet-0-hsl:252 100% 97%;--violet-1-hsl:257 100% 93%;--violet-2-hsl:256 100% 87%;--violet-3-hsl:255 94% 79%;--violet-4-hsl:255 93% 72%;--violet-5-hsl:255 91% 67%;--violet-6-hsl:255 86% 63%;--violet-7-hsl:255 78% 60%;--violet-8-hsl:255 67% 55%;--violet-9-hsl:255 53% 50%;--violet-10-hsl:255 53% 44%;--violet-11-hsl:255 53% 37%;--violet-12-hsl:255 53% 31%;--indigo-0-hsl:223 100% 96%;--indigo-1-hsl:225 100% 93%;--indigo-2-hsl:228 100% 86%;--indigo-3-hsl:228 100% 78%;--indigo-4-hsl:228 96% 72%;--indigo-5-hsl:228 94% 67%;--indigo-6-hsl:228 89% 63%;--indigo-7-hsl:228 81% 59%;--indigo-8-hsl:228 69% 55%;--indigo-9-hsl:230 57% 50%;--indigo-10-hsl:230 57% 43%;--indigo-11-hsl:230 57% 37%;--indigo-12-hsl:230 57% 30%;--blue-0-hsl:205 100% 95%;--blue-1-hsl:206 100% 91%;--blue-2-hsl:206 100% 82%;--blue-3-hsl:206 96% 72%;--blue-4-hsl:207 91% 64%;--blue-5-hsl:207 86% 57%;--blue-6-hsl:208 80% 52%;--blue-7-hsl:208 77% 47%;--blue-8-hsl:209 77% 43%;--blue-9-hsl:209 75% 38%;--blue-10-hsl:209 76% 32%;--blue-11-hsl:209 75% 27%;--blue-12-hsl:209 76% 21%;--cyan-0-hsl:185 81% 94%;--cyan-1-hsl:185 84% 88%;--cyan-2-hsl:186 77% 77%;--cyan-3-hsl:187 74% 65%;--cyan-4-hsl:187 69% 55%;--cyan-5-hsl:188 72% 47%;--cyan-6-hsl:187 80% 42%;--cyan-7-hsl:188 83% 37%;--cyan-8-hsl:189 85% 32%;--cyan-9-hsl:189 85% 28%;--cyan-10-hsl:189 84% 23%;--cyan-11-hsl:190 84% 17%;--cyan-12-hsl:189 84% 12%;--teal-0-hsl:161 79% 95%;--teal-1-hsl:160 85% 87%;--teal-2-hsl:162 78% 77%;--teal-3-hsl:162 72% 65%;--teal-4-hsl:162 68% 54%;--teal-5-hsl:162 73% 46%;--teal-6-hsl:162 82% 40%;--teal-7-hsl:162 87% 35%;--teal-8-hsl:162 88% 30%;--teal-9-hsl:162 88% 26%;--teal-10-hsl:162 89% 21%;--teal-11-hsl:162 88% 16%;--teal-12-hsl:163 89% 11%;--green-0-hsl:131 67% 95%;--green-1-hsl:128 76% 90%;--green-2-hsl:128 71% 82%;--green-3-hsl:129 68% 73%;--green-4-hsl:130 61% 64%;--green-5-hsl:130 57% 56%;--green-6-hsl:131 50% 50%;--green-7-hsl:131 53% 46%;--green-8-hsl:131 54% 40%;--green-9-hsl:132 52% 35%;--green-10-hsl:132 52% 29%;--green-11-hsl:132 53% 22%;--green-12-hsl:131 53% 16%;--lime-0-hsl:79 81% 94%;--lime-1-hsl:80 83% 88%;--lime-2-hsl:81 81% 80%;--lime-3-hsl:82 75% 69%;--lime-4-hsl:83 73% 59%;--lime-5-hsl:84 69% 51%;--lime-6-hsl:85 74% 45%;--lime-7-hsl:85 79% 40%;--lime-8-hsl:86 84% 36%;--lime-9-hsl:85 84% 32%;--lime-10-hsl:85 83% 26%;--lime-11-hsl:85 83% 21%;--lime-12-hsl:85 84% 15%;--yellow-0-hsl:50 100% 93%;--yellow-1-hsl:49 100% 87%;--yellow-2-hsl:49 100% 80%;--yellow-3-hsl:48 100% 70%;--yellow-4-hsl:47 100% 62%;--yellow-5-hsl:45 97% 54%;--yellow-6-hsl:42 96% 50%;--yellow-7-hsl:39 100% 48%;--yellow-8-hsl:35 100% 47%;--yellow-9-hsl:31 100% 45%;--yellow-10-hsl:31 100% 35%;--yellow-11-hsl:31 100% 25%;--yellow-12-hsl:31 100% 20%;--orange-0-hsl:34 100% 95%;--orange-1-hsl:33 100% 90%;--orange-2-hsl:33 100% 83%;--orange-3-hsl:32 100% 74%;--orange-4-hsl:31 100% 65%;--orange-5-hsl:29 100% 58%;--orange-6-hsl:27 98% 54%;--orange-7-hsl:24 94% 50%;--orange-8-hsl:21 90% 48%;--orange-9-hsl:17 87% 45%;--orange-10-hsl:17 87% 40%;--orange-11-hsl:17 87% 32%;--orange-12-hsl:17 87% 27%;--choco-0-hsl:48 100% 93%;--choco-1-hsl:35 91% 86%;--choco-2-hsl:30 85% 79%;--choco-3-hsl:27 80% 72%;--choco-4-hsl:25 75% 65%;--choco-5-hsl:25 71% 57%;--choco-6-hsl:25 70% 49%;--choco-7-hsl:25 75% 42%;--choco-8-hsl:25 75% 37%;--choco-9-hsl:25 76% 31%;--choco-10-hsl:25 71% 26%;--choco-11-hsl:25 66% 21%;--choco-12-hsl:25 65% 15%;--brown-0-hsl:36 60% 95%;--brown-1-hsl:32 44% 87%;--brown-2-hsl:28 40% 80%;--brown-3-hsl:28 38% 72%;--brown-4-hsl:27 36% 65%;--brown-5-hsl:28 34% 57%;--brown-6-hsl:28 32% 50%;--brown-7-hsl:28 35% 43%;--brown-8-hsl:28 38% 37%;--brown-9-hsl:27 42% 31%;--brown-10-hsl:25 48% 25%;--brown-11-hsl:23 58% 19%;--brown-12-hsl:22 57% 16%;--sand-0-hsl:200 27% 98%;--sand-1-hsl:48 17% 88%;--sand-2-hsl:45 22% 79%;--sand-3-hsl:44 22% 69%;--sand-4-hsl:44 17% 62%;--sand-5-hsl:44 14% 54%;--sand-6-hsl:42 14% 46%;--sand-7-hsl:43 16% 39%;--sand-8-hsl:41 15% 32%;--sand-9-hsl:43 14% 26%;--sand-10-hsl:44 11% 20%;--sand-11-hsl:60 6% 14%;--sand-12-hsl:60 6% 7%;--camo-0-hsl:66 71% 95%;--camo-1-hsl:64 69% 77%;--camo-2-hsl:65 69% 59%;--camo-3-hsl:65 61% 51%;--camo-4-hsl:63 61% 46%;--camo-5-hsl:60 62% 41%;--camo-6-hsl:59 65% 36%;--camo-7-hsl:56 67% 33%;--camo-8-hsl:54 70% 29%;--camo-9-hsl:54 69% 25%;--camo-10-hsl:53 69% 22%;--camo-11-hsl:53 69% 18%;--camo-12-hsl:52 69% 13%;--jungle-0-hsl:74 98% 84%;--jungle-1-hsl:74 79% 78%;--jungle-2-hsl:74 68% 71%;--jungle-3-hsl:75 62% 65%;--jungle-4-hsl:74 56% 59%;--jungle-5-hsl:74 53% 53%;--jungle-6-hsl:74 55% 47%;--jungle-7-hsl:74 66% 42%;--jungle-8-hsl:74 79% 36%;--jungle-9-hsl:73 90% 32%;--jungle-10-hsl:73 91% 26%;--jungle-11-hsl:73 91% 21%;--jungle-12-hsl:73 90% 16%}}@layer normalize{*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin}:where(html){--_page-bg-color: var(--surface-default);accent-color:var(--primary);background-color:var(--_page-bg-color);block-size:100%;caret-color:var(--primary);color:var(--text-color-2);font-family:var(--font-sans);interpolate-size:allow-keywords;line-height:var(--font-lineheight-4);-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;@media(--motionOK){scroll-behavior:smooth}}:where(body){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;container-type:inline-size;font-size:16px;font-synthesis:style;font-weight:400;inline-size:100%;margin:0;min-block-size:100%;min-inline-size:320px;position:relative;text-rendering:optimizeLegibility}:where(:not(dialog,popover)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}:where(fieldset){border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--field-border-radius);padding:var(--size-3);display:grid;gap:var(--size-3)}:where(input,button,textarea),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font-size:inherit;font:inherit;letter-spacing:inherit}:where(input):-webkit-autofill,:where(input):-webkit-autofill:hover,:where(input):-webkit-autofill:focus,:where(textarea):-webkit-autofill,:where(textarea):-webkit-autofill:hover,:where(textarea):-webkit-autofill:focus,:where(select):-webkit-autofill,:where(select):-webkit-autofill:hover,:where(select):-webkit-autofill:focus,:where(input):autofill,:where(input):autofill:hover,:where(input):autofill:focus,:where(textarea):autofill,:where(textarea):autofill:hover,:where(textarea):autofill:focus,:where(select):autofill,:where(select):autofill:hover,:where(select):autofill:focus{-webkit-text-fill-color:var(--text-color-2);-webkit-box-shadow:0 0 0px 1e5px var(--well-1) inset;transition:background-color 5000s ease-in-out 0s}::placeholder{color:var(--text-color-2)}::-moz-placeholder{opacity:1}:focus-visible{--_focus-visible-color: rgb( from var(--_page-bg-color) calc(255 - r) calc(255 - g) calc(255 - b) );border-radius:var(--border-radius, 0px);outline:2px solid var(--_focus-visible-color);outline-offset:2px}@media(--motionOK){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.15s}}:where(:not(:active):focus-visible){outline-offset:var(--outline-offset, 0px)}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary){cursor:pointer}:where(a[href],area,button,[role=button],input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg:not([width])){inline-size:var(--size-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:target{scroll-margin-block-start:2rem}}@layer theme{.light{--color-scheme: light}.dark{--color-scheme: dark}:where(html){color-scheme:dark;--palette-hue: var(--oklch-blue, 250);--palette-hue-rotate-by: 5;--palette-chroma: .15;--primary: var(--color-8);--primary-light: oklch(from var(--primary) calc(l/.8) c h);--primary-dark: oklch(from var(--primary) calc(l*.75) c h);--primary-contrast: var(--gray-1);--text-color-1: light-dark(var(--gray-15), var(--gray-1));--text-color-1-contrast: light-dark(var(--gray-2), var(--gray-15));--text-color-2: light-dark(var(--gray-13), var(--gray-4));--text-color-2-contrast: light-dark(var(--gray-4), var(--gray-13));--surface-default: light-dark(var(--gray-1), var(--gray-13));--surface-filled: light-dark(var(--gray-3), var(--gray-15));--surface-tonal: light-dark(var(--gray-3), var(--gray-12));--surface-elevated: light-dark(var(--gray-1), var(--gray-12));--shadow-color: light-dark(220 3% 15%, 220 40% 2%);--shadow-strength: light-dark(1%, 10%);--inner-shadow-highlight: light-dark( inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001, inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007 );--font-size-h1: var(--font-size-fluid-3, 3.5rem);--font-size-h2: var(--font-size-fluid-2, 2rem);--font-size-h3: var(--font-size-fluid-1, 1.5rem);--font-size-h4: var(--font-size-3, 1.25rem);--font-size-h5: var(--font-size-2, 1.1rem);--font-size-h6: var(--font-size-fluid-0, 1rem);--font-size-lg: var(--font-size-3, 1.25rem);--font-size-md: var(--font-size-fluid-0, 1rem);--font-size-sm: .875rem;--font-size-xs: var(--font-size-0, .75rem);--border-color: light-dark(var(--gray-4), var(--gray-12));--border-radius: var(--size-1);--border-width: 1px;--border-size-1: 1px;--field-border-color: var(--border-color);--field-border-radius: var(--size-1);--field-border-width: 1px;--field-size: 2.3lh;--field-size-small: 1.9lh;--button-border-radius: var(--radius-round);@media(prefers-reduced-motion:no-preference){--button-ripple-size: 100%;--button-ripple-duration: .5s}}:where(.red,.error,del){--palette-hue: var(--oklch-red, 25);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.blue,.ok,abbr,dfn){--palette-hue: var(--oklch-blue, 210);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.green,.good,ins){--palette-hue: var(--oklch-green, 145);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.orange,.warning){--palette-hue: var(--oklch-orange, 75);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.pink){--palette-hue: var(--oklch-pink, 350);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.purple){--palette-hue: var(--oklch-purple, 310);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.violet){--palette-hue: var(--oklch-violet, 270);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.indigo){--palette-hue: var(--oklch-indigo, 240);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.cyan){--palette-hue: var(--oklch-cyan, 195);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.teal){--palette-hue: var(--oklch-teal, 180);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.lime){--palette-hue: var(--oklch-lime, 110);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.yellow){--palette-hue: var(--oklch-yellow, 90);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.brown){--palette-hue: var(--oklch-brown, 50);--palette-chroma: .8;--palette-hue-rotate-by: 1}:where(.choco){--palette-hue: var(--oklch-choco, 45);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.sand){--palette-hue: var(--oklch-sand, 60);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.stone){--palette-hue: var(--oklch-stone, 240);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.camo){--palette-hue: var(--oklch-camo, 85);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.jungle){--palette-hue: var(--oklch-jungle, 120);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.themed){--surface-tonal: var(--color-5);--surface-default: var(--color-0);--border-color: var(--color-4);--text-color-1: var(--color-12);--text-color-2: var(--color-11);color:var(--text-color-1)}:where(html){--red: oklch(from var(--color-9) l .2 25);--blue: oklch(from var(--color-9) l .2 210);--green: oklch(from var(--color-9) l .2 145);--orange: oklch(from var(--color-7) l .2 75)}:where(html){--gray-chroma: .01;--gray-lightness: 255;--gray-1: oklch( from var(--color-1) l var(--gray-chroma) var(--gray-lightness) );--gray-2: oklch( from var(--color-2) l var(--gray-chroma) var(--gray-lightness) );--gray-3: oklch( from var(--color-3) l var(--gray-chroma) var(--gray-lightness) );--gray-4: oklch( from var(--color-4) l var(--gray-chroma) var(--gray-lightness) );--gray-5: oklch( from var(--color-5) l var(--gray-chroma) var(--gray-lightness) );--gray-6: oklch( from var(--color-6) l var(--gray-chroma) var(--gray-lightness) );--gray-7: oklch( from var(--color-7) l var(--gray-chroma) var(--gray-lightness) );--gray-8: oklch( from var(--color-8) l var(--gray-chroma) var(--gray-lightness) );--gray-9: oklch( from var(--color-9) l var(--gray-chroma) var(--gray-lightness) );--gray-10: oklch( from var(--color-10) l var(--gray-chroma) var(--gray-lightness) );--gray-11: oklch( from var(--color-11) l var(--gray-chroma) var(--gray-lightness) );--gray-12: oklch( from var(--color-12) l var(--gray-chroma) var(--gray-lightness) );--gray-13: oklch( from var(--color-13) l var(--gray-chroma) var(--gray-lightness) );--gray-14: oklch( from var(--color-14) l var(--gray-chroma) var(--gray-lightness) );--gray-15: oklch( from var(--color-15) l var(--gray-chroma) var(--gray-lightness) );--gray-16: oklch( from var(--color-16) l var(--gray-chroma) var(--gray-lightness) )}}@layer components.root{:where(.button){--_bg-color: transparent;--_border-color: transparent;--_border-radius: var(--button-border-radius);--_font-size: initial;--_min-height: 2.375rem;--_text-color: var(--primary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;background:var(--_bg-color) var(--ripple, none);border-radius:var(--_border-radius);border:var(--border-size-1) solid var(--_border-color);color:var(--_text-color);display:inline-flex;font-size:var(--_font-size);font-weight:700;gap:var(--size-2);justify-content:center;min-block-size:var(--_min-height);padding-block:.5ex;padding-inline:1.5ex;text-align:center;text-decoration:none;user-select:none;&:where([disabled]){cursor:not-allowed;opacity:.64}@media(prefers-reduced-motion:no-preference){transition:background-color .2s var(--ease-out-3),box-shadow .2s var(--ease-out-3),border-color .2s var(--ease-out-3),color .2s var(--ease-out-3),outline-offset .05s var(--ease-1);background-position:center;&:where(:not([disabled])){&:where(:not(:active):hover){--ripple: radial-gradient(circle, transparent 1%, var(--_bg-color) 1%) center/15000%;transition:background var(--button-ripple-duration)}&:where(:hover:active){background-size:var(--button-ripple-size);transition:background 0s}}}&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: light-dark( oklch(from var(--primary) l .01 h / 20%), oklch(from var(--primary) l .01 h / 40%) )}&:where(:hover:active){--_bg-color: light-dark( oklch(from var(--primary) l .06 h / 30%), oklch(from var(--primary) l .06 h / 40%) )}}&:where([disabled]){--_text-color: color-mix( in oklch, var(--text-color-2) 50%, var(--surface-default) )}&:where(:has(svg),&.icon-only){gap:1ex;svg{max-block-size:.7lh;color:currentColor}}&.small{--_min-height: 1.875rem;padding-block:0;padding-inline:1ex}&.large{--_min-height: 2.875rem;padding-inline:4ex}&.outlined{--_bg-color: var(--surface-default);--_border-color: var(--color-8);--_text-color: var(--color-8);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--color-10);--_border-color: var(--color-10);--_text-color: var(--color-1)}&:where(:active){--_bg-color: var(--color-9);--_border-color: var(--color-9);--_text-color: var(--color-1)}}&:where([disabled]){--_bg-color: var(--surface-default);--_border-color: color-mix( in oklch, var(--text-color-2) 20%, var(--surface-default) );--_text-color: color-mix( in oklch, var(--text-color-2) 40%, var(--surface-default) )}}&.tonal{--_bg-color: var(--color-6);--_text-color: var(--color-16);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--color-9);--_border-color: var(--color-9)}&:where(:active){--_bg-color: var(--color-7);--_border-color: var(--color-7)}}&:where([disabled]){--_bg-color: color-mix( in oklch, var(--text-color-2) 8%, var(--surface-default) );--_text-color: color-mix( in oklch, var(--text-color-2) 70%, var(--surface-default) )}}&.filled{--_bg-color: var(--color-8);--_text-color: var(--color-1);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--color-10);--_border-color: var(--color-10)}&:where(:active){--_bg-color: var(--color-9);--_border-color: var(--color-9)}}&:where([disabled]){--_bg-color: color-mix( in oklch, var(--text-color-2) 20%, var(--surface-default) );--_text-color: color-mix( in oklch, var(--text-color-2) 70%, var(--surface-default) )}}&.elevated{--_bg-color: light-dark( color-mix(in oklch, var(--gray-2) 97%, var(--color-16)), color-mix(in oklch, var(--gray-13) 97%, var(--color-1)) );--_ripple-color: light-dark( color-mix(in oklch, var(--gray-2) 80%, var(--color-8)), color-mix(in oklch, var(--gray-13) 80%, var(--color-8)) );--_text-color: var(--color-8);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;&:where(:not([disabled])){&:where(:not(:active):hover){--ripple: radial-gradient( circle, transparent 1%, var(--_ripple-color) 1% ) center/15000%;--_bg-color: light-dark( color-mix(in oklch, var(--gray-2) 93%, var(--color-8)), color-mix(in oklch, var(--gray-13) 93%, var(--color-8)) )}&:where(:hover:active){--_bg-color: light-dark( color-mix(in oklch, var(--gray-2) 91%, var(--color-8)), color-mix(in oklch, var(--gray-13) 91%, var(--color-8)) )}}&:where([disabled]){--_bg-color: color-mix( in oklch, var(--text-color-2) 8%, var(--surface-elevated) );--_text-color: color-mix( in oklch, var(--text-color-2) 70%, var(--surface-elevated) )}}}:where(input[type=file]){align-self:flex-start;border-radius:var(--radius-2);border:var(--border-size-1) solid var(--surface-filled);box-shadow:var(--inner-shadow-4);color:var(--text-color-2-contrast);cursor:initial;max-inline-size:100%;padding:0}:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{cursor:pointer;margin-inline-end:var(--size-relative-6)}}@layer components.extended{:where([role=group].button-group){--_border-radius: var(--button-border-radius);border-radius:var(--_border-radius);display:inline-flex;min-width:max-content;button{border-radius:0;svg{max-inline-size:.7lh}&:focus-visible{outline-offset:-4px}+&{border-inline-width:1px;margin-inline-start:-1px}&:first-of-type{border-bottom-left-radius:var(--_border-radius);border-top-left-radius:var(--_border-radius)}&:last-of-type{border-bottom-right-radius:var(--_border-radius);border-top-right-radius:var(--_border-radius)}&:not(:where(.tonal,.filled,.outlined)){+button{border-inline-start:1px solid var(--border-color)}}&:where(.tonal,.filled){+button{border-inline-start-color:var(--color-7)}}&:where(.tonal,.filled,.elevated){+&[disabled]{border-inline-start-color:color-mix(in oklch,var(--border-color) 90%,white)}}&:where(.elevated){box-shadow:var(--shadow-1);button{&:not(:hover){box-shadow:none}}}}}}@layer components.root{:where(.card){--_bg-color: transparent;--_border-color: transparent;--_border-width: 0;--_shadow: none;background-color:var(--_bg-color);border-color:var(--_border-color);border-radius:var(--border-radius, .25rem);border-style:solid;border-width:var(--_border-width);box-shadow:var(--_shadow);display:flex;flex-direction:column;gap:var(--size-3);overflow:hidden;padding-inline:0;&.text{--_bg-color: transparent;--_border-color: transparent;--_border-width: 0;--_shadow: none;padding-inline:0}&.tonal{--_bg-color: var(--surface-tonal);--_border-width: 1px}&.elevated{--_bg-color: var(--surface-elevated);--_border-color: transparent;--_border-width: 0;--_shadow: var(--shadow-3);@container style(--color-scheme: dark){--_shadow: var(--shadow-4)}}&.outlined{--_bg-color: var(--surface-default);--_border-color: var(--border-color);--_border-width: 1px}>:where(hgroup,.content){padding-inline:var(--size-3)}>hgroup{padding-block:var(--size-3) 0;>p:first-of-type:first-child{line-height:1.3}>p:last-of-type:last-child:not(:first-child){font-size:var(--font-size-1, 1rem)}}>.content:where(:only-child,:first-child){padding-block:var(--size-3) var(--size-4)}>.actions{display:flex;gap:var(--size-1);margin-block:var(--size-2) 0;padding-block-end:var(--size-1);padding-inline:var(--size-1) var(--size-3)}}}@layer components.root{:where(progress){--_accent-color: var(--primary);--_bg-color: var(--surface-tonal);appearance:none;background-color:var(--_bg-color);border-radius:var(--border-radius, .25rem);border:0;display:inline-block;block-size:var(--size-1);overflow:hidden;position:relative;vertical-align:baseline;inline-size:100%;&::-webkit-progress-bar{border-radius:var(--border-radius, .25rem);background:none}&[value]::-webkit-progress-value{background-color:var(--_accent-color);@media(prefers-reduced-motion:no-preference){transition:inline-size .2s var(--ease-out-4, cubic-bezier(0, 0, .1, 1))}}&::-moz-progress-bar{background-color:var(--_accent-color)}}@media(prefers-reduced-motion:no-preference){progress:indeterminate{background-color:var(--_bg-color);&:after{animation:indeterminate 2s linear infinite;background-color:var(--_accent-color);content:"";inset:0 auto 0 0;position:absolute;will-change:inset-inline-start,inset-inline-end}&[value]::-webkit-progress-value{background-color:transparent}&::-moz-progress-bar{background-color:transparent}}[dir=rtl]{:where(progress):indeterminate{animation-direction:reverse;&:after{animation-direction:reverse}}}}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}}@layer components.root{:where(.badge){--_bg-color: var(--primary);--_border-color: var(--primary);--_color: var(--gray-1);--_inset-offset: 16px;--_inset: auto auto calc(100% - var(--_inset-offset)) calc(100% - var(--_inset-offset));--_translate: 0;display:inline-flex;position:relative;&:after{background-color:var(--_bg-color);border:2px solid var(--_border-color);border-radius:100vmax;color:var(--_color);content:attr(aria-label);font-size:12px;font-weight:500;block-size:var(--size-4);line-height:normal;min-inline-size:var(--size-4, 1.125rem);padding-inline:var(--size-1);inset:var(--_inset);position:absolute;text-align:center;translate:var(--_translate);transition:opacity .2s var(--ease-out-1);inline-size:max-content}&.start-start{--_inset: auto calc(100% - var(--_inset-offset)) calc(100% - var(--_inset-offset)) auto}&.start-end{--_inset: auto auto calc(100% - var(--_inset-offset)) calc(100% - var(--_inset-offset))}&.end-start{--_inset: calc(100% - var(--_inset-offset)) calc(100% - var(--_inset-offset)) auto auto}&.end-end{--_inset: calc(100% - var(--_inset-offset)) auto auto calc(100% - var(--_inset-offset))}&.dot{--_inset: 0 -1px auto auto;&:after{content:"";min-inline-size:var(--size-2);block-size:var(--size-2);inline-size:var(--size-2);padding:0}}&.invisible{&:after{opacity:0;pointer-events:none}}&.error,&.good,&.ok,&.warning{--_bg-color: var(--color-8);--_border-color: var(--color-8)}}[dir=rtl]{:where(.badge){--_inset: auto calc(100% - 16px) calc(100% - 16px) auto;&.start-start{--_inset: auto auto calc(100% - 16px) calc(100% - 16px) }&.start-end{--_inset: auto calc(100% - 16px) calc(100% - 16px) auto}&.end-start{--_inset: calc(100% - 16px) auto auto calc(100% - 16px) }&.end-end{--_inset: calc(100% - 16px) calc(100% - 16px) auto auto}}}}@layer components.extended{:where(details){--_accordion-transition-time: .2s;--_bg-color: transparent;--_margin-inline: var(--size-1);--_shadow: none;background-color:var(--_bg-color);box-shadow:var(--_shadow);border-radius:var(--border-radius, 4px);display:block;margin-inline:var(--_margin-inline);transition:all var(--_accordion-transition-time) ease-out;@media(prefers-reduced-motion:no-preference){interpolate-size:allow-keywords}&::details-content{block-size:0;opacity:0;overflow-y:clip;transition:content-visibility var(--_accordion-transition-time) allow-discrete,opacity var(--_accordion-transition-time),block-size var(--_accordion-transition-time)}&[open]::details-content{block-size:auto;opacity:1}>summary{background-color:inherit;cursor:pointer;font-weight:700;padding-block:var(--size-3);user-select:none}>.content{margin-block-start:0;padding-block:var(--size-2) var(--size-3)}>.actions{display:flex;gap:var(--size-1);justify-content:end;margin-block-start:var(--size-3);padding-block-end:var(--size-1);padding-inline:var(--size-3) var(--size-1)}&.card,&.text{--_bg-color: transparent;--_margin-inline: var(--size-1)}&.elevated{--_bg-color: var(--surface-elevated);--_margin-inline: 0;--_shadow: var(--shadow-2)}&.outlined{--_bg-color: var(--surface-default);--_margin-inline: 0;border:1px solid var(--border-color)}&.tonal{--_bg-color: var(--surface-tonal);--_margin-inline: 0}&:where(.elevated,.outlined,.tonal)>*{padding-inline:var(--size-3)}}:where(.card:has(details)){--_gutter-color: var(--border-color);display:block;>.content{margin-block:0;padding:0}&.card,&.text{&:not(.tonal,.outlined,.elevated){summary{padding-inline:0}}}details{--_margin-inline: 0;border:0;box-shadow:none;>*{padding-inline:var(--size-3)}+&{summary{border-radius:0;border-block-start:1px solid var(--_gutter-color)}}&:first-of-type{border-start-start-radius:var(--border-radius, .25rem);border-start-end-radius:var(--border-radius, .25rem);summary{border-start-start-radius:var(--border-radius, .25rem);border-start-end-radius:var(--border-radius, .25rem)}}&:last-of-type{border-end-start-radius:var(--border-radius, .25rem);border-end-end-radius:var(--border-radius, .25rem);summary{border-end-start-radius:var(--border-radius, .25rem);border-end-end-radius:var(--border-radius, .25rem)}}}}}@layer components.root{:where(.chip){--_bg-color: var(--surface-tonal);--_border-color: var(--border-color);--_color: var(--text-color-1);align-items:center;background:var(--_bg-color) var(--ripple, none);border:1px solid var(--_border-color);border-radius:var(--radius-2, .5rem);color:var(--_color);display:inline-flex;font-size:var(--font-size-0, .75rem);gap:var(--size-1);block-size:var(--size-7, 2rem);padding-inline:var(--size-2);text-decoration:none;&.tonal{--_bg-color: var(--surface-tonal);--_color: var(--text-color-1)}&.outlined{--_bg-color: var(--surface-default);--_color: var(--text-color-1)}&:where(button,a):where(:not([disabled])){&:where(:not(:active)):hover{--_bg-color: light-dark( oklch(from var(--surface-tonal) calc(l*.98) c h), oklch(from var(--surface-tonal) calc(l*1.1) c h) )}}&:has(svg:first-child){padding-inline:var(--size-1) var(--size-2)}&:has(svg:last-child){padding-inline:var(--size-2) var(--size-1)}&:has(svg){svg{flex-shrink:0;inline-size:var(--size-3)}}&.small{block-size:var(--size-5)}&.multiline{block-size:auto}background-position:center;&:where(:not([disabled])){&:where(:not(:active):hover){--ripple: radial-gradient(circle, transparent 1%, var(--_bg-color) 1%) center/15000%;transition:background var(--button-ripple-duration)}&:where(:hover:active){background-size:var(--button-ripple-size);transition:background 0s}}&:where([disabled]){opacity:.64;--_text-color: color-mix( in oklch, var(--text-color-2) 50%, var(--surface-default) );cursor:not-allowed}}}@layer components.root{:where(.icon-button){--_text-color: inherit;align-items:center;aspect-ratio:1;background-color:transparent;border:0;border-radius:var(--radius-round);display:inline-flex;inline-size:var(--size-6);justify-content:center;padding:0;transform-style:preserve-3d;&:where([disabled]){color:light-dark(rgb(0,0,0/.3),rgb(255,255,255/.26));cursor:not-allowed;opacity:.64}svg{max-inline-size:var(--size-5);pointer-events:none}&:before{--highlight-size: 130%}&.small{inline-size:var(--size-4);svg{max-inline-size:var(--size-4)}}}}@layer components.root{[aria-busy=true]:not(input,select,textarea,html,progress,[aria-describedby]){position:relative;&:before{animation:spin .7s linear infinite;border-color:transparent currentColor currentColor;border-radius:50%;border-style:solid;border-width:3px;content:"";display:inline-block;block-size:1em;opacity:.5;vertical-align:-.14em;inline-size:1em}&:not(button.button):not(:empty){&:before{margin-inline-end:.5em}}}@keyframes spin{to{transform:rotate(1turn)}}}@layer components.root{:where(.switch){--_accent-color: var(--primary);--_accent-contrast: var(--primary-contrast);--_dot-bg-color: light-dark(var(--gray-11), var(--gray-14));--_dot-inset: var(--size-1) auto auto var(--size-1);--_dot-outline-size: 0;--_dot-size: var(--size-3);--_track-bg-color: light-dark(var(--gray-3), var(--gray-8));--_track-height: var(--size-5);--_track-width: var(--size-8);--_transition-tf: var(--ease-4);--_transition-time: .2s;align-items:center;color:var(--text-color-1);display:inline-grid;gap:0 var(--size-2);grid-auto-columns:auto;grid-auto-flow:column;inline-size:fit-content;input[type=checkbox][role=switch]{appearance:none;block-size:var(--_track-height);cursor:pointer;inline-size:var(--_track-width);margin:0;position:relative;&:before{background-color:var(--_track-bg-color);block-size:var(--_track-height);border:1px solid var(--_dot-bg-color);border-radius:100vmax;content:"";inline-size:var(--_track-width);inset:0;position:absolute}&:focus-visible{outline-offset:2px;outline:2px solid currentColor}&:after{background-color:var(--_dot-bg-color);block-size:var(--_dot-size);border-radius:100vmax;content:"";inline-size:var(--_dot-size);inset:var(--_dot-inset);outline-offset:-1px;outline:var(--_dot-outline-size) solid var(--_dot-bg-color);position:absolute}&:checked{&:before{background-color:var(--_accent-color);border-color:var(--_accent-color);transition:background-color var(--_transition-time) var(--_transition-tf),border-color var(--_transition-time) var(--_transition-tf)}&:after{--_dot-bg-color: var(--_accent-contrast);--_dot-outline-size: calc(var(--size-1) - 1px);inset-inline-start:calc(var(--_track-width) - var(--_dot-size) - var(--size-1))}}@media(prefers-reduced-motion:no-preference){&:before{transition:background-color var(--_transition-time) var(--_transition-tf),border-color var(--_transition-time) var(--_transition-tf)}&:after{transition:all var(--_transition-time) var(--_transition-tf)}&:active:after{--_dot-outline-size: calc(var(--size-1) + 1px)}&:checked{&:active:after{--_dot-outline-size: calc(var(--size-1) + 1px)}}}}&:has([required]:not(:checked)){.label:after{color:var(--red);content:"*";inset:0 -.25ex auto auto;position:absolute}}&:has([disabled]){cursor:not-allowed;opacity:.64;user-select:none;input{cursor:not-allowed}}.label{grid-column:2;grid-row:1;min-width:0;padding-inline:0 1ex;position:relative;user-select:none}.supporting-text{color:var(--text-color-2);font-size:var(--font-size-xs);grid-column:2;grid-row:2;line-height:1.5;z-index:1}&.small{--_dot-size: .75rem;--_track-height: var(--size-4);--_track-width: 2.5rem}&.stack{justify-items:center;grid-auto-columns:unset;.label{grid-column:1/-1;grid-row:2;margin-block-start:var(--size-1);padding-inline:1ex}.supporting-text{grid-column:1/-1;grid-row:3}}&.error{input{outline:2px solid var(--color-9);border-radius:var(--radius-round)}.label,.supporting-text{color:var(--color-9)}}}}@layer components.root{label:where(.checkbox,.radio){align-items:center;color:var(--text-color-1);cursor:pointer;display:inline-grid;gap:0 var(--size-2);grid-auto-columns:auto;grid-auto-flow:column;inline-size:fit-content;line-height:1.5;transform:translateZ(0);user-select:none;&:has([disabled]){cursor:not-allowed;opacity:.64;user-select:none;input{cursor:not-allowed}}&:has([required]:not([type=checkbox]:checked)){.label:after{color:var(--red);content:"*";inset:0 -.25ex auto auto;position:absolute}}.label{grid-column:2;grid-row:1;position:relative;padding-inline:0 1ex}.supporting-text{color:var(--text-color-2);font-size:var(--font-size-xs);grid-column:2;grid-row:2;line-height:1.5;z-index:1}&.stack{justify-items:center;grid-auto-columns:unset;.label{grid-column:1/-1;grid-row:2;margin-block-start:var(--size-1);padding-inline:1ex;&:after{inset:0 -.25ex auto auto}}.supporting-text{grid-column:1/-1;grid-row:3}}input{aspect-ratio:1;block-size:1.125rem;cursor:pointer;inline-size:1.125rem;&:before{--highlight-size: 175%}}&.small{input{block-size:var(--size-3);inline-size:var(--size-3)}}&.large{input{block-size:var(--size-4);inline-size:var(--size-4)}}&.error{input[type=checkbox]{accent-color:var(--color-9);~:where(.label,.supporting-text){color:var(--color-9)}}}@media(pointer:coarse){input{block-size:var(--size-4);inline-size:var(--size-4)}}}}@layer components.extended{:where(.list){--_bg-color: light-dark(var(--gray-1), var(--gray-15));--_bg-color-hover: light-dark(var(--gray-2), var(--gray-14));background-color:var(--_bg-color);list-style:none;padding:var(--size-2) 0;@media(pointer:coarse){&,*{user-select:none}}&.bordered{:where(li+li,option+option){margin-block-start:var(--size-3);&:before{block-size:1px;border-block-start:1px solid var(--border-color);content:"";display:block;inline-size:100%;inset:calc(-1 * var(--size-2)) 0 auto 0;position:absolute;visibility:visible}}}&.dense{:where(li,option){gap:var(--size-2);min-block-size:var(--size-7);padding:var(--size-1) var(--size-2);&.border-top{margin-block-start:var(--size-2);&:before{inset:calc(-1 * var(--size-1)) 0 auto 0}}&:has(>a,>button,>label){min-block-size:auto;padding:0}>:where(a,button,label){gap:var(--size-2);min-block-size:var(--size-7);padding:var(--size-1) var(--size-2)}>label{.end{padding-inline-end:.125rem}}.start,.end{.avatar{max-inline-size:var(--size-6)}.icon-button,svg{max-inline-size:var(--size-4)}.checkbox,.radio{max-inline-size:var(--size-3)}}}}&.gutterless{:where(li,option){padding-inline:0;>:where(a,button,label){padding-inline:0}}}:where(li,option,[role=group]>label){align-items:center;background:var(--_bg-color) var(--ripple, none);display:flex;font-size:var(--font-size-sm);gap:var(--size-3);isolation:isolate;min-block-size:40px;padding:var(--size-2) var(--size-3);position:relative;&:before{display:none}*{font-size:inherit}&:has(>a,>button,>label){background:transparent;display:block;min-block-size:auto;padding:0}&:where(option){align-items:center;background-color:var(--_bg-color);color:inherit;cursor:pointer;display:flex;gap:var(--size-3);inline-size:100%;margin:0;min-block-size:40px;padding:var(--size-2) var(--size-3);text-align:start;text-decoration:none;z-index:0;&:hover{background-color:var(--_bg-color-hover)}&:checked{background-color:oklch(from var(--primary) l c h / 30%)}}>a,>button,>label{align-items:center;background:var(--_bg-color) var(--ripple, none);color:inherit;cursor:pointer;display:flex;gap:var(--size-3);inline-size:100%;margin:0;min-block-size:40px;outline-offset:-3px;padding:var(--size-2) var(--size-3);text-align:start;text-decoration:none;z-index:0;background-position:center;transition:background var(--button-ripple-duration);&:where(:not(:active):hover){--ripple: radial-gradient(circle, transparent 1%, var(--_bg-color) 1%) center/15000%}&:where(:hover:active){background-size:var(--button-ripple-size);transition:background 0s}&:hover{background-color:var(--_bg-color-hover)}&:has(.end:hover){&:where(:not(:active):hover){--ripple: none}}}>label{.end{padding-inline-end:var(--size-1)}&:where(.checkbox,.radio){inline-size:100%}&.switch{--_dot-size: .75rem;--_track-height: var(--size-4);--_track-width: 2.5rem}}&:has(video){padding:.75rem var(--size-3) .75rem 0}&.border-top{margin-block-start:var(--size-3);&:before{block-size:1px;border-block-start:1px solid var(--border-color);content:"";display:block;inline-size:100%;inset:calc(-1 * var(--size-2)) 0 auto 0;position:absolute}}.text{flex:1;line-height:1.6;:where(h1,h2,h3,h4,h5,h6,p,span){color:inherit;font-weight:400}p+p{font-size:var(--font-size-xs)}}.start{align-self:center;align-items:center;display:grid;z-index:1;&:has(svg){max-inline-size:var(--size-5)}svg{padding-block-start:.125rem}img{aspect-ratio:1;inline-size:56px;object-fit:cover}video{aspect-ratio:16/9;block-size:64px;object-fit:cover}}.end{align-items:center;display:flex;font-size:var(--font-size-xs);text-align:end;z-index:1;&:not(:has(a,button,input)){pointer-events:none}kbd{background-color:transparent;border:0;color:inherit;opacity:.6}svg{max-inline-size:var(--size-5);inline-size:100%}}&.inset{.text{padding-inline-start:calc(var(--size-5) + var(--size-3))}.start{display:none}}}}}@layer components.root{:where(table:not(.unstyled)){border-collapse:collapse;display:block;margin:var(--size-3) 0;max-inline-size:100%;position:relative;tr{background-color:var(--surface-default);border-top:1px solid var(--border-color);&:hover{background-color:oklch(from var(--surface-filled) l c h / 75%)}}th,td{border:1px solid var(--border-color);padding:var(--size-1) var(--size-2)}th{background-color:var(--surface-filled);color:var(--text-color-1);font-size:var(--font-size-sm, .75rem);font-weight:600;text-align:start}td{font-size:var(--font-size-sm, .75rem)}caption{caption-side:bottom;color:var(--text-color-2);font-size:var(--font-size-sm, .75rem);padding:var(--size-2) 0;text-align:start}tfoot{border-top:2px solid var(--border-color);tr{background-color:var(--surface-filled)}td{color:var(--text-color-1);font-weight:600}}colgroup col{border:none}@container (width < 60ch){th,td{padding:var(--size-1) .875rem}}&.dense{th,td{padding:var(--size-1) var(--size-2)}caption{padding:var(--size-1) 0}@container (width < 60ch){th,td{padding:var(--size-1) var(--size-2)}}}}}@layer components.root{:where(nav.tabs){--_bg-color: transparent;>[role=tablist]{button,.button{outline-color:transparent;outline-offset:-4px;&[aria-selected=true]{&:focus-visible{outline:2px solid var(--text-color-1)}}}}&.underlined{>[role=tablist]{border-bottom:1px solid var(--border-color);button,.button{--_ripple-color: light-dark( color-mix(in oklch, var(--gray-2) 80%, var(--color-8)), color-mix(in oklch, var(--gray-13) 80%, var(--color-8)) );background:var(--_bg-color) var(--ripple, none);font-weight:500;line-height:var(--font-lineheight-4);padding:var(--size-2) var(--size-3);&:focus-visible{border-radius:0}&[aria-selected=true]{border-block-end:2px solid var(--primary);color:var(--primary)}@media(prefers-reduced-motion:no-preference){transition:background-color .2s var(--ease-out-3),border-color .2s var(--ease-out-3),color .2s var(--ease-out-3),outline-offset .05s var(--ease-1);background-position:center;transition:background var(--button-ripple-duration);&:where(:not(:active):hover){--ripple: radial-gradient( circle, transparent 1%, var(--_ripple-color) 1% ) center/15000%}&:where(:hover:active){background-size:var(--button-ripple-size);transition:background 0s}&:hover{background-color:light-dark(oklch(from var(--primary) calc(l*.75) none h / 5%),oklch(from var(--primary) calc(l/.8) none h / 5%))}}}}}&.filled{--_bg-color: var(--surface-default);--_radius: var(--border-radius);--_selected-bg: var(--surface-filled);>[role=tablist]{background-color:var(--_bg-color);border:var(--border-width) solid var(--border-color);border-radius:var(--_radius);overflow:hidden;padding:.792ex;width:fit-content;button,.button{background-color:var(--_bg-color);border-radius:var(--_radius);line-height:var(--font-lineheight-4);padding-inline:var(--size-3);&:hover{background-color:oklch(from var(--_bg-color) calc(l/.8) c h)}&[aria-selected=true]{background-color:var(--_selected-bg);&:hover{background-color:oklch(from var(--_selected-bg) calc(l/.8) c h)}}@media(prefers-reduced-motion:no-preference){transition:background-color .2s var(--ease-out-3),border-color .2s var(--ease-out-3),color .2s var(--ease-out-3),outline-offset .05s var(--ease-1)}}}}}}@layer components.extended{@scope (.rich-text) to (.not-rich-text){a{color:var(--primary);cursor:pointer;font-size:inherit;font-weight:700;line-height:inherit;text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:2px;&[href]{&:hover,&:focus-visible{color:var(--primary-light)}}}blockquote{font-size:inherit;line-height:inherit;:first-child{margin-block-start:0}:last-child{margin-block-end:0}}p{font-size:inherit;line-height:inherit;margin-block:1.25em}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){color:var(--text-color-1);+*:not(&){margin-block-start:0}}h1,.h1{font-size:var(--font-size-h1, var(--font-size-7));letter-spacing:-.02em;line-height:1.1111111;margin-block:0 .8888889em}h2,.h2{font-size:var(--font-size-h2, var(--font-size-5, 2rem));letter-spacing:-.02em;line-height:1.3333333;margin-block:2em 1em}h3,.h3{font-size:var(--font-size-h3, var(--font-size-4, 1.5rem));letter-spacing:-.01em;line-height:1.6;margin-block:1.6em .6em}h4,.h4{font-size:var(--font-size-h4, var(--font-size-3, 1.25rem));letter-spacing:-.01em;line-height:1.5;margin-block:1.5em .5em}h5,.h5{font-size:var(--font-size-h5, var(--font-size-2, 1.1rem));line-height:1;margin-block:0 var(--size-1)}h6,.h6{font-size:var(--font-size-h6, var(--font-size-1, 1rem));line-height:1;margin-block:0 var(--size-1)}:where(.overline,hgroup>:where(p,.p):first-of-type:first-child){color:light-dark(oklch(from var(--text-color-2) calc(l/.8) c h),oklch(from var(--text-color-2) calc(l*.75) c h));font-size:var(--font-size-xs);font-weight:500;letter-spacing:.06em;line-height:2.5;text-transform:uppercase}hgroup{>p{margin:0}>:where(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){margin-block-end:.4em}+*{margin-block-start:3em}>:where(p,.p):last-of-type:last-child:not(:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--font-size-lg);line-height:1.6}}ul:not([class]){list-style-type:disc}ol:not([class]){list-style-type:decimal}:where(ul,ol):not([class]){display:grid;font-size:inherit;gap:.5em;line-height:inherit;margin-block-start:1.25em;margin-block-end:1.25em;padding-inline-start:1.625em;li{padding-inline-start:.375em}}:where(ul ul),:where(ul ol),:where(ol ul),:where(ol ol){margin-block-start:.75em;margin-block-end:.75em}:where(dl){font-size:inherit;line-height:inherit;margin-block-start:1.25em;margin-block-end:1.25em;dt{margin-block-start:1.25em}dd{margin-block-start:.5em;padding-inline-start:1.625em}}figure{margin-block:2em;>*{margin-block:0}& figcaption{font-size:.875em;line-height:1.4285714;margin-block-start:.8571429em}}>:first-child{margin-block-start:0}>:last-child{margin-block-end:0}hr{+*{margin-block-start:0}}}}@layer components.root{:where(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){color:var(--text-color-1);font-weight:700;text-wrap:pretty}:where(h1,.h1){font-size:var(--font-size-h1, var(--font-size-7));letter-spacing:-.02em;line-height:1.15}:where(h2,.h2){font-size:var(--font-size-h2, var(--font-size-5, 2rem));letter-spacing:-.02em;line-height:1.2}:where(h3,.h3){font-size:var(--font-size-h3, var(--font-size-4, 1.5rem));letter-spacing:-.01em;line-height:1.167}:where(h4,.h4){font-size:var(--font-size-h4, var(--font-size-3, 1.25rem));letter-spacing:-.01em;line-height:1.235}:where(h5,.h5){font-size:var(--font-size-h5, var(--font-size-2, 1.1rem));line-height:1.334}:where(h6,.h6){font-size:var(--font-size-h6, var(--font-size-1, 1rem));line-height:1}:where(hgroup){>:where(p,.p){margin:0}>:where(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){margin-block-end:.4em}>:where(p,.p):last-of-type:last-child:not(:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--font-size-lg);line-height:1.6}}:where(.overline,hgroup>:where(p,.p):first-of-type:first-child){color:light-dark(oklch(from var(--text-color-2) calc(l/.8) c h),oklch(from var(--text-color-2) calc(l*.75) c h));font-size:var(--font-size-xs);font-weight:500;letter-spacing:.06em;line-height:2.5;text-transform:uppercase}:where(p,.p){text-wrap:pretty;&.small{font-size:var(--font-size-md)}&.large{font-size:var(--font-size-lg)}}:where(ins,u,abbr,dfn){text-decoration:underline;text-underline-offset:1px;@supports (-moz-appearance: none){text-underline-offset:2px}}:where(abbr,dfn){font-style:normal;text-decoration:var(--color-9) underline dotted;&[title]{cursor:help;text-underline-offset:1px}@supports (-moz-appearance: none){text-underline-offset:2px}}:where(sup){font-size:.5em}:where(del,ins){color:var(--color-9)}:where(small){font-size:max(.5em,var(--font-size-0, .75rem));max-inline-size:var(--size-content-1)}:where(cite){font-style:italic}:where(blockquote){border-inline-start-width:var(--border-size-3);display:grid;gap:var(--size-3);padding-block:var(--size-3);padding-inline:var(--size-4);:first-child{margin-block-start:0}:last-child{margin-block-end:0}footer{color:var(--text-color-2)}}:where(pre){border-radius:.375rem;direction:ltr;font-size:.875rem;line-height:1.7142857;margin-block:1.7142857em;padding-block:.8571429em;padding-inline:1.1428571em;white-space:pre;writing-mode:lr}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(kbd,var){background-color:var(--text-color-2);border-color:var(--text-color-2);border-radius:var(--border-radius, var(--radius-2));border-width:var(--border-size-1);color:var(--text-color-2-contrast);padding:calc(var(--size-1) / 2) var(--size-1)}:where(:not(pre) code,kbd){word-break:break-word}:where(mark){border-radius:var(--border-radius, 0);box-decoration-break:clone;padding:calc(var(--size-1) / 2) var(--size-1);vertical-align:baseline}:where(dt){font-weight:700}:where(figure){>:where(figcaption){font-size:var(--font-size-1, 1rem);text-wrap:balance}}}@layer components.root{:where(hr){background-color:var(--border-color);block-size:var(--border-size-1);margin-block:var(--size-fluid-3)}}@layer components.extended{:where(.alert){--_bg-color: var(--surface-tonal);--_border-color: var(--surface-tonal);--_color: var(--text-color-1);&.outlined{--_bg-color: var(--surface-default);--_border-color: var(--border-color);--_color: var(--text-color-1)}background-color:var(--_bg-color);border:1px solid var(--_border-color);border-radius:var(--border-radius);color:var(--_color);padding:var(--size-3);>.content{display:grid;gap:var(--size-2);font-size:var(--font-size-sm);h1,h2,h3,h4,h5,h6{color:inherit;font-size:var(--font-size-md);font-weight:600;*{font-size:inherit}}}&.error,&.ok,&.warning{--_bg-color: var(--color-4);--_border-color: var(--color-9);--_color: var(--color-15);&.outlined{--_bg-color: var(--surface-default);--_border-color: var(--color-9);--_color: light-dark(var(--color-15), var(--color-1))}svg{margin-block-start:.15rem;stroke:var(--color-9)}}&:not(.outlined){a[href]{color:inherit;&:hover{color:var(--primary)}}}&:has(svg){display:grid;gap:var(--size-3);grid-template-columns:var(--size-4) 1fr;svg{margin-block-start:.15rem;stroke:currentColor}}}}@layer utils{.sr-only{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}:where(.checkbox input,.radio input,.icon-button){--isLTR: 1;--isRTL: -1;position:relative;transform-style:preserve-3d;&:dir(rtl){--isLTR: -1;--isRTL: 1}&:where(:not([disabled])){&:hover:before{--thumb-scale: 1}&:active:before{--thumb-scale: 1.1}&:before{--thumb-scale: .01;--highlight-size: 150%;background-color:#80808033;block-size:var(--highlight-size);clip-path:circle(50%);content:"";inline-size:var(--highlight-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;transform-origin:center center;transform:translate(calc(var(--isRTL) * 50%)) translateY(-50%) translateZ(-1px) scale(var(--thumb-scale));will-change:transform;@media(prefers-reduced-motion:no-preference){transition:transform .2s ease}}}}}footer[data-astro-cid-sz7xmlte]{padding-inline:var(--size-5)}footer[data-astro-cid-sz7xmlte]>[data-astro-cid-sz7xmlte]{max-inline-size:var(--size-md);margin-inline:auto}.footer-content[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;padding-block:var(--size-5)}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:var(--size-3);align-items:center}.icon-button[data-astro-cid-sz7xmlte]{color:var(--color-6)}header[data-astro-cid-3ef6ksr2]{padding-inline:var(--size-5)}nav[data-astro-cid-3ef6ksr2]{max-inline-size:var(--size-md);margin-inline:auto;display:flex;justify-content:space-between;align-items:center}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--size-3);align-items:center}h2[data-astro-cid-3ef6ksr2]{color:var(--color-1);text-shadow:0 0 8px var(--color-7),0 0 20px var(--color-9);font-size:var(--font-size-6);margin:0;padding-block:var(--size-3);font-family:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;font-weight:800}h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:inherit;text-decoration:none}