@infonomic/uikit 1.0.1 → 1.0.2

package/dist/styles/styles.css

@@ -1 +1,2592 @@
-@layer infonomic-base{*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--theme-base:oklch(43.11% .1 317.53);--theme-25:oklch(from var(--theme-base)calc(l*2)c h);--theme-50:oklch(from var(--theme-base)calc(l*1.75)c h);--theme-100:oklch(from var(--theme-base)calc(l*1.5)c h);--theme-200:oklch(from var(--theme-base)calc(l*1.25)c h);--theme-300:oklch(from var(--theme-base)calc(l*1.1)c h);--theme-400:var(--theme-base);--theme-500:oklch(from var(--theme-base)calc(l*.95)c h);--theme-600:oklch(from var(--theme-base)calc(l*.9)c h);--theme-700:oklch(from var(--theme-base)calc(l*.85)c h);--theme-800:oklch(from var(--theme-base)calc(l*.8)c h);--theme-900:oklch(from var(--theme-base)calc(l*.75)c h);--theme-950:oklch(from var(--theme-base)calc(l*.7)c h);--primary-base:oklch(49.7% .189 295.76);--primary-25:oklch(from var(--primary-base)calc(l*2)c h);--primary-50:oklch(from var(--primary-base)calc(l*1.75)c h);--primary-100:oklch(from var(--primary-base)calc(l*1.5)c h);--primary-200:oklch(from var(--primary-base)calc(l*1.25)c h);--primary-300:oklch(from var(--primary-base)calc(l*1.1)c h);--primary-400:var(--primary-base);--primary-500:oklch(from var(--primary-base)calc(l*.95)c h);--primary-600:oklch(from var(--primary-base)calc(l*.9)c h);--primary-700:oklch(from var(--primary-base)calc(l*.85)c h);--primary-800:oklch(from var(--primary-base)calc(l*.8)c h);--primary-900:oklch(from var(--primary-base)calc(l*.75)c h);--primary-950:oklch(from var(--primary-base)calc(l*.7)c h);--secondary-base:oklch(84.61% .15 82.94);--secondary-25:oklch(from var(--secondary-base)calc(l*2.25).1 h);--secondary-50:oklch(from var(--secondary-base)calc(l*2)c h);--secondary-100:oklch(from var(--secondary-base)calc(l*1.75)c h);--secondary-200:oklch(from var(--secondary-base)calc(l*1.5)c h);--secondary-300:oklch(from var(--secondary-base)calc(l*1.1)c h);--secondary-400:var(--secondary-base);--secondary-500:oklch(from var(--secondary-base)calc(l*.95)c h);--secondary-600:oklch(from var(--secondary-base)calc(l*.9)c h);--secondary-700:oklch(from var(--secondary-base)calc(l*.85)c h);--secondary-800:oklch(from var(--secondary-base)calc(l*.8)c h);--secondary-900:oklch(from var(--secondary-base)calc(l*.75)c h);--secondary-950:oklch(from var(--secondary-base)calc(l*.7)c h);--accent-base:oklch(75.4% .1 324.9);--accent-25:oklch(from var(--accent-base).985 .06 h);--accent-50:oklch(from var(--accent-base).975 .08 h);--accent-100:oklch(from var(--accent-base).9 .07 h);--accent-200:oklch(from var(--accent-base).85 c h);--accent-300:oklch(from var(--accent-base).8 c h);--accent-400:var(--accent-base);--accent-500:oklch(from var(--accent-base).7 c h);--accent-600:oklch(from var(--accent-base).68 c h);--accent-700:oklch(from var(--accent-base).62 .1 h);--accent-800:oklch(from var(--accent-base).6 .1 h);--accent-900:oklch(from var(--accent-base).58 .1 h);--accent-950:oklch(from var(--accent-base).5 .11 h);--gray-base:oklch(59.84% 0 0);--gray-25:oklch(from var(--gray-base)calc(l*1.625)c h);--gray-50:oklch(from var(--gray-base)calc(l*1.575)c h);--gray-100:oklch(from var(--gray-base)calc(l*1.475)c h);--gray-200:oklch(from var(--gray-base)calc(l*1.35)c h);--gray-300:oklch(from var(--gray-base)calc(l*1.175)c h);--gray-400:var(--gray-base);--gray-500:oklch(from var(--gray-base)calc(l*.85)c h);--gray-600:oklch(from var(--gray-base)calc(l*.725)c h);--gray-700:oklch(from var(--gray-base)calc(l*.6126)c h);--gray-800:oklch(from var(--gray-base)calc(l*.5)c h);--gray-900:oklch(from var(--gray-base)calc(l*.4)c h);--gray-950:oklch(from var(--gray-base)calc(l*.3)c h);--canvas-base:oklch(54.2% .0037 275.34);--canvas-25:oklch(from var(--canvas-base)calc(l*1.9)c h);--canvas-50:oklch(from var(--canvas-base)calc(l*1.75)c h);--canvas-100:oklch(from var(--canvas-base)calc(l*1.6)c h);--canvas-200:oklch(from var(--canvas-base)calc(l*1.4)c h);--canvas-300:oklch(from var(--canvas-base)calc(l*1.2)c h);--canvas-400:var(--canvas-base);--canvas-500:oklch(from var(--canvas-base)calc(l*.9)c h);--canvas-600:oklch(from var(--canvas-base)calc(l*.7)c h);--canvas-700:oklch(from var(--canvas-base)calc(l*.5)c h);--canvas-800:oklch(from var(--canvas-base)calc(l*.335)c h);--canvas-900:oklch(from var(--canvas-base)calc(l*.3)c h);--canvas-950:oklch(from var(--canvas-base)calc(l*.225)c h);--red-base:oklch(54.27% .18 31.76);--red-25:oklch(from var(--red-base)calc(l*2)c h);--red-50:oklch(from var(--red-base)calc(l*1.75)c h);--red-100:oklch(from var(--red-base)calc(l*1.5)c h);--red-200:oklch(from var(--red-base)calc(l*1.25)c h);--red-300:oklch(from var(--red-base)calc(l*1.1)c h);--red-400:var(--red-base);--red-500:oklch(from var(--red-base)calc(l*.95)c h);--red-600:oklch(from var(--red-base)calc(l*.9)c h);--red-700:oklch(from var(--red-base)calc(l*.85)c h);--red-800:oklch(from var(--red-base)calc(l*.8)c h);--red-900:oklch(from var(--red-base)calc(l*.75)c h);--red-950:oklch(from var(--red-base)calc(l*.7)c h);--green-base:oklch(65.26% .18 142.58);--green-25:oklch(from var(--green-base)calc(l*2)c h);--green-50:oklch(from var(--green-base)calc(l*1.75)c h);--green-100:oklch(from var(--green-base)calc(l*1.5)c h);--green-200:oklch(from var(--green-base)calc(l*1.25)c h);--green-300:oklch(from var(--green-base)calc(l*1.1)c h);--green-400:var(--green-base);--green-500:oklch(from var(--green-base)calc(l*.95)c h);--green-600:oklch(from var(--green-base)calc(l*.9)c h);--green-700:oklch(from var(--green-base)calc(l*.85)c h);--green-800:oklch(from var(--green-base)calc(l*.8)c h);--green-900:oklch(from var(--green-base)calc(l*.75)c h);--green-950:oklch(from var(--green-base)calc(l*.7)c h);--blue-base:oklch(53.66% .1942 265.89);--blue-25:oklch(from var(--blue-base)calc(l*2)c h);--blue-50:oklch(from var(--blue-base)calc(l*1.75)c h);--blue-100:oklch(from var(--blue-base)calc(l*1.5)c h);--blue-200:oklch(from var(--blue-base)calc(l*1.25)c h);--blue-300:oklch(from var(--blue-base)calc(l*1.1)c h);--blue-400:var(--blue-base);--blue-500:oklch(from var(--blue-base)calc(l*.95)c h);--blue-600:oklch(from var(--blue-base)calc(l*.9)c h);--blue-700:oklch(from var(--blue-base)calc(l*.85)c h);--blue-800:oklch(from var(--blue-base)calc(l*.8)c h);--blue-900:oklch(from var(--blue-base)calc(l*.75)c h);--blue-950:oklch(from var(--blue-base)calc(l*.7)c h);--yellow-base:oklch(75% .15 82.94);--yellow-25:oklch(from var(--yellow-base)calc(l*2)c h);--yellow-50:oklch(from var(--yellow-base)calc(l*1.75)c h);--yellow-100:oklch(from var(--yellow-base)calc(l*1.5)c h);--yellow-200:oklch(from var(--yellow-base)calc(l*1.25)c h);--yellow-300:oklch(from var(--yellow-base)calc(l*1.1)c h);--yellow-400:var(--yellow-base);--yellow-500:oklch(from var(--yellow-base)calc(l*.95)c h);--yellow-600:oklch(from var(--yellow-base)calc(l*.9)c h);--yellow-700:oklch(from var(--yellow-base)calc(l*.85)c h);--yellow-800:oklch(from var(--yellow-base)calc(l*.8)c h);--yellow-900:oklch(from var(--yellow-base)calc(l*.75)c h);--yellow-950:oklch(from var(--yellow-base)calc(l*.7)c h);--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1320px;--breakpoint-2xl:1536px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.625rem;--font-size-6xl:3rem;--font-size-7xl:3.375rem;--font-size-8xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-ultrabold:900;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:4px;--border-style-solid:solid;--border-style-dashed:dashed;--border-style-dotted:dotted;--ring-offset-width:2px;--ring-inset: ;--ring-shadow:0 0 #0000;--shadow:0 0 #0000;--shadow-xs:0px 1px 2px #0000000d;--shadow-sm:0px 2px 4px #0000001a;--shadow-md:0px 4px 6px #0000001a;--shadow-lg:0px 6px 12px #00000026;--shadow-xl:0px 8px 16px #0003;--transition-fast:.175s ease-in-out;--transition-normal:.23s ease-in-out;--transition-slow:.4s ease-in-out;--z-index-low:10;--z-index-medium:100;--z-index-high:1000;--z-index-modal:1050;--z-index-toast:1100;--opacity-0:0;--opacity-25:.25;--opacity-50:.5;--opacity-75:.75;--opacity-100:1;--grid-columns-2:2;--grid-columns-3:3;--grid-columns-4:4;--grid-columns-5:5;--grid-columns-6:6;--grid-columns-7:7;--grid-columns-8:8;--grid-columns-9:9;--grid-columns-10:10;--grid-columns-11:11;--grid-columns-12:12;--grid-gap-sm:8px;--grid-gap-md:16px;--grid-gap-lg:24px;--grid-column-size-xs:240px;--grid-column-size-sm:260px;--grid-column-size-md:320px;--grid-column-size-lg:480px;--gap-0:var(--spacing-0);--gap-1:var(--spacing-1);--gap-2:var(--spacing-2);--gap-3:var(--spacing-3);--gap-4:var(--spacing-4);--gap-5:var(--spacing-5);--gap-6:var(--spacing-6);--gap-8:var(--spacing-8);--gap-10:var(--spacing-10);--gap-12:var(--spacing-12);--gap-16:var(--spacing-16);--gap-20:var(--spacing-20);--gap-24:var(--spacing-24);--gap-32:var(--spacing-32);--flex-row:row;--flex-column:column;--flex-wrap:wrap;--flex-nowrap:nowrap;--flex-center:center}@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:rotateX(-30deg)scale(.9)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:rotateX(0)scale(1)}to{opacity:0;transform:rotateX(-10deg)scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}h1{font-size:1.75rem;font-weight:600;line-height:1.125}h2{font-size:1.5rem;font-weight:600;line-height:1.125}h3{font-size:1.25rem;font-weight:600;line-height:1.1}h4{font-size:1rem;font-weight:600;line-height:1.1}}@layer infonomic-utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-ultrabold{font-weight:var(--font-weight-ultrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}@media (width>=640px){.sm\:text-xs{font-size:var(--font-size-xs)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-3xl{font-size:var(--font-size-3xl)}.sm\:text-4xl{font-size:var(--font-size-4xl)}.sm\:text-5xl{font-size:var(--font-size-5xl)}.sm\:text-6xl{font-size:var(--font-size-6xl)}.sm\:text-7xl{font-size:var(--font-size-7xl)}.sm\:text-8xl{font-size:var(--font-size-8xl)}.sm\:font-light{font-weight:var(--font-weight-light)}.sm\:font-normal{font-weight:var(--font-weight-normal)}.sm\:font-medium{font-weight:var(--font-weight-medium)}.sm\:font-semibold{font-weight:var(--font-weight-semibold)}.sm\:font-bold{font-weight:var(--font-weight-bold)}.sm\:font-extrabold{font-weight:var(--font-weight-extrabold)}.sm\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.sm\:leading-tight{line-height:var(--line-height-tight)}.sm\:leading-snug{line-height:var(--line-height-snug)}.sm\:leading-normal{line-height:var(--line-height-normal)}.sm\:leading-relaxed{line-height:var(--line-height-relaxed)}.sm\:leading-loose{line-height:var(--line-height-loose)}.sm\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.sm\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.sm\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}@media (width>=768px){.md\:text-xs{font-size:var(--font-size-xs)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}.md\:text-6xl{font-size:var(--font-size-6xl)}.md\:text-7xl{font-size:var(--font-size-7xl)}.md\:text-8xl{font-size:var(--font-size-8xl)}.md\:font-light{font-weight:var(--font-weight-light)}.md\:font-normal{font-weight:var(--font-weight-normal)}.md\:font-medium{font-weight:var(--font-weight-medium)}.md\:font-semibold{font-weight:var(--font-weight-semibold)}.md\:font-bold{font-weight:var(--font-weight-bold)}.md\:font-extrabold{font-weight:var(--font-weight-extrabold)}.md\:font-ultrabold{font-weight:var(--font-weight-ultrabold)}.md\:leading-tight{line-height:var(--line-height-tight)}.md\:leading-snug{line-height:var(--line-height-snug)}.md\:leading-normal{line-height:var(--line-height-normal)}.md\:leading-relaxed{line-height:var(--line-height-relaxed)}.md\:leading-loose{line-height:var(--line-height-loose)}.md\:tracking-tight{letter-spacing:var(--letter-spacing-tight)}.md\:tracking-normal{letter-spacing:var(--letter-spacing-normal)}.md\:tracking-wide{letter-spacing:var(--letter-spacing-wide)}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.p-32{padding:var(--spacing-32)}@media (width>=640px){.sm\:m-0{margin:var(--spacing-0)}.sm\:m-1{margin:var(--spacing-1)}.sm\:m-2{margin:var(--spacing-2)}.sm\:m-3{margin:var(--spacing-3)}.sm\:m-4{margin:var(--spacing-4)}.sm\:m-5{margin:var(--spacing-5)}.sm\:m-6{margin:var(--spacing-6)}.sm\:m-8{margin:var(--spacing-8)}.sm\:m-10{margin:var(--spacing-10)}.sm\:m-12{margin:var(--spacing-12)}.sm\:m-16{margin:var(--spacing-16)}.sm\:p-0{padding:var(--spacing-0)}.sm\:p-1{padding:var(--spacing-1)}.sm\:p-2{padding:var(--spacing-2)}.sm\:p-3{padding:var(--spacing-3)}.sm\:p-4{padding:var(--spacing-4)}.sm\:p-5{padding:var(--spacing-5)}.sm\:p-6{padding:var(--spacing-6)}.sm\:p-8{padding:var(--spacing-8)}.sm\:p-10{padding:var(--spacing-10)}.sm\:p-12{padding:var(--spacing-12)}.sm\:p-16{padding:var(--spacing-16)}.sm\:p-20{padding:var(--spacing-20)}.sm\:p-24{padding:var(--spacing-24)}.sm\:p-32{padding:var(--spacing-32)}}@media (width>=768px){.md\:m-0{margin:var(--spacing-0)}.md\:m-1{margin:var(--spacing-1)}.md\:m-2{margin:var(--spacing-2)}.md\:m-3{margin:var(--spacing-3)}.md\:m-4{margin:var(--spacing-4)}.md\:m-5{margin:var(--spacing-5)}.md\:m-6{margin:var(--spacing-6)}.md\:m-8{margin:var(--spacing-8)}.md\:m-10{margin:var(--spacing-10)}.md\:m-12{margin:var(--spacing-12)}.md\:m-16{margin:var(--spacing-16)}.md\:p-0{padding:var(--spacing-0)}.md\:p-1{padding:var(--spacing-1)}.md\:p-2{padding:var(--spacing-2)}.md\:p-3{padding:var(--spacing-3)}.md\:p-4{padding:var(--spacing-4)}.md\:p-5{padding:var(--spacing-5)}.md\:p-6{padding:var(--spacing-6)}.md\:p-8{padding:var(--spacing-8)}.md\:p-10{padding:var(--spacing-10)}.md\:p-12{padding:var(--spacing-12)}.md\:p-16{padding:var(--spacing-16)}.md\:p-20{padding:var(--spacing-20)}.md\:p-24{padding:var(--spacing-24)}.md\:p-32{padding:var(--spacing-32)}}.flex{display:flex}.flex-row{flex-direction:var(--flex-row)}.flex-column{flex-direction:var(--flex-column)}.flex-wrap{flex-wrap:var(--flex-wrap)}.flex-nowrap{flex-wrap:var(--flex-nowrap)}.items-center{align-items:var(--flex-center)}.justify-center{justify-content:var(--flex-center)}@media (width>=640px){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:var(--flex-row)}.sm\:flex-column{flex-direction:var(--flex-column)}.sm\:flex-wrap{flex-wrap:var(--flex-wrap)}.sm\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.sm\:items-center{align-items:var(--flex-center)}.sm\:justify-center{justify-content:var(--flex-center)}}@media (width>=768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:var(--flex-row)}.md\:flex-column{flex-direction:var(--flex-column)}.md\:flex-wrap{flex-wrap:var(--flex-wrap)}.md\:flex-nowrap{flex-wrap:var(--flex-nowrap)}.md\:items-center{align-items:var(--flex-center)}.md\:justify-center{justify-content:var(--flex-center)}}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(var(--grid-columns-2),minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(var(--grid-columns-3),minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(var(--grid-columns-4),minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(var(--grid-columns-5),minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(var(--grid-columns-6),minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(var(--grid-columns-7),minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(var(--grid-columns-8),minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(var(--grid-columns-9),minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(var(--grid-columns-10),minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(var(--grid-columns-11),minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(var(--grid-columns-12),minmax(0,1fr))}.gap-0{gap:var(--gap-0)}.gap-1{gap:var(--gap-1)}.gap-2{gap:var(--gap-2)}.gap-3{gap:var(--gap-3)}.gap-4{gap:var(--gap-4)}.gap-5{gap:var(--gap-5)}.gap-6{gap:var(--gap-6)}.gap-8{gap:var(--gap-8)}.gap-10{gap:var(--gap-10)}.gap-12{gap:var(--gap-12)}.gap-16{gap:var(--gap-16)}.gap-20{gap:var(--gap-20)}.gap-24{gap:var(--gap-24)}.gap-32{gap:var(--gap-32)}@media (width>=640px){.sm\:grid{display:grid}.sm\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.sm\:gap-0{gap:.5rem;gap:var(--gap-0)}.sm\:gap-1{gap:var(--gap-1)}.sm\:gap-2{gap:var(--gap-2)}.sm\:gap-3{gap:var(--gap-3)}.sm\:gap-4{gap:var(--gap-4)}.sm\:gap-5{gap:var(--gap-5)}.sm\:gap-6{gap:var(--gap-6)}.sm\:gap-8{gap:var(--gap-8)}.sm\:gap-10{gap:var(--gap-10)}.sm\:gap-12{gap:var(--gap-12)}.sm\:gap-16{gap:var(--gap-16)}.sm\:gap-20{gap:var(--gap-20)}.sm\:gap-24{gap:var(--gap-24)}.sm\:gap-32{gap:var(--gap-32)}}@media (width>=768px){.md\:grid{display:grid}.md\:grid-cols-12{grid-template-columns:repeat(var(--grid-columns),1fr)}.md\:gap-0{gap:.5rem;gap:var(--gap-0)}.md\:gap-1{gap:var(--gap-1)}.md\:gap-2{gap:var(--gap-2)}.md\:gap-3{gap:var(--gap-3)}.md\:gap-4{gap:var(--gap-4)}.md\:gap-5{gap:var(--gap-5)}.md\:gap-6{gap:var(--gap-6)}.md\:gap-8{gap:var(--gap-8)}.md\:gap-10{gap:var(--gap-10)}.md\:gap-12{gap:var(--gap-12)}.md\:gap-16{gap:var(--gap-16)}.md\:gap-20{gap:var(--gap-20)}.md\:gap-24{gap:var(--gap-24)}.md\:gap-32{gap:var(--gap-32)}}.border{border-width:var(--border-width-normal);border-style:var(--border-style-solid)}.border-thin{border-width:var(--border-width-thin)}.border-thick{border-width:var(--border-width-thick)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded,.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}@media (width>=640px){.sm\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid)}.sm\:border-thin{border-width:var(--border-width-thin)}.sm\:border-thick{border-width:var(--border-width-thick)}.sm\:rounded-none{border-radius:var(--border-radius-none)}.sm\:rounded-sm,.sm\:rounded,.sm\:rounded-md{border-radius:var(--border-radius-sm)}.sm\:rounded-lg{border-radius:var(--border-radius-lg)}.sm\:rounded-xl{border-radius:var(--border-radius-xl)}.sm\:rounded-2xl{border-radius:var(--border-radius-2xl)}.sm\:rounded-full{border-radius:var(--border-radius-full)}}@media (width>=768px){.md\:border{border-width:var(--border-width-normal);border-style:var(--border-style-solid)}.md\:border-thin{border-width:var(--border-width-thin)}.md\:border-thick{border-width:var(--border-width-thick)}.md\:rounded-none{border-radius:var(--border-radius-none)}.md\:rounded-sm{border-radius:var(--border-radius-sm)}.md\:rounded,.md\:rounded-md{border-radius:var(--border-radius-md)}.md\:rounded-lg{border-radius:var(--border-radius-lg)}.md\:rounded-xl{border-radius:var(--border-radius-xl)}.md\:rounded-2xl{border-radius:var(--border-radius-2xl)}.md\:rounded-full{border-radius:var(--border-radius-full)}}.shadow{box-shadow:var(--shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (width>=768px){.md\:shadow{box-shadow:var(--shadow)}.md\:shadow-xs{box-shadow:var(--shadow-xs)}.md\:shadow-sm{box-shadow:var(--shadow-sm)}.md\:shadow-md{box-shadow:var(--shadow-md)}.md\:shadow-lg{box-shadow:var(--shadow-lg)}.md\:shadow-xl{box-shadow:var(--shadow-xl)}}.opacity-0{opacity:var(--opacity-0)}.opacity-25{opacity:var(--opacity-25)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}@media (width>=768px){.md\:opacity-0{opacity:var(--opacity-0)}.md\:opacity-25{opacity:var(--opacity-25)}.md\:opacity-50{opacity:var(--opacity-50)}.md\:opacity-75{opacity:var(--opacity-75)}.md\:opacity-100{opacity:var(--opacity-100)}}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.ring-primary-offset-primary:focus:not(.dark *),.ring-primary-offset-primary:active:not(.dark *){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--primary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--primary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-secondary-offset-secondary:focus:not(.dark *),.ring-secondary-offset-secondary:active:not(.dark *){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--secondary-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--secondary-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.ring-accent-offset-accent:focus:not(.dark *),.ring-accent-offset-accent:active:not(.dark *){--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--accent-700);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--accent-400);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.fix-scroll-layout-shift-right{padding-right:var(--removed-body-scroll-bar-size)}.fix-scroll-layout-shift-left{padding-left:var(--removed-body-scroll-bar-size)}}@layer infonomic-theme{input:autofill,input:autofill:hover,input:autofill:focus,textarea:autofill,textarea:autofill:hover,textarea:autofill:focus,select:autofill,select:autofill:hover,select:autofill:focus{-webkit-text-fill-color:black!important;color:#000!important;background-color:#fad9a7!important;border:1px solid #d89d3d!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fff2dc!important;box-shadow:inset 0 0 0 1000px #fff2dc!important}.dark input:autofill,.dark input:autofill:hover,.dark input:autofill:focus,.dark textarea:autofill,.dark textarea:autofill:hover,.dark textarea:autofill:focus,.dark select:autofill,.dark select:autofill:hover,.dark select:autofill:focus{border:1px solid var(--theme-600)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:0 0 0px 1000px var(--theme-600)inset!important;box-shadow:0 0 0px 1000px var(--theme-600)inset!important;color:#fff!important;background-color:#64646480!important;transition:background-color 5000s ease-in-out!important}:root{--scroll-bar-thumb:var(--theme-400);--scroll-bar-track:var(--theme-600)}:root.dark{--scroll-bar-thumb:var(--canvas-700);--scroll-bar-track:var(--canvas-900)}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb)}::-webkit-scrollbar-track{background:var(--scroll-bar-track)}::-webkit-scrollbar-corner{background:var(--scroll-bar-track)}html{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track)}.component--scroller,.dark .component--scroller{--scroll-bar-thumb:var(--scroll-bar-thumb);--scroll-bar-track:var(--scroll-bar-track)}.component--scroller{scrollbar-width:thin;scrollbar-color:var(--scroll-bar-thumb)var(--scroll-bar-track);overflow-y:auto}:root{--background:var(--canvas-25);--foreground:var(--gray-900);--text:var(--gray-900);--headings:var(--primary-700);--muted:oklch(from var(--foreground)calc(l*2)c h);--border-color:var(--gray-100);--shadow:var(--shadow-md);--loader-color:var(--primary-500);--invert-background:var(--canvas-900);--invert-foreground:var(--gray-50);--invert-text:var(--gray-50);--invert-headings:var(--gray-50);--invert-muted:oklch(from var(--foreground)calc(l*.75)c h);--invert-border-color:var(--canvas-700);--invert-shadow:var(--shadow-lg);--invert-loader-color:var(--gray-50)}.dark{--background:var(--invert-background);--foreground:var(--invert-foreground);--text:var(--invert-text);--headings:var(--invert-headings);--border-color:var(--invert-border-color);--shadow:var(--invert-shadow);--muted:var(--invert-muted);--loader-color:var(--invert-loader-color)}.not-dark{--background:var(--canvas-25);--foreground:var(--gray-900);--text:var(--gray-900);--headings:var(--primary-800);--muted:oklch(from var(--foreground)calc(l*2)c h);--border-color:var(--gray-100);--shadow:var(--shadow-md);--loader-color:var(--primary-500)}html{color:var(--text);font-size:1rem}html .not-dark{color:var(--text)}::selection{background-color:var(--theme-600);color:#fff}.dark ::selection{background-color:var(--theme-200);color:var(--gray-900)}.background{background-color:var(--background)}.foreground{color:var(--foreground)}.text{color:var(--text)}.headings{color:var(--headings)}.muted{color:var(--muted);font-size:.925rem}.shadow{box-shadow:var(--shadow)}.border-color{border-color:var(--border-color)}.border{border-color:var(--border-color);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-radius:var(--border-radius-sm)}.external-link:after{content:"";background-image:url(/external-link-light.svg);background-position:20%;background-repeat:no-repeat;background-size:65%;width:1.1rem;height:1.1rem;margin-right:-5px;display:inline-block}.dark .external-link:after{background-image:url(/external-link-dark.svg)}}@layer infonomic-typography;@layer infonomic-components{.component--hamburger{z-index:200;cursor:pointer;width:42px;height:34px;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;border-radius:4px;justify-content:center;align-items:center;margin:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.component--hamburger:active,.component--hamburger:focus{border:.5px dashed #fff;border-radius:4px;outline:none!important}.component--hamburger .box{width:24px;height:24px;display:block;position:relative}.component--hamburger .inner{margin-top:-1px;transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19);display:block;top:50%}.component--hamburger .inner,.component--hamburger .inner:before,.component--hamburger .inner:after{border-radius:0;width:24px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.component--hamburger .inner:before,.component--hamburger .inner:after{content:"";display:block}.component--hamburger .inner:before{transition:top 75ms .12s,opacity 75ms;top:-8px}.component--hamburger .inner:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom:-8px}.component--hamburger.is_active .inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.component--hamburger.is_active .inner:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.component--hamburger.is_active .inner:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}}.component--icon-element-root svg{margin:auto;display:block}.btn-to-top{opacity:0;visibility:hidden;z-index:20;color:#fff;background-color:var(--primary-500);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;width:0;height:0;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.btn-to-top span{width:18px;padding-bottom:3px}.btn-to-top span .icon path{stroke:none;fill:#fff}@media screen and (width>=587px){.btn-to-top{bottom:45px;right:45px}.btn-to-top span{width:18px}}.btn-to-top:hover,.btn-to-top:focus{color:#fff;background-color:var(--primary-500);transform:translateY(-5px)}.dark .btn-to-top{background-color:var(--primary-600)}.dark .btn-to-top:hover,.dark .btn-to-top:focus{color:#fff;background-color:var(--primary-600)}.btn-floating{opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){.btn-floating{border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}ul.check{padding-left:0}.component--list-item-checkbox{outline:none;margin-left:0;margin-right:8px;padding-left:28px;padding-right:24px;list-style-type:none;position:relative}@media screen and (width>=768px){ul.check{padding-left:1rem}}.component--list-item-checkbox:before{content:"";cursor:pointer;background-repeat:no-repeat;background-size:cover;border:1px solid #7d7d7d;border-radius:2px;width:16px;height:16px;display:block;position:absolute;top:8px;left:0}.component--list-item-checkbox-checked{text-decoration:line-through}.component--list-item-checkbox-checked:before{border:1px solid var(--secondary-300);background-color:var(--secondary-400);background-repeat:no-repeat}.component--list-item-checkbox-checked:after{content:"";cursor:pointer;border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;position:absolute;top:11px;left:6px;right:7px;transform:rotate(45deg)}.lds-ellipsis{display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:16.25%;height:32.25%;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:41.25%}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:10%}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:10%}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:40%}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:70%}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(184.61%)}}.lds-ring{display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid #0000;border-top-color:#fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-spinner{color:official;width:56px;height:56px;display:inline-block;position:relative}.lds-spinner div{transform-origin:28px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div .div-after{content:" ";background:#fff;border-radius:20%;width:5px;height:14px;display:block;position:absolute;top:0;left:25px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.component--fade-in-lift{opacity:0;visibility:hidden;will-change:opacity,visibility;transition:opacity .5s ease-out,transform .7s ease-out;transform:matrix(1,0,0,1,0,18)}.component--fade-in-lift.is-visible{opacity:1;visibility:visible;transform:matrix(1,0,0,1,0,0)}@keyframes checkBoxIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes checkBoxOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.component--checkbox,.component--checkbox-icon{transition:all .2s ease-in-out}.component--checkbox-indicator[data-state=checked] .component--checkbox-icon{opacity:1;animation:.3s cubic-bezier(.25,1.5,.5,1) forwards checkBoxIn;transform:scale(1)}.component--checkbox-indicator[data-state=unchecked] .component--checkbox-icon{opacity:0;animation:.2s ease-in checkBoxOut;transform:scale(.8)}.component--card{background:var(--theme-25);color:oklch(12.97% .005 285.67);border:solid 1px var(--gray-50)}.component--card:is(.dark *){background:var(--canvas-800);color:var(--gray-100);border:solid 1px var(--canvas-700)}.component--card--hover:hover{background:oklch(from var(--theme-50)1 .03 h);transition:all .2s ease-in-out}.component--card--hover:hover:is(.dark *){background:oklch(from var(--canvas-700).258 c h)}.toast-viewport{--viewport-padding:25px;padding:var(--viewport-padding);z-index:2147483647;outline:none;flex-direction:column;gap:10px;width:100vw;max-width:100vw;margin:0;list-style:none;display:flex;position:fixed;bottom:0;right:0}.popover-content[data-state=open][data-side=top]{animation:.1s ease-in slideDownAndFade}.popover-content[data-state=open][data-side=right]{animation:.1s ease-in slideLeftAndFade}.popover-content[data-state=open][data-side=bottom]{animation:.1s ease-in slideUpAndFade}.popover-content[data-state=open][data-side=left]{animation:.1s ease-in slideRightAndFade}.dropdown-menu-content[data-side=top],.dropdown-menu-subcontent[data-side=top]{animation:.1s ease-in slideDownAndFade}.dropdown-menu-content[data-side=right],.dropdown-menu-subcontent[data-side=right]{animation:.1s ease-in slideLeftAndFade}.dropdown-menu-content[data-side=bottom],.dropdown-menu-subcontent[data-side=bottom]{animation:.1s ease-in slideUpAndFade}.dropdown-menu-content[data-side=left],.dropdown-menu-subcontent[data-side=left]{animation:.1s ease-in slideRightAndFade}
+@layer infonomic-base {
+  *, :before, :after {
+    box-sizing: border-box;
+    border: 0 solid #e5e7eb;
+  }
+
+  :before, :after {
+    --tw-content: "";
+  }
+
+  html, :host {
+    scroll-behavior: smooth;
+    -webkit-text-size-adjust: 100%;
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+    font-feature-settings: normal;
+    font-variation-settings: normal;
+    -webkit-tap-highlight-color: transparent;
+    font-family: Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+    line-height: 1.5;
+  }
+
+  body {
+    line-height: inherit;
+    margin: 0;
+  }
+
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+
+  abbr:where([title]) {
+    text-decoration: underline dotted;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: inherit;
+  }
+
+  b, strong {
+    font-weight: bolder;
+  }
+
+  code, kbd, samp, pre {
+    font-feature-settings: normal;
+    font-variation-settings: normal;
+    font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+    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;
+  }
+
+  button, input, optgroup, select, textarea {
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    font-family: inherit;
+    font-size: 100%;
+    font-weight: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    margin: 0;
+    padding: 0;
+  }
+
+  button, select {
+    text-transform: none;
+  }
+
+  button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
+    -webkit-appearance: button;
+    background-color: #0000;
+    background-image: none;
+  }
+
+  :-moz-focusring {
+    outline: auto;
+  }
+
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  [type="search"] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
+  }
+
+  summary {
+    display: list-item;
+  }
+
+  blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
+    margin: 0;
+  }
+
+  fieldset {
+    margin: 0;
+    padding: 0;
+  }
+
+  legend {
+    padding: 0;
+  }
+
+  ol, ul, menu {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  dialog {
+    padding: 0;
+  }
+
+  textarea {
+    resize: vertical;
+  }
+
+  input::-moz-placeholder, textarea::-moz-placeholder {
+    opacity: 1;
+    color: #9ca3af;
+  }
+
+  input::placeholder, textarea::placeholder {
+    opacity: 1;
+    color: #9ca3af;
+  }
+
+  button, [role="button"] {
+    cursor: pointer;
+  }
+
+  :disabled {
+    cursor: default;
+  }
+
+  img, svg, video, canvas, audio, iframe, embed, object {
+    vertical-align: middle;
+    display: block;
+  }
+
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    *, :before, :after {
+      scroll-behavior: auto !important;
+      transition-duration: .01ms !important;
+      animation-duration: .01ms !important;
+      animation-iteration-count: 1 !important;
+    }
+  }
+
+  :root {
+    --theme-base: oklch(43.11% .1 317.53);
+    --theme-25: oklch(from var(--theme-base) calc(l * 2) c h);
+    --theme-50: oklch(from var(--theme-base) calc(l * 1.75) c h);
+    --theme-100: oklch(from var(--theme-base) calc(l * 1.5) c h);
+    --theme-200: oklch(from var(--theme-base) calc(l * 1.25) c h);
+    --theme-300: oklch(from var(--theme-base) calc(l * 1.1) c h);
+    --theme-400: var(--theme-base);
+    --theme-500: oklch(from var(--theme-base) calc(l * .95) c h);
+    --theme-600: oklch(from var(--theme-base) calc(l * .9) c h);
+    --theme-700: oklch(from var(--theme-base) calc(l * .85) c h);
+    --theme-800: oklch(from var(--theme-base) calc(l * .8) c h);
+    --theme-900: oklch(from var(--theme-base) calc(l * .75) c h);
+    --theme-950: oklch(from var(--theme-base) calc(l * .7) c h);
+    --primary-base: oklch(49.7% .189 295.76);
+    --primary-25: oklch(from var(--primary-base) calc(l * 2) c h);
+    --primary-50: oklch(from var(--primary-base) calc(l * 1.75) c h);
+    --primary-100: oklch(from var(--primary-base) calc(l * 1.5) c h);
+    --primary-200: oklch(from var(--primary-base) calc(l * 1.25) c h);
+    --primary-300: oklch(from var(--primary-base) calc(l * 1.1) c h);
+    --primary-400: var(--primary-base);
+    --primary-500: oklch(from var(--primary-base) calc(l * .95) c h);
+    --primary-600: oklch(from var(--primary-base) calc(l * .9) c h);
+    --primary-700: oklch(from var(--primary-base) calc(l * .85) c h);
+    --primary-800: oklch(from var(--primary-base) calc(l * .8) c h);
+    --primary-900: oklch(from var(--primary-base) calc(l * .75) c h);
+    --primary-950: oklch(from var(--primary-base) calc(l * .7) c h);
+    --secondary-base: oklch(84.61% .15 82.94);
+    --secondary-25: oklch(from var(--secondary-base) calc(l * 2.25) .1 h);
+    --secondary-50: oklch(from var(--secondary-base) calc(l * 2) c h);
+    --secondary-100: oklch(from var(--secondary-base) calc(l * 1.75) c h);
+    --secondary-200: oklch(from var(--secondary-base) calc(l * 1.5) c h);
+    --secondary-300: oklch(from var(--secondary-base) calc(l * 1.1) c h);
+    --secondary-400: var(--secondary-base);
+    --secondary-500: oklch(from var(--secondary-base) calc(l * .95) c h);
+    --secondary-600: oklch(from var(--secondary-base) calc(l * .9) c h);
+    --secondary-700: oklch(from var(--secondary-base) calc(l * .85) c h);
+    --secondary-800: oklch(from var(--secondary-base) calc(l * .8) c h);
+    --secondary-900: oklch(from var(--secondary-base) calc(l * .75) c h);
+    --secondary-950: oklch(from var(--secondary-base) calc(l * .7) c h);
+    --accent-base: oklch(75.4% .1 324.9);
+    --accent-25: oklch(from var(--accent-base) .985 .06 h);
+    --accent-50: oklch(from var(--accent-base) .975 .08 h);
+    --accent-100: oklch(from var(--accent-base) .9 .07 h);
+    --accent-200: oklch(from var(--accent-base) .85 c h);
+    --accent-300: oklch(from var(--accent-base) .8 c h);
+    --accent-400: var(--accent-base);
+    --accent-500: oklch(from var(--accent-base) .7 c h);
+    --accent-600: oklch(from var(--accent-base) .68 c h);
+    --accent-700: oklch(from var(--accent-base) .62 .1 h);
+    --accent-800: oklch(from var(--accent-base) .6 .1 h);
+    --accent-900: oklch(from var(--accent-base) .58 .1 h);
+    --accent-950: oklch(from var(--accent-base) .5 .11 h);
+    --gray-base: oklch(59.84% 0 0);
+    --gray-25: oklch(from var(--gray-base) calc(l * 1.625) c h);
+    --gray-50: oklch(from var(--gray-base) calc(l * 1.575) c h);
+    --gray-100: oklch(from var(--gray-base) calc(l * 1.475) c h);
+    --gray-200: oklch(from var(--gray-base) calc(l * 1.35) c h);
+    --gray-300: oklch(from var(--gray-base) calc(l * 1.175) c h);
+    --gray-400: var(--gray-base);
+    --gray-500: oklch(from var(--gray-base) calc(l * .85) c h);
+    --gray-600: oklch(from var(--gray-base) calc(l * .725) c h);
+    --gray-700: oklch(from var(--gray-base) calc(l * .6126) c h);
+    --gray-800: oklch(from var(--gray-base) calc(l * .5) c h);
+    --gray-900: oklch(from var(--gray-base) calc(l * .4) c h);
+    --gray-950: oklch(from var(--gray-base) calc(l * .3) c h);
+    --canvas-base: oklch(54.2% .0037 275.34);
+    --canvas-25: oklch(from var(--canvas-base) calc(l * 1.9) c h);
+    --canvas-50: oklch(from var(--canvas-base) calc(l * 1.75) c h);
+    --canvas-100: oklch(from var(--canvas-base) calc(l * 1.6) c h);
+    --canvas-200: oklch(from var(--canvas-base) calc(l * 1.4) c h);
+    --canvas-300: oklch(from var(--canvas-base) calc(l * 1.2) c h);
+    --canvas-400: var(--canvas-base);
+    --canvas-500: oklch(from var(--canvas-base) calc(l * .9) c h);
+    --canvas-600: oklch(from var(--canvas-base) calc(l * .7) c h);
+    --canvas-700: oklch(from var(--canvas-base) calc(l * .5) c h);
+    --canvas-800: oklch(from var(--canvas-base) calc(l * .335) c h);
+    --canvas-900: oklch(from var(--canvas-base) calc(l * .3) c h);
+    --canvas-950: oklch(from var(--canvas-base) calc(l * .225) c h);
+    --red-base: oklch(54.27% .18 31.76);
+    --red-25: oklch(from var(--red-base) calc(l * 2) c h);
+    --red-50: oklch(from var(--red-base) calc(l * 1.75) c h);
+    --red-100: oklch(from var(--red-base) calc(l * 1.5) c h);
+    --red-200: oklch(from var(--red-base) calc(l * 1.25) c h);
+    --red-300: oklch(from var(--red-base) calc(l * 1.1) c h);
+    --red-400: var(--red-base);
+    --red-500: oklch(from var(--red-base) calc(l * .95) c h);
+    --red-600: oklch(from var(--red-base) calc(l * .9) c h);
+    --red-700: oklch(from var(--red-base) calc(l * .85) c h);
+    --red-800: oklch(from var(--red-base) calc(l * .8) c h);
+    --red-900: oklch(from var(--red-base) calc(l * .75) c h);
+    --red-950: oklch(from var(--red-base) calc(l * .7) c h);
+    --green-base: oklch(65.26% .18 142.58);
+    --green-25: oklch(from var(--green-base) calc(l * 2) c h);
+    --green-50: oklch(from var(--green-base) calc(l * 1.75) c h);
+    --green-100: oklch(from var(--green-base) calc(l * 1.5) c h);
+    --green-200: oklch(from var(--green-base) calc(l * 1.25) c h);
+    --green-300: oklch(from var(--green-base) calc(l * 1.1) c h);
+    --green-400: var(--green-base);
+    --green-500: oklch(from var(--green-base) calc(l * .95) c h);
+    --green-600: oklch(from var(--green-base) calc(l * .9) c h);
+    --green-700: oklch(from var(--green-base) calc(l * .85) c h);
+    --green-800: oklch(from var(--green-base) calc(l * .8) c h);
+    --green-900: oklch(from var(--green-base) calc(l * .75) c h);
+    --green-950: oklch(from var(--green-base) calc(l * .7) c h);
+    --blue-base: oklch(53.66% .1942 265.89);
+    --blue-25: oklch(from var(--blue-base) calc(l * 2) c h);
+    --blue-50: oklch(from var(--blue-base) calc(l * 1.75) c h);
+    --blue-100: oklch(from var(--blue-base) calc(l * 1.5) c h);
+    --blue-200: oklch(from var(--blue-base) calc(l * 1.25) c h);
+    --blue-300: oklch(from var(--blue-base) calc(l * 1.1) c h);
+    --blue-400: var(--blue-base);
+    --blue-500: oklch(from var(--blue-base) calc(l * .95) c h);
+    --blue-600: oklch(from var(--blue-base) calc(l * .9) c h);
+    --blue-700: oklch(from var(--blue-base) calc(l * .85) c h);
+    --blue-800: oklch(from var(--blue-base) calc(l * .8) c h);
+    --blue-900: oklch(from var(--blue-base) calc(l * .75) c h);
+    --blue-950: oklch(from var(--blue-base) calc(l * .7) c h);
+    --yellow-base: oklch(75% .15 82.94);
+    --yellow-25: oklch(from var(--yellow-base) calc(l * 2) c h);
+    --yellow-50: oklch(from var(--yellow-base) calc(l * 1.75) c h);
+    --yellow-100: oklch(from var(--yellow-base) calc(l * 1.5) c h);
+    --yellow-200: oklch(from var(--yellow-base) calc(l * 1.25) c h);
+    --yellow-300: oklch(from var(--yellow-base) calc(l * 1.1) c h);
+    --yellow-400: var(--yellow-base);
+    --yellow-500: oklch(from var(--yellow-base) calc(l * .95) c h);
+    --yellow-600: oklch(from var(--yellow-base) calc(l * .9) c h);
+    --yellow-700: oklch(from var(--yellow-base) calc(l * .85) c h);
+    --yellow-800: oklch(from var(--yellow-base) calc(l * .8) c h);
+    --yellow-900: oklch(from var(--yellow-base) calc(l * .75) c h);
+    --yellow-950: oklch(from var(--yellow-base) calc(l * .7) c h);
+    --breakpoint-xs: 480px;
+    --breakpoint-sm: 640px;
+    --breakpoint-md: 768px;
+    --breakpoint-lg: 1024px;
+    --breakpoint-xl: 1320px;
+    --breakpoint-2xl: 1536px;
+    --font-size-xs: .75rem;
+    --font-size-sm: .875rem;
+    --font-size-base: 1rem;
+    --font-size-lg: 1.125rem;
+    --font-size-xl: 1.25rem;
+    --font-size-2xl: 1.5rem;
+    --font-size-3xl: 1.875rem;
+    --font-size-4xl: 2.25rem;
+    --font-size-5xl: 2.625rem;
+    --font-size-6xl: 3rem;
+    --font-size-7xl: 3.375rem;
+    --font-size-8xl: 3.75rem;
+    --font-weight-light: 300;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
+    --font-weight-ultrabold: 900;
+    --line-height-tight: 1.1;
+    --line-height-snug: 1.25;
+    --line-height-normal: 1.5;
+    --line-height-relaxed: 1.625;
+    --line-height-loose: 2;
+    --letter-spacing-tight: -.02em;
+    --letter-spacing-normal: 0;
+    --letter-spacing-wide: .05em;
+    --spacing-0: 0px;
+    --spacing-1: 4px;
+    --spacing-2: 8px;
+    --spacing-3: 12px;
+    --spacing-4: 16px;
+    --spacing-5: 20px;
+    --spacing-6: 24px;
+    --spacing-8: 32px;
+    --spacing-10: 40px;
+    --spacing-12: 48px;
+    --spacing-16: 64px;
+    --spacing-20: 80px;
+    --spacing-24: 96px;
+    --spacing-32: 128px;
+    --border-radius-none: 0px;
+    --border-radius-sm: 4px;
+    --border-radius-md: 8px;
+    --border-radius-lg: 12px;
+    --border-radius-xl: 16px;
+    --border-radius-2xl: 24px;
+    --border-radius-full: 9999px;
+    --border-width-thin: 1px;
+    --border-width-normal: 2px;
+    --border-width-thick: 4px;
+    --border-style-solid: solid;
+    --border-style-dashed: dashed;
+    --border-style-dotted: dotted;
+    --ring-offset-width: 2px;
+    --ring-inset: ;
+    --ring-shadow: 0 0 #0000;
+    --shadow: 0 0 #0000;
+    --shadow-xs: 0px 1px 2px #0000000d;
+    --shadow-sm: 0px 2px 4px #0000001a;
+    --shadow-md: 0px 4px 6px #0000001a;
+    --shadow-lg: 0px 6px 12px #00000026;
+    --shadow-xl: 0px 8px 16px #0003;
+    --transition-fast: .175s ease-in-out;
+    --transition-normal: .23s ease-in-out;
+    --transition-slow: .4s ease-in-out;
+    --z-index-low: 10;
+    --z-index-medium: 100;
+    --z-index-high: 1000;
+    --z-index-modal: 1050;
+    --z-index-toast: 1100;
+    --opacity-0: 0;
+    --opacity-25: .25;
+    --opacity-50: .5;
+    --opacity-75: .75;
+    --opacity-100: 1;
+    --grid-columns-2: 2;
+    --grid-columns-3: 3;
+    --grid-columns-4: 4;
+    --grid-columns-5: 5;
+    --grid-columns-6: 6;
+    --grid-columns-7: 7;
+    --grid-columns-8: 8;
+    --grid-columns-9: 9;
+    --grid-columns-10: 10;
+    --grid-columns-11: 11;
+    --grid-columns-12: 12;
+    --grid-gap-sm: 8px;
+    --grid-gap-md: 16px;
+    --grid-gap-lg: 24px;
+    --grid-column-size-xs: 240px;
+    --grid-column-size-sm: 260px;
+    --grid-column-size-md: 320px;
+    --grid-column-size-lg: 480px;
+    --gap-0: var(--spacing-0);
+    --gap-1: var(--spacing-1);
+    --gap-2: var(--spacing-2);
+    --gap-3: var(--spacing-3);
+    --gap-4: var(--spacing-4);
+    --gap-5: var(--spacing-5);
+    --gap-6: var(--spacing-6);
+    --gap-8: var(--spacing-8);
+    --gap-10: var(--spacing-10);
+    --gap-12: var(--spacing-12);
+    --gap-16: var(--spacing-16);
+    --gap-20: var(--spacing-20);
+    --gap-24: var(--spacing-24);
+    --gap-32: var(--spacing-32);
+    --flex-row: row;
+    --flex-column: column;
+    --flex-wrap: wrap;
+    --flex-nowrap: nowrap;
+    --flex-center: center;
+  }
+
+  @keyframes enterFromRight {
+    from {
+      opacity: 0;
+      transform: translateX(200px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes enterFromLeft {
+    from {
+      opacity: 0;
+      transform: translateX(-200px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes exitToRight {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    to {
+      opacity: 0;
+      transform: translateX(200px);
+    }
+  }
+
+  @keyframes exitToLeft {
+    from {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    to {
+      opacity: 0;
+      transform: translateX(-200px);
+    }
+  }
+
+  @keyframes scaleIn {
+    from {
+      opacity: 0;
+      transform: rotateX(-30deg)scale(.9);
+    }
+
+    to {
+      opacity: 1;
+      transform: rotateX(0)scale(1);
+    }
+  }
+
+  @keyframes scaleOut {
+    from {
+      opacity: 1;
+      transform: rotateX(0)scale(1);
+    }
+
+    to {
+      opacity: 0;
+      transform: rotateX(-10deg)scale(.95);
+    }
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes fadeOut {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
+  }
+
+  @keyframes slideUpAndFade {
+    from {
+      opacity: 0;
+      transform: translateY(2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slideRightAndFade {
+    from {
+      opacity: 0;
+      transform: translateX(-2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slideDownAndFade {
+    from {
+      opacity: 0;
+      transform: translateY(-2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slideLeftAndFade {
+    from {
+      opacity: 0;
+      transform: translateX(2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  h1 {
+    font-size: 1.75rem;
+    font-weight: 600;
+    line-height: 1.125;
+  }
+
+  h2 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1.125;
+  }
+
+  h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    line-height: 1.1;
+  }
+
+  h4 {
+    font-size: 1rem;
+    font-weight: 600;
+    line-height: 1.1;
+  }
+}
+
+@layer infonomic-utilities {
+  .sr-only {
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .text-xs {
+    font-size: var(--font-size-xs);
+  }
+
+  .text-sm {
+    font-size: var(--font-size-sm);
+  }
+
+  .text-base {
+    font-size: var(--font-size-base);
+  }
+
+  .text-lg {
+    font-size: var(--font-size-lg);
+  }
+
+  .text-xl {
+    font-size: var(--font-size-xl);
+  }
+
+  .text-2xl {
+    font-size: var(--font-size-2xl);
+  }
+
+  .text-3xl {
+    font-size: var(--font-size-3xl);
+  }
+
+  .text-4xl {
+    font-size: var(--font-size-4xl);
+  }
+
+  .text-5xl {
+    font-size: var(--font-size-5xl);
+  }
+
+  .text-6xl {
+    font-size: var(--font-size-6xl);
+  }
+
+  .text-7xl {
+    font-size: var(--font-size-7xl);
+  }
+
+  .text-8xl {
+    font-size: var(--font-size-8xl);
+  }
+
+  .font-light {
+    font-weight: var(--font-weight-light);
+  }
+
+  .font-normal {
+    font-weight: var(--font-weight-normal);
+  }
+
+  .font-medium {
+    font-weight: var(--font-weight-medium);
+  }
+
+  .font-semibold {
+    font-weight: var(--font-weight-semibold);
+  }
+
+  .font-bold {
+    font-weight: var(--font-weight-bold);
+  }
+
+  .font-extrabold {
+    font-weight: var(--font-weight-extrabold);
+  }
+
+  .font-ultrabold {
+    font-weight: var(--font-weight-ultrabold);
+  }
+
+  .leading-tight {
+    line-height: var(--line-height-tight);
+  }
+
+  .leading-snug {
+    line-height: var(--line-height-snug);
+  }
+
+  .leading-normal {
+    line-height: var(--line-height-normal);
+  }
+
+  .leading-relaxed {
+    line-height: var(--line-height-relaxed);
+  }
+
+  .leading-loose {
+    line-height: var(--line-height-loose);
+  }
+
+  .tracking-tight {
+    letter-spacing: var(--letter-spacing-tight);
+  }
+
+  .tracking-normal {
+    letter-spacing: var(--letter-spacing-normal);
+  }
+
+  .tracking-wide {
+    letter-spacing: var(--letter-spacing-wide);
+  }
+
+  @media (width >= 640px) {
+    .sm\:text-xs {
+      font-size: var(--font-size-xs);
+    }
+
+    .sm\:text-sm {
+      font-size: var(--font-size-sm);
+    }
+
+    .sm\:text-base {
+      font-size: var(--font-size-base);
+    }
+
+    .sm\:text-lg {
+      font-size: var(--font-size-lg);
+    }
+
+    .sm\:text-xl {
+      font-size: var(--font-size-xl);
+    }
+
+    .sm\:text-2xl {
+      font-size: var(--font-size-2xl);
+    }
+
+    .sm\:text-3xl {
+      font-size: var(--font-size-3xl);
+    }
+
+    .sm\:text-4xl {
+      font-size: var(--font-size-4xl);
+    }
+
+    .sm\:text-5xl {
+      font-size: var(--font-size-5xl);
+    }
+
+    .sm\:text-6xl {
+      font-size: var(--font-size-6xl);
+    }
+
+    .sm\:text-7xl {
+      font-size: var(--font-size-7xl);
+    }
+
+    .sm\:text-8xl {
+      font-size: var(--font-size-8xl);
+    }
+
+    .sm\:font-light {
+      font-weight: var(--font-weight-light);
+    }
+
+    .sm\:font-normal {
+      font-weight: var(--font-weight-normal);
+    }
+
+    .sm\:font-medium {
+      font-weight: var(--font-weight-medium);
+    }
+
+    .sm\:font-semibold {
+      font-weight: var(--font-weight-semibold);
+    }
+
+    .sm\:font-bold {
+      font-weight: var(--font-weight-bold);
+    }
+
+    .sm\:font-extrabold {
+      font-weight: var(--font-weight-extrabold);
+    }
+
+    .sm\:font-ultrabold {
+      font-weight: var(--font-weight-ultrabold);
+    }
+
+    .sm\:leading-tight {
+      line-height: var(--line-height-tight);
+    }
+
+    .sm\:leading-snug {
+      line-height: var(--line-height-snug);
+    }
+
+    .sm\:leading-normal {
+      line-height: var(--line-height-normal);
+    }
+
+    .sm\:leading-relaxed {
+      line-height: var(--line-height-relaxed);
+    }
+
+    .sm\:leading-loose {
+      line-height: var(--line-height-loose);
+    }
+
+    .sm\:tracking-tight {
+      letter-spacing: var(--letter-spacing-tight);
+    }
+
+    .sm\:tracking-normal {
+      letter-spacing: var(--letter-spacing-normal);
+    }
+
+    .sm\:tracking-wide {
+      letter-spacing: var(--letter-spacing-wide);
+    }
+  }
+
+  @media (width >= 768px) {
+    .md\:text-xs {
+      font-size: var(--font-size-xs);
+    }
+
+    .md\:text-sm {
+      font-size: var(--font-size-sm);
+    }
+
+    .md\:text-base {
+      font-size: var(--font-size-base);
+    }
+
+    .md\:text-lg {
+      font-size: var(--font-size-lg);
+    }
+
+    .md\:text-xl {
+      font-size: var(--font-size-xl);
+    }
+
+    .md\:text-2xl {
+      font-size: var(--font-size-2xl);
+    }
+
+    .md\:text-3xl {
+      font-size: var(--font-size-3xl);
+    }
+
+    .md\:text-4xl {
+      font-size: var(--font-size-4xl);
+    }
+
+    .md\:text-5xl {
+      font-size: var(--font-size-5xl);
+    }
+
+    .md\:text-6xl {
+      font-size: var(--font-size-6xl);
+    }
+
+    .md\:text-7xl {
+      font-size: var(--font-size-7xl);
+    }
+
+    .md\:text-8xl {
+      font-size: var(--font-size-8xl);
+    }
+
+    .md\:font-light {
+      font-weight: var(--font-weight-light);
+    }
+
+    .md\:font-normal {
+      font-weight: var(--font-weight-normal);
+    }
+
+    .md\:font-medium {
+      font-weight: var(--font-weight-medium);
+    }
+
+    .md\:font-semibold {
+      font-weight: var(--font-weight-semibold);
+    }
+
+    .md\:font-bold {
+      font-weight: var(--font-weight-bold);
+    }
+
+    .md\:font-extrabold {
+      font-weight: var(--font-weight-extrabold);
+    }
+
+    .md\:font-ultrabold {
+      font-weight: var(--font-weight-ultrabold);
+    }
+
+    .md\:leading-tight {
+      line-height: var(--line-height-tight);
+    }
+
+    .md\:leading-snug {
+      line-height: var(--line-height-snug);
+    }
+
+    .md\:leading-normal {
+      line-height: var(--line-height-normal);
+    }
+
+    .md\:leading-relaxed {
+      line-height: var(--line-height-relaxed);
+    }
+
+    .md\:leading-loose {
+      line-height: var(--line-height-loose);
+    }
+
+    .md\:tracking-tight {
+      letter-spacing: var(--letter-spacing-tight);
+    }
+
+    .md\:tracking-normal {
+      letter-spacing: var(--letter-spacing-normal);
+    }
+
+    .md\:tracking-wide {
+      letter-spacing: var(--letter-spacing-wide);
+    }
+  }
+
+  .m-0 {
+    margin: var(--spacing-0);
+  }
+
+  .m-1 {
+    margin: var(--spacing-1);
+  }
+
+  .m-2 {
+    margin: var(--spacing-2);
+  }
+
+  .m-3 {
+    margin: var(--spacing-3);
+  }
+
+  .m-4 {
+    margin: var(--spacing-4);
+  }
+
+  .m-5 {
+    margin: var(--spacing-5);
+  }
+
+  .m-6 {
+    margin: var(--spacing-6);
+  }
+
+  .m-8 {
+    margin: var(--spacing-8);
+  }
+
+  .m-10 {
+    margin: var(--spacing-10);
+  }
+
+  .m-12 {
+    margin: var(--spacing-12);
+  }
+
+  .m-16 {
+    margin: var(--spacing-16);
+  }
+
+  .p-0 {
+    padding: var(--spacing-0);
+  }
+
+  .p-1 {
+    padding: var(--spacing-1);
+  }
+
+  .p-2 {
+    padding: var(--spacing-2);
+  }
+
+  .p-3 {
+    padding: var(--spacing-3);
+  }
+
+  .p-4 {
+    padding: var(--spacing-4);
+  }
+
+  .p-5 {
+    padding: var(--spacing-5);
+  }
+
+  .p-6 {
+    padding: var(--spacing-6);
+  }
+
+  .p-8 {
+    padding: var(--spacing-8);
+  }
+
+  .p-10 {
+    padding: var(--spacing-10);
+  }
+
+  .p-12 {
+    padding: var(--spacing-12);
+  }
+
+  .p-16 {
+    padding: var(--spacing-16);
+  }
+
+  .p-20 {
+    padding: var(--spacing-20);
+  }
+
+  .p-24 {
+    padding: var(--spacing-24);
+  }
+
+  .p-32 {
+    padding: var(--spacing-32);
+  }
+
+  @media (width >= 640px) {
+    .sm\:m-0 {
+      margin: var(--spacing-0);
+    }
+
+    .sm\:m-1 {
+      margin: var(--spacing-1);
+    }
+
+    .sm\:m-2 {
+      margin: var(--spacing-2);
+    }
+
+    .sm\:m-3 {
+      margin: var(--spacing-3);
+    }
+
+    .sm\:m-4 {
+      margin: var(--spacing-4);
+    }
+
+    .sm\:m-5 {
+      margin: var(--spacing-5);
+    }
+
+    .sm\:m-6 {
+      margin: var(--spacing-6);
+    }
+
+    .sm\:m-8 {
+      margin: var(--spacing-8);
+    }
+
+    .sm\:m-10 {
+      margin: var(--spacing-10);
+    }
+
+    .sm\:m-12 {
+      margin: var(--spacing-12);
+    }
+
+    .sm\:m-16 {
+      margin: var(--spacing-16);
+    }
+
+    .sm\:p-0 {
+      padding: var(--spacing-0);
+    }
+
+    .sm\:p-1 {
+      padding: var(--spacing-1);
+    }
+
+    .sm\:p-2 {
+      padding: var(--spacing-2);
+    }
+
+    .sm\:p-3 {
+      padding: var(--spacing-3);
+    }
+
+    .sm\:p-4 {
+      padding: var(--spacing-4);
+    }
+
+    .sm\:p-5 {
+      padding: var(--spacing-5);
+    }
+
+    .sm\:p-6 {
+      padding: var(--spacing-6);
+    }
+
+    .sm\:p-8 {
+      padding: var(--spacing-8);
+    }
+
+    .sm\:p-10 {
+      padding: var(--spacing-10);
+    }
+
+    .sm\:p-12 {
+      padding: var(--spacing-12);
+    }
+
+    .sm\:p-16 {
+      padding: var(--spacing-16);
+    }
+
+    .sm\:p-20 {
+      padding: var(--spacing-20);
+    }
+
+    .sm\:p-24 {
+      padding: var(--spacing-24);
+    }
+
+    .sm\:p-32 {
+      padding: var(--spacing-32);
+    }
+  }
+
+  @media (width >= 768px) {
+    .md\:m-0 {
+      margin: var(--spacing-0);
+    }
+
+    .md\:m-1 {
+      margin: var(--spacing-1);
+    }
+
+    .md\:m-2 {
+      margin: var(--spacing-2);
+    }
+
+    .md\:m-3 {
+      margin: var(--spacing-3);
+    }
+
+    .md\:m-4 {
+      margin: var(--spacing-4);
+    }
+
+    .md\:m-5 {
+      margin: var(--spacing-5);
+    }
+
+    .md\:m-6 {
+      margin: var(--spacing-6);
+    }
+
+    .md\:m-8 {
+      margin: var(--spacing-8);
+    }
+
+    .md\:m-10 {
+      margin: var(--spacing-10);
+    }
+
+    .md\:m-12 {
+      margin: var(--spacing-12);
+    }
+
+    .md\:m-16 {
+      margin: var(--spacing-16);
+    }
+
+    .md\:p-0 {
+      padding: var(--spacing-0);
+    }
+
+    .md\:p-1 {
+      padding: var(--spacing-1);
+    }
+
+    .md\:p-2 {
+      padding: var(--spacing-2);
+    }
+
+    .md\:p-3 {
+      padding: var(--spacing-3);
+    }
+
+    .md\:p-4 {
+      padding: var(--spacing-4);
+    }
+
+    .md\:p-5 {
+      padding: var(--spacing-5);
+    }
+
+    .md\:p-6 {
+      padding: var(--spacing-6);
+    }
+
+    .md\:p-8 {
+      padding: var(--spacing-8);
+    }
+
+    .md\:p-10 {
+      padding: var(--spacing-10);
+    }
+
+    .md\:p-12 {
+      padding: var(--spacing-12);
+    }
+
+    .md\:p-16 {
+      padding: var(--spacing-16);
+    }
+
+    .md\:p-20 {
+      padding: var(--spacing-20);
+    }
+
+    .md\:p-24 {
+      padding: var(--spacing-24);
+    }
+
+    .md\:p-32 {
+      padding: var(--spacing-32);
+    }
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .flex-row {
+    flex-direction: var(--flex-row);
+  }
+
+  .flex-column {
+    flex-direction: var(--flex-column);
+  }
+
+  .flex-wrap {
+    flex-wrap: var(--flex-wrap);
+  }
+
+  .flex-nowrap {
+    flex-wrap: var(--flex-nowrap);
+  }
+
+  .items-center {
+    align-items: var(--flex-center);
+  }
+
+  .justify-center {
+    justify-content: var(--flex-center);
+  }
+
+  @media (width >= 640px) {
+    .sm\:flex {
+      display: flex;
+    }
+
+    .sm\:flex-row {
+      flex-direction: var(--flex-row);
+    }
+
+    .sm\:flex-column {
+      flex-direction: var(--flex-column);
+    }
+
+    .sm\:flex-wrap {
+      flex-wrap: var(--flex-wrap);
+    }
+
+    .sm\:flex-nowrap {
+      flex-wrap: var(--flex-nowrap);
+    }
+
+    .sm\:items-center {
+      align-items: var(--flex-center);
+    }
+
+    .sm\:justify-center {
+      justify-content: var(--flex-center);
+    }
+  }
+
+  @media (width >= 768px) {
+    .md\:flex {
+      display: flex;
+    }
+
+    .md\:flex-row {
+      flex-direction: var(--flex-row);
+    }
+
+    .md\:flex-column {
+      flex-direction: var(--flex-column);
+    }
+
+    .md\:flex-wrap {
+      flex-wrap: var(--flex-wrap);
+    }
+
+    .md\:flex-nowrap {
+      flex-wrap: var(--flex-nowrap);
+    }
+
+    .md\:items-center {
+      align-items: var(--flex-center);
+    }
+
+    .md\:justify-center {
+      justify-content: var(--flex-center);
+    }
+  }
+
+  .grid {
+    display: grid;
+  }
+
+  .grid-cols-2 {
+    grid-template-columns: repeat(var(--grid-columns-2), minmax(0, 1fr));
+  }
+
+  .grid-cols-3 {
+    grid-template-columns: repeat(var(--grid-columns-3), minmax(0, 1fr));
+  }
+
+  .grid-cols-4 {
+    grid-template-columns: repeat(var(--grid-columns-4), minmax(0, 1fr));
+  }
+
+  .grid-cols-5 {
+    grid-template-columns: repeat(var(--grid-columns-5), minmax(0, 1fr));
+  }
+
+  .grid-cols-6 {
+    grid-template-columns: repeat(var(--grid-columns-6), minmax(0, 1fr));
+  }
+
+  .grid-cols-7 {
+    grid-template-columns: repeat(var(--grid-columns-7), minmax(0, 1fr));
+  }
+
+  .grid-cols-8 {
+    grid-template-columns: repeat(var(--grid-columns-8), minmax(0, 1fr));
+  }
+
+  .grid-cols-9 {
+    grid-template-columns: repeat(var(--grid-columns-9), minmax(0, 1fr));
+  }
+
+  .grid-cols-10 {
+    grid-template-columns: repeat(var(--grid-columns-10), minmax(0, 1fr));
+  }
+
+  .grid-cols-11 {
+    grid-template-columns: repeat(var(--grid-columns-11), minmax(0, 1fr));
+  }
+
+  .grid-cols-12 {
+    grid-template-columns: repeat(var(--grid-columns-12), minmax(0, 1fr));
+  }
+
+  .gap-0 {
+    gap: var(--gap-0);
+  }
+
+  .gap-1 {
+    gap: var(--gap-1);
+  }
+
+  .gap-2 {
+    gap: var(--gap-2);
+  }
+
+  .gap-3 {
+    gap: var(--gap-3);
+  }
+
+  .gap-4 {
+    gap: var(--gap-4);
+  }
+
+  .gap-5 {
+    gap: var(--gap-5);
+  }
+
+  .gap-6 {
+    gap: var(--gap-6);
+  }
+
+  .gap-8 {
+    gap: var(--gap-8);
+  }
+
+  .gap-10 {
+    gap: var(--gap-10);
+  }
+
+  .gap-12 {
+    gap: var(--gap-12);
+  }
+
+  .gap-16 {
+    gap: var(--gap-16);
+  }
+
+  .gap-20 {
+    gap: var(--gap-20);
+  }
+
+  .gap-24 {
+    gap: var(--gap-24);
+  }
+
+  .gap-32 {
+    gap: var(--gap-32);
+  }
+
+  @media (width >= 640px) {
+    .sm\:grid {
+      display: grid;
+    }
+
+    .sm\:grid-cols-12 {
+      grid-template-columns: repeat(var(--grid-columns), 1fr);
+    }
+
+    .sm\:gap-0 {
+      gap: .5rem;
+      gap: var(--gap-0);
+    }
+
+    .sm\:gap-1 {
+      gap: var(--gap-1);
+    }
+
+    .sm\:gap-2 {
+      gap: var(--gap-2);
+    }
+
+    .sm\:gap-3 {
+      gap: var(--gap-3);
+    }
+
+    .sm\:gap-4 {
+      gap: var(--gap-4);
+    }
+
+    .sm\:gap-5 {
+      gap: var(--gap-5);
+    }
+
+    .sm\:gap-6 {
+      gap: var(--gap-6);
+    }
+
+    .sm\:gap-8 {
+      gap: var(--gap-8);
+    }
+
+    .sm\:gap-10 {
+      gap: var(--gap-10);
+    }
+
+    .sm\:gap-12 {
+      gap: var(--gap-12);
+    }
+
+    .sm\:gap-16 {
+      gap: var(--gap-16);
+    }
+
+    .sm\:gap-20 {
+      gap: var(--gap-20);
+    }
+
+    .sm\:gap-24 {
+      gap: var(--gap-24);
+    }
+
+    .sm\:gap-32 {
+      gap: var(--gap-32);
+    }
+  }
+
+  @media (width >= 768px) {
+    .md\:grid {
+      display: grid;
+    }
+
+    .md\:grid-cols-12 {
+      grid-template-columns: repeat(var(--grid-columns), 1fr);
+    }
+
+    .md\:gap-0 {
+      gap: .5rem;
+      gap: var(--gap-0);
+    }
+
+    .md\:gap-1 {
+      gap: var(--gap-1);
+    }
+
+    .md\:gap-2 {
+      gap: var(--gap-2);
+    }
+
+    .md\:gap-3 {
+      gap: var(--gap-3);
+    }
+
+    .md\:gap-4 {
+      gap: var(--gap-4);
+    }
+
+    .md\:gap-5 {
+      gap: var(--gap-5);
+    }
+
+    .md\:gap-6 {
+      gap: var(--gap-6);
+    }
+
+    .md\:gap-8 {
+      gap: var(--gap-8);
+    }
+
+    .md\:gap-10 {
+      gap: var(--gap-10);
+    }
+
+    .md\:gap-12 {
+      gap: var(--gap-12);
+    }
+
+    .md\:gap-16 {
+      gap: var(--gap-16);
+    }
+
+    .md\:gap-20 {
+      gap: var(--gap-20);
+    }
+
+    .md\:gap-24 {
+      gap: var(--gap-24);
+    }
+
+    .md\:gap-32 {
+      gap: var(--gap-32);
+    }
+  }
+
+  .border {
+    border-width: var(--border-width-normal);
+    border-style: var(--border-style-solid);
+  }
+
+  .border-thin {
+    border-width: var(--border-width-thin);
+  }
+
+  .border-thick {
+    border-width: var(--border-width-thick);
+  }
+
+  .rounded-none {
+    border-radius: var(--border-radius-none);
+  }
+
+  .rounded-sm {
+    border-radius: var(--border-radius-sm);
+  }
+
+  .rounded, .rounded-md {
+    border-radius: var(--border-radius-md);
+  }
+
+  .rounded-lg {
+    border-radius: var(--border-radius-lg);
+  }
+
+  .rounded-xl {
+    border-radius: var(--border-radius-xl);
+  }
+
+  .rounded-2xl {
+    border-radius: var(--border-radius-2xl);
+  }
+
+  .rounded-full {
+    border-radius: var(--border-radius-full);
+  }
+
+  @media (width >= 640px) {
+    .sm\:border {
+      border-width: var(--border-width-normal);
+      border-style: var(--border-style-solid);
+    }
+
+    .sm\:border-thin {
+      border-width: var(--border-width-thin);
+    }
+
+    .sm\:border-thick {
+      border-width: var(--border-width-thick);
+    }
+
+    .sm\:rounded-none {
+      border-radius: var(--border-radius-none);
+    }
+
+    .sm\:rounded-sm, .sm\:rounded, .sm\:rounded-md {
+      border-radius: var(--border-radius-sm);
+    }
+
+    .sm\:rounded-lg {
+      border-radius: var(--border-radius-lg);
+    }
+
+    .sm\:rounded-xl {
+      border-radius: var(--border-radius-xl);
+    }
+
+    .sm\:rounded-2xl {
+      border-radius: var(--border-radius-2xl);
+    }
+
+    .sm\:rounded-full {
+      border-radius: var(--border-radius-full);
+    }
+  }
+
+  @media (width >= 768px) {
+    .md\:border {
+      border-width: var(--border-width-normal);
+      border-style: var(--border-style-solid);
+    }
+
+    .md\:border-thin {
+      border-width: var(--border-width-thin);
+    }
+
+    .md\:border-thick {
+      border-width: var(--border-width-thick);
+    }
+
+    .md\:rounded-none {
+      border-radius: var(--border-radius-none);
+    }
+
+    .md\:rounded-sm {
+      border-radius: var(--border-radius-sm);
+    }
+
+    .md\:rounded, .md\:rounded-md {
+      border-radius: var(--border-radius-md);
+    }
+
+    .md\:rounded-lg {
+      border-radius: var(--border-radius-lg);
+    }
+
+    .md\:rounded-xl {
+      border-radius: var(--border-radius-xl);
+    }
+
+    .md\:rounded-2xl {
+      border-radius: var(--border-radius-2xl);
+    }
+
+    .md\:rounded-full {
+      border-radius: var(--border-radius-full);
+    }
+  }
+
+  .shadow {
+    box-shadow: var(--shadow);
+  }
+
+  .shadow-xs {
+    box-shadow: var(--shadow-xs);
+  }
+
+  .shadow-sm {
+    box-shadow: var(--shadow-sm);
+  }
+
+  .shadow-md {
+    box-shadow: var(--shadow-md);
+  }
+
+  .shadow-lg {
+    box-shadow: var(--shadow-lg);
+  }
+
+  .shadow-xl {
+    box-shadow: var(--shadow-xl);
+  }
+
+  @media (width >= 768px) {
+    .md\:shadow {
+      box-shadow: var(--shadow);
+    }
+
+    .md\:shadow-xs {
+      box-shadow: var(--shadow-xs);
+    }
+
+    .md\:shadow-sm {
+      box-shadow: var(--shadow-sm);
+    }
+
+    .md\:shadow-md {
+      box-shadow: var(--shadow-md);
+    }
+
+    .md\:shadow-lg {
+      box-shadow: var(--shadow-lg);
+    }
+
+    .md\:shadow-xl {
+      box-shadow: var(--shadow-xl);
+    }
+  }
+
+  .opacity-0 {
+    opacity: var(--opacity-0);
+  }
+
+  .opacity-25 {
+    opacity: var(--opacity-25);
+  }
+
+  .opacity-50 {
+    opacity: var(--opacity-50);
+  }
+
+  .opacity-75 {
+    opacity: var(--opacity-75);
+  }
+
+  .opacity-100 {
+    opacity: var(--opacity-100);
+  }
+
+  @media (width >= 768px) {
+    .md\:opacity-0 {
+      opacity: var(--opacity-0);
+    }
+
+    .md\:opacity-25 {
+      opacity: var(--opacity-25);
+    }
+
+    .md\:opacity-50 {
+      opacity: var(--opacity-50);
+    }
+
+    .md\:opacity-75 {
+      opacity: var(--opacity-75);
+    }
+
+    .md\:opacity-100 {
+      opacity: var(--opacity-100);
+    }
+  }
+
+  .transition-fast {
+    transition: var(--transition-fast);
+  }
+
+  .transition-normal {
+    transition: var(--transition-normal);
+  }
+
+  .transition-slow {
+    transition: var(--transition-slow);
+  }
+
+  .ring-primary-offset-primary:focus:not(.dark *), .ring-primary-offset-primary:active:not(.dark *) {
+    --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--primary-700);
+    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--primary-400);
+    box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
+  }
+
+  .ring-secondary-offset-secondary:focus:not(.dark *), .ring-secondary-offset-secondary:active:not(.dark *) {
+    --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--secondary-700);
+    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--secondary-400);
+    box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
+  }
+
+  .ring-accent-offset-accent:focus:not(.dark *), .ring-accent-offset-accent:active:not(.dark *) {
+    --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--accent-700);
+    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--accent-400);
+    box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
+  }
+
+  .fix-scroll-layout-shift-right {
+    padding-right: var(--removed-body-scroll-bar-size);
+  }
+
+  .fix-scroll-layout-shift-left {
+    padding-left: var(--removed-body-scroll-bar-size);
+  }
+}
+
+@layer infonomic-theme {
+  input:autofill, input:autofill:hover, input:autofill:focus, textarea:autofill, textarea:autofill:hover, textarea:autofill:focus, select:autofill, select:autofill:hover, select:autofill:focus {
+    -webkit-text-fill-color: black !important;
+    color: #000 !important;
+    background-color: #fad9a7 !important;
+    border: 1px solid #d89d3d !important;
+    transition: background-color 5000s ease-in-out !important;
+    -webkit-box-shadow: inset 0 0 0 1000px #fff2dc !important;
+    box-shadow: inset 0 0 0 1000px #fff2dc !important;
+  }
+
+  .dark input:autofill, .dark input:autofill:hover, .dark input:autofill:focus, .dark textarea:autofill, .dark textarea:autofill:hover, .dark textarea:autofill:focus, .dark select:autofill, .dark select:autofill:hover, .dark select:autofill:focus {
+    border: 1px solid var(--theme-600) !important;
+    -webkit-text-fill-color: white !important;
+    -webkit-box-shadow: 0 0 0px 1000px var(--theme-600) inset !important;
+    box-shadow: 0 0 0px 1000px var(--theme-600) inset !important;
+    color: #fff !important;
+    background-color: #64646480 !important;
+    transition: background-color 5000s ease-in-out !important;
+  }
+
+  :root {
+    --scroll-bar-thumb: var(--theme-400);
+    --scroll-bar-track: var(--theme-600);
+  }
+
+  :root.dark {
+    --scroll-bar-thumb: var(--canvas-700);
+    --scroll-bar-track: var(--canvas-900);
+  }
+
+  ::-webkit-scrollbar {
+    width: .6em;
+    height: .6em;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: var(--scroll-bar-thumb);
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--scroll-bar-track);
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: var(--scroll-bar-track);
+  }
+
+  html {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scroll-bar-thumb) var(--scroll-bar-track);
+  }
+
+  .component--scroller, .dark .component--scroller {
+    --scroll-bar-thumb: var(--scroll-bar-thumb);
+    --scroll-bar-track: var(--scroll-bar-track);
+  }
+
+  .component--scroller {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scroll-bar-thumb) var(--scroll-bar-track);
+    overflow-y: auto;
+  }
+
+  :root {
+    --background: var(--canvas-25);
+    --foreground: var(--gray-900);
+    --text: var(--gray-900);
+    --headings: var(--primary-700);
+    --muted: oklch(from var(--foreground) calc(l * 2) c h);
+    --border-color: var(--gray-100);
+    --shadow: var(--shadow-md);
+    --loader-color: var(--primary-500);
+    --invert-background: var(--canvas-900);
+    --invert-foreground: var(--gray-50);
+    --invert-text: var(--gray-50);
+    --invert-headings: var(--gray-50);
+    --invert-muted: oklch(from var(--foreground) calc(l * .75) c h);
+    --invert-border-color: var(--canvas-700);
+    --invert-shadow: var(--shadow-lg);
+    --invert-loader-color: var(--gray-50);
+  }
+
+  .dark {
+    --background: var(--invert-background);
+    --foreground: var(--invert-foreground);
+    --text: var(--invert-text);
+    --headings: var(--invert-headings);
+    --border-color: var(--invert-border-color);
+    --shadow: var(--invert-shadow);
+    --muted: var(--invert-muted);
+    --loader-color: var(--invert-loader-color);
+  }
+
+  .not-dark {
+    --background: var(--canvas-25);
+    --foreground: var(--gray-900);
+    --text: var(--gray-900);
+    --headings: var(--primary-800);
+    --muted: oklch(from var(--foreground) calc(l * 2) c h);
+    --border-color: var(--gray-100);
+    --shadow: var(--shadow-md);
+    --loader-color: var(--primary-500);
+  }
+
+  html {
+    color: var(--text);
+    font-size: 1rem;
+  }
+
+  html .not-dark {
+    color: var(--text);
+  }
+
+  ::selection {
+    background-color: var(--theme-600);
+    color: #fff;
+  }
+
+  .dark ::selection {
+    background-color: var(--theme-200);
+    color: var(--gray-900);
+  }
+
+  .background {
+    background-color: var(--background);
+  }
+
+  .foreground {
+    color: var(--foreground);
+  }
+
+  .text {
+    color: var(--text);
+  }
+
+  .headings {
+    color: var(--headings);
+  }
+
+  .muted {
+    color: var(--muted);
+    font-size: .925rem;
+  }
+
+  .shadow {
+    box-shadow: var(--shadow);
+  }
+
+  .border-color {
+    border-color: var(--border-color);
+  }
+
+  .border {
+    border-color: var(--border-color);
+    border-width: var(--border-width-thin);
+    border-style: var(--border-style-solid);
+    border-radius: var(--border-radius-sm);
+  }
+
+  .external-link:after {
+    content: "";
+    background-image: url("/external-link-light.svg");
+    background-position: 20%;
+    background-repeat: no-repeat;
+    background-size: 65%;
+    width: 1.1rem;
+    height: 1.1rem;
+    margin-right: -5px;
+    display: inline-block;
+  }
+
+  .dark .external-link:after {
+    background-image: url("/external-link-dark.svg");
+  }
+}
+
+@layer infonomic-typography;
+
+@layer infonomic-components {
+  .component--hamburger {
+    z-index: 200;
+    cursor: pointer;
+    width: 42px;
+    height: 34px;
+    font: inherit;
+    color: inherit;
+    text-transform: none;
+    background-color: #0000;
+    border: 0;
+    border-radius: 4px;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    transition-property: opacity, filter;
+    transition-duration: .15s;
+    transition-timing-function: ease;
+    display: flex;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .component--hamburger:active, .component--hamburger:focus {
+    border: .5px dashed #fff;
+    border-radius: 4px;
+    outline: none !important;
+  }
+
+  .component--hamburger .box {
+    width: 24px;
+    height: 24px;
+    display: block;
+    position: relative;
+  }
+
+  .component--hamburger .inner {
+    margin-top: -1px;
+    transition-duration: 75ms;
+    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
+    display: block;
+    top: 50%;
+  }
+
+  .component--hamburger .inner, .component--hamburger .inner:before, .component--hamburger .inner:after {
+    border-radius: 0;
+    width: 24px;
+    height: 2px;
+    transition-property: transform;
+    transition-duration: .15s;
+    transition-timing-function: ease;
+    position: absolute;
+  }
+
+  .component--hamburger .inner:before, .component--hamburger .inner:after {
+    content: "";
+    display: block;
+  }
+
+  .component--hamburger .inner:before {
+    transition: top 75ms .12s, opacity 75ms;
+    top: -8px;
+  }
+
+  .component--hamburger .inner:after {
+    transition: bottom 75ms .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
+    bottom: -8px;
+  }
+
+  .component--hamburger.is_active .inner {
+    transition-delay: .12s;
+    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
+    transform: rotate(45deg);
+  }
+
+  .component--hamburger.is_active .inner:before {
+    opacity: 0;
+    transition: top 75ms, opacity 75ms .12s;
+    top: 0;
+  }
+
+  .component--hamburger.is_active .inner:after {
+    transition: bottom 75ms, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
+    bottom: 0;
+    transform: rotate(-90deg);
+  }
+}
+
+.component--icon-element-root svg {
+  margin: auto;
+  display: block;
+}
+
+.btn-to-top {
+  opacity: 0;
+  visibility: hidden;
+  z-index: 20;
+  color: #fff;
+  background-color: var(--primary-500);
+  cursor: pointer;
+  border-style: none;
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  width: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-decoration: none;
+  transition: all .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
+  display: flex;
+  position: fixed;
+  bottom: 45px;
+  right: 30px;
+}
+
+.btn-to-top span {
+  width: 18px;
+  padding-bottom: 3px;
+}
+
+.btn-to-top span .icon path {
+  stroke: none;
+  fill: #fff;
+}
+
+@media screen and (width >= 587px) {
+  .btn-to-top {
+    bottom: 45px;
+    right: 45px;
+  }
+
+  .btn-to-top span {
+    width: 18px;
+  }
+}
+
+.btn-to-top:hover, .btn-to-top:focus {
+  color: #fff;
+  background-color: var(--primary-500);
+  transform: translateY(-5px);
+}
+
+.dark .btn-to-top {
+  background-color: var(--primary-600);
+}
+
+.dark .btn-to-top:hover, .dark .btn-to-top:focus {
+  color: #fff;
+  background-color: var(--primary-600);
+}
+
+.btn-floating {
+  opacity: 1;
+  visibility: visible;
+  border-radius: 20px;
+  width: 40px;
+  min-width: 0;
+  height: 40px;
+  padding: 0;
+  bottom: 20px;
+  right: 10px;
+}
+
+@media screen and (width >= 587px) {
+  .btn-floating {
+    border-radius: 21px;
+    width: 42px;
+    height: 42px;
+    bottom: 22px;
+    right: 22px;
+  }
+}
+
+ul.check {
+  padding-left: 0;
+}
+
+.component--list-item-checkbox {
+  outline: none;
+  margin-left: 0;
+  margin-right: 8px;
+  padding-left: 28px;
+  padding-right: 24px;
+  list-style-type: none;
+  position: relative;
+}
+
+@media screen and (width >= 768px) {
+  ul.check {
+    padding-left: 1rem;
+  }
+}
+
+.component--list-item-checkbox:before {
+  content: "";
+  cursor: pointer;
+  background-repeat: no-repeat;
+  background-size: cover;
+  border: 1px solid #7d7d7d;
+  border-radius: 2px;
+  width: 16px;
+  height: 16px;
+  display: block;
+  position: absolute;
+  top: 8px;
+  left: 0;
+}
+
+.component--list-item-checkbox-checked {
+  text-decoration: line-through;
+}
+
+.component--list-item-checkbox-checked:before {
+  border: 1px solid var(--secondary-300);
+  background-color: var(--secondary-400);
+  background-repeat: no-repeat;
+}
+
+.component--list-item-checkbox-checked:after {
+  content: "";
+  cursor: pointer;
+  border: 2px solid #fff;
+  border-width: 0 2px 2px 0;
+  width: 4px;
+  height: 8px;
+  display: block;
+  position: absolute;
+  top: 11px;
+  left: 6px;
+  right: 7px;
+  transform: rotate(45deg);
+}
+
+.lds-ellipsis {
+  display: inline-block;
+  position: relative;
+}
+
+.lds-ellipsis div {
+  background: #fff;
+  border-radius: 50%;
+  width: 16.25%;
+  height: 32.25%;
+  animation-timing-function: cubic-bezier(0, 1, 1, 0);
+  position: absolute;
+  top: 41.25%;
+}
+
+.lds-ellipsis div:first-child {
+  animation: .6s infinite lds-ellipsis1;
+  left: 10%;
+}
+
+.lds-ellipsis div:nth-child(2) {
+  animation: .6s infinite lds-ellipsis2;
+  left: 10%;
+}
+
+.lds-ellipsis div:nth-child(3) {
+  animation: .6s infinite lds-ellipsis2;
+  left: 40%;
+}
+
+.lds-ellipsis div:nth-child(4) {
+  animation: .6s infinite lds-ellipsis3;
+  left: 70%;
+}
+
+@keyframes lds-ellipsis1 {
+  0% {
+    transform: scale(0);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes lds-ellipsis3 {
+  0% {
+    transform: scale(1);
+  }
+
+  100% {
+    transform: scale(0);
+  }
+}
+
+@keyframes lds-ellipsis2 {
+  0% {
+    transform: translate(0);
+  }
+
+  100% {
+    transform: translate(184.61%);
+  }
+}
+
+.lds-ring {
+  display: inline-block;
+  position: relative;
+}
+
+.lds-ring div {
+  box-sizing: border-box;
+  border: 8px solid #0000;
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
+  display: block;
+  position: absolute;
+}
+
+.lds-ring div:first-child {
+  animation-delay: -.45s;
+}
+
+.lds-ring div:nth-child(2) {
+  animation-delay: -.3s;
+}
+
+.lds-ring div:nth-child(3) {
+  animation-delay: -.15s;
+}
+
+@keyframes lds-ring {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.lds-spinner {
+  color: official;
+  width: 56px;
+  height: 56px;
+  display: inline-block;
+  position: relative;
+}
+
+.lds-spinner div {
+  transform-origin: 28px 32px;
+  animation: 1.2s linear infinite lds-spinner;
+}
+
+.lds-spinner div .div-after {
+  content: " ";
+  background: #fff;
+  border-radius: 20%;
+  width: 5px;
+  height: 14px;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 25px;
+}
+
+.lds-spinner div:first-child {
+  animation-delay: -1.1s;
+  transform: rotate(0);
+}
+
+.lds-spinner div:nth-child(2) {
+  animation-delay: -1s;
+  transform: rotate(30deg);
+}
+
+.lds-spinner div:nth-child(3) {
+  animation-delay: -.9s;
+  transform: rotate(60deg);
+}
+
+.lds-spinner div:nth-child(4) {
+  animation-delay: -.8s;
+  transform: rotate(90deg);
+}
+
+.lds-spinner div:nth-child(5) {
+  animation-delay: -.7s;
+  transform: rotate(120deg);
+}
+
+.lds-spinner div:nth-child(6) {
+  animation-delay: -.6s;
+  transform: rotate(150deg);
+}
+
+.lds-spinner div:nth-child(7) {
+  animation-delay: -.5s;
+  transform: rotate(180deg);
+}
+
+.lds-spinner div:nth-child(8) {
+  animation-delay: -.4s;
+  transform: rotate(210deg);
+}
+
+.lds-spinner div:nth-child(9) {
+  animation-delay: -.3s;
+  transform: rotate(240deg);
+}
+
+.lds-spinner div:nth-child(10) {
+  animation-delay: -.2s;
+  transform: rotate(270deg);
+}
+
+.lds-spinner div:nth-child(11) {
+  animation-delay: -.1s;
+  transform: rotate(300deg);
+}
+
+.lds-spinner div:nth-child(12) {
+  animation-delay: 0s;
+  transform: rotate(330deg);
+}
+
+@keyframes lds-spinner {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.component--fade-in-lift {
+  opacity: 0;
+  visibility: hidden;
+  will-change: opacity, visibility;
+  transition: opacity .5s ease-out, transform .7s ease-out;
+  transform: matrix(1, 0, 0, 1, 0, 18);
+}
+
+.component--fade-in-lift.is-visible {
+  opacity: 1;
+  visibility: visible;
+  transform: matrix(1, 0, 0, 1, 0, 0);
+}
+
+@keyframes checkBoxIn {
+  0% {
+    opacity: 0;
+    transform: scale(.8);
+  }
+
+  50% {
+    opacity: 1;
+    transform: scale(1.2);
+  }
+
+  80% {
+    transform: scale(.9);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes checkBoxOut {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.8);
+  }
+}
+
+.component--checkbox, .component--checkbox-icon {
+  transition: all .2s ease-in-out;
+}
+
+.component--checkbox-indicator[data-state="checked"] .component--checkbox-icon {
+  opacity: 1;
+  animation: .3s cubic-bezier(.25, 1.5, .5, 1) forwards checkBoxIn;
+  transform: scale(1);
+}
+
+.component--checkbox-indicator[data-state="unchecked"] .component--checkbox-icon {
+  opacity: 0;
+  animation: .2s ease-in checkBoxOut;
+  transform: scale(.8);
+}
+
+.component--card {
+  background: var(--theme-25);
+  color: oklch(12.97% .005 285.67);
+  border: solid 1px var(--gray-50);
+}
+
+.component--card:is(.dark *) {
+  background: var(--canvas-800);
+  color: var(--gray-100);
+  border: solid 1px var(--canvas-700);
+}
+
+.component--card--hover:hover {
+  background: oklch(from var(--theme-50) 1 .03 h);
+  transition: all .2s ease-in-out;
+}
+
+.component--card--hover:hover:is(.dark *) {
+  background: oklch(from var(--canvas-700) .258 c h);
+}
+
+.toast-viewport {
+  --viewport-padding: 25px;
+  padding: var(--viewport-padding);
+  z-index: 2147483647;
+  outline: none;
+  flex-direction: column;
+  gap: 10px;
+  width: 100vw;
+  max-width: 100vw;
+  margin: 0;
+  list-style: none;
+  display: flex;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+}
+
+.popover-content[data-state="open"][data-side="top"] {
+  animation: .1s ease-in slideDownAndFade;
+}
+
+.popover-content[data-state="open"][data-side="right"] {
+  animation: .1s ease-in slideLeftAndFade;
+}
+
+.popover-content[data-state="open"][data-side="bottom"] {
+  animation: .1s ease-in slideUpAndFade;
+}
+
+.popover-content[data-state="open"][data-side="left"] {
+  animation: .1s ease-in slideRightAndFade;
+}
+
+.dropdown-menu-content[data-side="top"], .dropdown-menu-subcontent[data-side="top"] {
+  animation: .1s ease-in slideDownAndFade;
+}
+
+.dropdown-menu-content[data-side="right"], .dropdown-menu-subcontent[data-side="right"] {
+  animation: .1s ease-in slideLeftAndFade;
+}
+
+.dropdown-menu-content[data-side="bottom"], .dropdown-menu-subcontent[data-side="bottom"] {
+  animation: .1s ease-in slideUpAndFade;
+}
+
+.dropdown-menu-content[data-side="left"], .dropdown-menu-subcontent[data-side="left"] {
+  animation: .1s ease-in slideRightAndFade;
+}