@font-face{font-family:IBM Plex Mono;font-weight:100;font-display:swap;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-Thin-CcUYjMmx.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:100;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-ThinItalic-BaqzpTyH.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:200;font-display:swap;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-ExtraLight-Dpzkec_N.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:200;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-ExtraLightItalic-DIPUt6wg.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:300;font-display:swap;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-Light-CCTlBcuD.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:300;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-LightItalic-ieJZLQ9h.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-Regular-BF3vfe7_.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-Italic-DgAgaWWu.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-Medium-COFd06Dj.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-MediumItalic-DGs9d82A.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-SemiBold-D0J2bq8P.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-SemiBoldItalic-BVdhJEkW.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:700;font-display:swap;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-Bold-Ovd3DSUS.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:700;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/cito/assets/IBMPlexMono-BoldItalic-CfsSm7gi.ttf) format("truetype")}@font-face{font-family:Outfit;font-weight:400;font-display:swap;src:local("Outfit"),url(/cito/assets/Outfit-Regular-BlL8FXaZ.ttf) format("truetype")}@font-face{font-family:Outfit;font-weight:500;font-display:swap;src:local("Outfit"),url(/cito/assets/Outfit-Medium-B8Iwa1n1.ttf) format("truetype")}@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:local("Outfit"),url(/cito/assets/Outfit-SemiBold-Dyrk4jTU.ttf) format("truetype")}@font-face{font-family:Outfit;font-weight:700;font-display:swap;src:local("Outfit"),url(/cito/assets/Outfit-Bold-BHHPQSxs.ttf) format("truetype")}@font-face{font-family:Outfit;font-weight:900;font-display:swap;src:local("Outfit"),url(/cito/assets/Outfit-ExtraBold-CrwOH4JU.ttf) format("truetype")}:root{--private-cito-blue-100: oklch(95% .0192 243);--private-cito-blue-200: oklch(89% .0673 243);--private-cito-blue-300: oklch(77% .1118 243);--private-cito-blue-400: oklch(67% .1218 243);--private-cito-blue-500: oklch(59% .1318 243);--private-cito-blue-600: oklch(48% .1418 243);--private-cito-blue-700: oklch(37% .1518 243);--private-cito-blue-800: oklch(26% .1618 243);--private-cito-blue-900: oklch(19% .1718 243);--private-cito-red-100: oklch(95% .0192 6.18);--private-cito-red-200: oklch(89% .0673 6.18);--private-cito-red-300: oklch(77% .1673 6.22);--private-cito-red-400: oklch(67% .1673 6.22);--private-cito-red-500: oklch(59% .1673 6.22);--private-cito-red-600: oklch(48% .1673 6.22);--private-cito-red-700: oklch(37% .1673 6.22);--private-cito-red-800: oklch(26% .1618 6.18);--private-cito-red-900: oklch(19% .1718 6.18);--private-cito-yellow-100: oklch(95% .0192 73.67);--private-cito-yellow-200: oklch(89% .0673 73.67);--private-cito-yellow-300: oklch(77% .1437 73.67);--private-cito-yellow-400: oklch(67% .1398 74.11);--private-cito-yellow-500: oklch(59% .1273 64.8);--private-cito-yellow-600: oklch(48% .1267 56.11);--private-cito-yellow-700: oklch(37% .1071 56.11);--private-cito-yellow-800: oklch(26% .0783 73.67);--private-cito-yellow-900: oklch(19% .068 73.67);--private-cito-green-100: oklch(95% .0192 141.41);--private-cito-green-200: oklch(89% .0673 141.41);--private-cito-green-300: oklch(77% .1118 141.41);--private-cito-green-400: oklch(67% .1218 141.41);--private-cito-green-500: oklch(59% .1318 141.41);--private-cito-green-600: oklch(48% .1418 141.41);--private-cito-green-700: oklch(37% .1518 141.41);--private-cito-green-800: oklch(26% .1618 141.41);--private-cito-green-900: oklch(19% .1718 141.41);--private-cito-gray-25: oklch(99% .0192 255.78);--private-cito-gray-50: oklch(98% .0192 255.78);--private-cito-gray-75: oklch(97% .0192 255.78);--private-cito-gray-100: oklch(95% .0192 255.78);--private-cito-gray-200: oklch(89% .0192 255.78);--private-cito-gray-300: oklch(77% .0192 255.78);--private-cito-gray-400: oklch(67% .0192 255.78);--private-cito-gray-500: oklch(59% .0192 255.78);--private-cito-gray-600: oklch(48% .0192 255.78);--private-cito-gray-700: oklch(37% .0192 255.78);--private-cito-gray-800: oklch(26% .0192 255.78);--private-cito-gray-900: oklch(19% .0192 255.78);--private-cito-gray-925: oklch(15% .0192 255.78);--private-cito-gray-950: oklch(12.5% .0192 255.78);--private-cito-gray-975: oklch(10% .0192 255.78)}:root{color-scheme:light dark;--cito-white: oklch(98% 0 0);--cito-black: oklch(10% 0 0);--cito-upfront: light-dark(var(--cito-black), var(--cito-white));--cito-behind: light-dark(var(--cito-white), var(--cito-black));--cito-primary-100: light-dark( var(--private-cito-blue-100), var(--private-cito-blue-900) );--cito-primary-200: light-dark( var(--private-cito-blue-200), var(--private-cito-blue-800) );--cito-primary-300: light-dark( var(--private-cito-blue-300), var(--private-cito-blue-700) );--cito-primary-400: light-dark( var(--private-cito-blue-400), var(--private-cito-blue-600) );--cito-primary-500: var(--private-cito-blue-500);--cito-primary-600: light-dark( var(--private-cito-blue-600), var(--private-cito-blue-400) );--cito-primary-700: light-dark( var(--private-cito-blue-700), var(--private-cito-blue-300) );--cito-primary-800: light-dark( var(--private-cito-blue-800), var(--private-cito-blue-200) );--cito-primary-900: light-dark( var(--private-cito-blue-900), var(--private-cito-blue-100) );--cito-secondary-100: light-dark( var(--private-cito-gray-100), var(--private-cito-gray-900) );--cito-secondary-200: light-dark( var(--private-cito-gray-200), var(--private-cito-gray-800) );--cito-secondary-300: light-dark( var(--private-cito-gray-300), var(--private-cito-gray-700) );--cito-secondary-400: light-dark( var(--private-cito-gray-400), var(--private-cito-gray-600) );--cito-secondary-500: var(--private-cito-gray-500);--cito-secondary-600: light-dark( var(--private-cito-gray-600), var(--private-cito-gray-400) );--cito-secondary-700: light-dark( var(--private-cito-gray-700), var(--private-cito-gray-300) );--cito-secondary-800: light-dark( var(--private-cito-gray-800), var(--private-cito-gray-200) );--cito-secondary-900: light-dark( var(--private-cito-gray-900), var(--private-cito-gray-100) );--cito-success-100: light-dark( var(--private-cito-green-100), var(--private-cito-green-900) );--cito-success-200: light-dark( var(--private-cito-green-200), var(--private-cito-green-800) );--cito-success-300: light-dark( var(--private-cito-green-300), var(--private-cito-green-700) );--cito-success-400: light-dark( var(--private-cito-green-400), var(--private-cito-green-600) );--cito-success-500: var(--private-cito-green-500);--cito-success-600: light-dark( var(--private-cito-green-600), var(--private-cito-green-400) );--cito-success-700: light-dark( var(--private-cito-green-700), var(--private-cito-green-300) );--cito-success-800: light-dark( var(--private-cito-green-800), var(--private-cito-green-200) );--cito-success-900: light-dark( var(--private-cito-green-900), var(--private-cito-green-100) );--cito-warning-100: light-dark( var(--private-cito-yellow-100), var(--private-cito-yellow-900) );--cito-warning-200: light-dark( var(--private-cito-yellow-200), var(--private-cito-yellow-800) );--cito-warning-300: light-dark( var(--private-cito-yellow-300), var(--private-cito-yellow-700) );--cito-warning-400: light-dark( var(--private-cito-yellow-400), var(--private-cito-yellow-600) );--cito-warning-500: var(--private-cito-yellow-500);--cito-warning-600: light-dark( var(--private-cito-yellow-600), var(--private-cito-yellow-400) );--cito-warning-700: light-dark( var(--private-cito-yellow-700), var(--private-cito-yellow-300) );--cito-warning-800: light-dark( var(--private-cito-yellow-800), var(--private-cito-yellow-200) );--cito-warning-900: light-dark( var(--private-cito-yellow-900), var(--private-cito-yellow-100) );--cito-danger-100: light-dark( var(--private-cito-red-100), var(--private-cito-red-900) );--cito-danger-200: light-dark( var(--private-cito-red-200), var(--private-cito-red-800) );--cito-danger-300: light-dark( var(--private-cito-red-300), var(--private-cito-red-700) );--cito-danger-400: light-dark( var(--private-cito-red-400), var(--private-cito-red-600) );--cito-danger-500: var(--private-cito-red-500);--cito-danger-600: light-dark( var(--private-cito-red-600), var(--private-cito-red-400) );--cito-danger-700: light-dark( var(--private-cito-red-700), var(--private-cito-red-300) );--cito-danger-800: light-dark( var(--private-cito-red-800), var(--private-cito-red-200) );--cito-danger-900: light-dark( var(--private-cito-red-900), var(--private-cito-red-100) );--cito-info-100: light-dark( var(--private-cito-blue-100), var(--private-cito-blue-900) );--cito-info-200: light-dark( var(--private-cito-blue-200), var(--private-cito-blue-800) );--cito-info-300: light-dark( var(--private-cito-blue-300), var(--private-cito-blue-700) );--cito-info-400: light-dark( var(--private-cito-blue-400), var(--private-cito-blue-600) );--cito-info-500: var(--private-cito-blue-500);--cito-info-600: light-dark( var(--private-cito-blue-600), var(--private-cito-blue-400) );--cito-info-700: light-dark( var(--private-cito-blue-700), var(--private-cito-blue-300) );--cito-info-800: light-dark( var(--private-cito-blue-800), var(--private-cito-blue-200) );--cito-info-900: light-dark( var(--private-cito-blue-900), var(--private-cito-blue-100) );--cito-link-100: light-dark( var(--private-cito-blue-100), var(--private-cito-blue-900) );--cito-link-200: light-dark( var(--private-cito-blue-200), var(--private-cito-blue-800) );--cito-link-300: light-dark( var(--private-cito-blue-300), var(--private-cito-blue-700) );--cito-link-400: light-dark( var(--private-cito-blue-400), var(--private-cito-blue-600) );--cito-link-500: var(--private-cito-blue-500);--cito-link-600: light-dark( var(--private-cito-blue-600), var(--private-cito-blue-400) );--cito-link-700: light-dark( var(--private-cito-blue-700), var(--private-cito-blue-300) );--cito-link-800: light-dark( var(--private-cito-blue-800), var(--private-cito-blue-200) );--cito-link-900: light-dark( var(--private-cito-blue-900), var(--private-cito-blue-100) );--cito-text-100: light-dark( var(--private-cito-gray-100), var(--private-cito-gray-900) );--cito-text-200: light-dark( var(--private-cito-gray-200), var(--private-cito-gray-800) );--cito-text-300: light-dark( var(--private-cito-gray-300), var(--private-cito-gray-700) );--cito-text-400: light-dark( var(--private-cito-gray-400), var(--private-cito-gray-600) );--cito-text-500: var(--private-cito-gray-500);--cito-text-600: light-dark( var(--private-cito-gray-600), var(--private-cito-gray-400) );--cito-text-700: light-dark( var(--private-cito-gray-700), var(--private-cito-gray-300) );--cito-text-800: light-dark( var(--private-cito-gray-800), var(--private-cito-gray-200) );--cito-text-900: light-dark( var(--private-cito-gray-900), var(--private-cito-gray-100) );--cito-ui-25: light-dark( var(--private-cito-gray-25), var(--private-cito-gray-975) );--cito-ui-50: light-dark( var(--private-cito-gray-50), var(--private-cito-gray-950) );--cito-ui-75: light-dark( var(--private-cito-gray-75), var(--private-cito-gray-925) );--cito-ui-000: light-dark( var(--private-cito-gray-100), var(--private-cito-gray-900) );--cito-ui-100: light-dark( var(--private-cito-gray-100), var(--private-cito-gray-900) );--cito-ui-200: light-dark( var(--private-cito-gray-200), var(--private-cito-gray-800) );--cito-ui-300: light-dark( var(--private-cito-gray-300), var(--private-cito-gray-700) );--cito-ui-400: light-dark( var(--private-cito-gray-400), var(--private-cito-gray-600) );--cito-ui-500: var(--private-cito-gray-500);--cito-ui-600: light-dark( var(--private-cito-gray-600), var(--private-cito-gray-400) );--cito-ui-700: light-dark( var(--private-cito-gray-700), var(--private-cito-gray-300) );--cito-ui-800: light-dark( var(--private-cito-gray-800), var(--private-cito-gray-200) );--cito-ui-900: light-dark( var(--private-cito-gray-900), var(--private-cito-gray-100) );--cito-anchor-color: light-dark( var(--cito-primary-500), var(--cito-primary-700) );--cito-anchor-color--hover: var(--cito-primary-800);--cito-anchor-color--active: var(--cito-primary-900);--cito-alert-danger-background-color: light-dark( var(--cito-danger-700), var(--cito-danger-100) );--cito-alert-danger-border-color: light-dark( var(--cito-danger-600), var(--cito-danger-200) );--cito-alert-danger-color: light-dark( var(--cito-danger-100), var(--cito-danger-900) );--cito-box-shadow-100: light-dark( oklch(10% .05 255.78 / 5%), oklch(5% .05 255.78 / 100%) ) 0 .0625rem .125rem 0;--cito-box-shadow-200: light-dark(oklch(10% .05 255.78 / 10%), oklch(5% .05 255.78 / 100%)) 0 .0625rem .1875rem 0, oklch(10% .05 255.78 / 6%) 0 .0625rem .125rem 0;--cito-box-shadow-300: light-dark(oklch(10% .05 255.78 / 10%), oklch(5% .05 255.78 / 100%)) 0 .25rem .375rem -.0625rem , oklch(10% .05 255.78 / 6%) 0 .125rem .25rem -.0625rem ;--cito-box-shadow-400: light-dark(oklch(10% .05 255.78 / 10%), oklch(5% .05 255.78 / 100%)) 0 .625rem .9375rem -.1875rem , oklch(10% .05 255.78 / 5%) 0 .25rem .375rem -.125rem ;--cito-box-shadow-500: light-dark(oklch(10% .05 255.78 / 10%), oklch(5% .05 255.78 / 100%)) 0 1.25rem 1.5625rem -.3125rem , oklch(10% .05 255.78 / 4%) 0 .625rem .625rem -.3125rem ;--cito-box-shadow-600: light-dark( oklch(10% .05 255.78 / 25%), oklch(5% .05 255.78 / 100%) ) 0 1.5625rem 3.125rem -.75rem ;--cito-box-shadow-border-100: var(--cito-ui-300) 0 0 0 .0625rem;--cito-box-shadow-border-200: var(--cito-ui-500) 0 0 0 .125rem;--cito-box-shadow-brutal-100: light-dark( oklch(0% 0 0 / 100%), oklch(100% 0 0 / 100%) ) .125rem .125rem 0 0;--cito-box-shadow-brutal-200: light-dark( oklch(0% 0 0 / 100%), oklch(100% 0 0 / 100%) ) .1875rem .1875rem 0 0;--cito-box-shadow-brutal-300: light-dark( oklch(0% 0 0 / 100%), oklch(100% 0 0 / 100%) ) .25rem .25rem 0 0;--cito-box-shadow-brutal-400: light-dark( oklch(0% 0 0 / 100%), oklch(100% 0 0 / 100%) ) .375rem .375rem 0 0;--cito-box-shadow-brutal-500: light-dark( oklch(0% 0 0 / 100%), oklch(100% 0 0 / 100%) ) .5rem .5rem 0 0;--cito-box-shadow-brutal-600: light-dark( oklch(0% 0 0 / 100%), oklch(100% 0 0 / 100%) ) .75rem .75rem 0 0;--cito-depth-fx-top: light-dark( oklch(100% 0 0 / .55), oklch(100% 0 0 / .16) );--cito-depth-fx-bottom: light-dark( oklch(15% .05 255.78 / .22), oklch(0% .05 255.78 / .5) );--cito-depth-fx-100: inset 0 .045rem 0 var(--cito-depth-fx-top), inset 0 -.125rem .125rem var(--cito-depth-fx-bottom);--cito-depth-fx-200: inset 0 .065rem 0 var(--cito-depth-fx-top), inset 0 -.285rem .25rem var(--cito-depth-fx-bottom);--cito-depth-fx-well-100: inset 0 .09rem .125rem var(--cito-depth-fx-bottom), inset 0 -.045rem 0 var(--cito-depth-fx-top);--cito-depth-fx-well-200: inset 0 .16rem .22rem var(--cito-depth-fx-bottom), inset 0 -.06rem 0 var(--cito-depth-fx-top)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--cito-box-shadow-border-100: var(--cito-black) 0 0 0 .125rem;--cito-box-shadow-border-200: var(--cito-black) 0 0 0 .25rem}}:root[data-theme=dark]{--cito-box-shadow-border-100: var(--cito-black) 0 0 0 .125rem;--cito-box-shadow-border-200: var(--cito-black) 0 0 0 .25rem}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--cito-font-sans-serif: "Outfit", "Gill Sans", "Helvetica Neue", system-ui, -apple-system, sans-serif;--cito-font-serif: Georgia, "Times New Roman", Times, serif;--cito-font-monospace: "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--cito-font-heading: var(--cito-font-monospace);--cito-font-body: var(--cito-font-monospace);--cito-font-size-000: .625rem;--cito-font-size-100: .702rem;--cito-font-size-200: .79rem;--cito-font-size-300: .889rem;--cito-font-size-400: 1rem;--cito-font-size-500: 1.125rem;--cito-font-size-600: 1.266rem;--cito-font-size-700: 1.424rem;--cito-font-size-800: 1.602rem;--cito-font-size-900: 1.802rem;--cito-font-size-1000: 2.027rem;--cito-font-size-1100: 2.281rem;--cito-font-size-1200: 2.566rem;--cito-font-size-1300: 2.887rem;--cito-font-size-1400: 3.247rem;--cito-font-size-1500: 3.653rem}:root{--cito-chatbox-height: calc(100% - 2.5rem) }:root{--cito-transition-fast: .1s;--cito-transition-default: .25s;--cito-transform-effect-1: skewX(55deg) scaleY(1.25) rotateX(66deg)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}#root{isolation:isolate}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.5}html,body,app-root,main{min-height:100%;padding:0;margin:0}html{font-family:var(--cito-font-body)}body{padding:0;margin:0;background-color:var(--cito-ui-100);color:var(--cito-text-900)}p,h1,h2,h3,h4,h5,h6,ul,ol,table{color:var(--cito-text-800)}code,kbd{font-family:var(--cito-font-monospace)}code{background-color:var(--cito-ui-200);color:var(--cito-text-900);padding:.125rem .375rem;border-radius:.25rem}pre{background-color:var(--cito-ui-200);color:var(--cito-text-900);padding:1rem;border-radius:.375rem;overflow-x:auto}pre>code{background-color:transparent;padding:0;border-radius:0}kbd{display:inline-block;font-size:var(--cito-font-size-200);line-height:1;padding:.25rem .5rem;background-color:var(--cito-ui-200);color:var(--cito-text-900);border:.0625rem solid var(--cito-ui-600);border-radius:.25rem;box-shadow:var(--cito-box-shadow-brutal-100)}blockquote{border-left:.25rem solid var(--cito-ui-400);margin:1rem 0;padding:.25rem 0 .25rem 1rem;color:var(--cito-text-600);font-style:italic}blockquote footer{margin-top:.5rem;font-style:normal;font-size:var(--cito-font-size-300);color:var(--cito-text-500)}blockquote cite:before{content:"— "}mark{background-color:var(--cito-warning-200);color:var(--cito-warning-800);padding:.0625rem .1875rem;border-radius:.125rem}figure{margin:1rem 0}figure img,figure video,figure svg{max-width:100%;display:block}figcaption{margin-top:.5rem;font-size:var(--cito-font-size-300);color:var(--cito-text-500)}a,.cito-link{color:var(--cito-link-600);text-decoration:underline;text-decoration-thickness:.0625rem;text-underline-offset:.1875rem;text-decoration-color:color-mix(in srgb,var(--cito-link-600) 45%,transparent);cursor:pointer;transition:color var(--cito-transition-default),text-decoration-color var(--cito-transition-default),text-decoration-thickness var(--cito-transition-default)}a:visited,.cito-link:visited{color:var(--cito-link-700)}a:hover,.cito-link:hover{color:var(--cito-link-700);text-decoration-thickness:.125rem;text-decoration-color:currentColor}a:active,.cito-link:active{color:var(--cito-link-800)}a:focus-visible,.cito-link:focus-visible{outline:.125rem solid var(--cito-link-500);outline-offset:.125rem;border-radius:.125rem;text-decoration-color:currentColor}.cito-link-muted{color:inherit;text-decoration-color:transparent}.cito-link-muted:visited{color:inherit}.cito-link-muted:hover{color:var(--cito-link-600);text-decoration-color:currentColor;text-decoration-thickness:.0625rem}.cito-link-external:after{content:"↗";display:inline-block;margin-left:.15em;font-size:.85em;transform:translateY(-.05em)}a[aria-disabled=true],.cito-link.is-disabled,.cito-link[aria-disabled=true],.cito-pagination a[aria-disabled=true],.cito-pagination .is-disabled{color:var(--cito-text-500);text-decoration:none;cursor:not-allowed;pointer-events:none}table{margin-bottom:1.5rem;width:100%;border-collapse:separate;border-spacing:0;border-radius:.1875rem;overflow:hidden}th{text-align:left;font-size:var(--cito-font-size-000);font-weight:700;letter-spacing:.0625rem;text-transform:uppercase;background-color:var(--cito-ui-300);padding:1rem .5rem}th:first-child{border-top-left-radius:.1875rem}th:last-child{border-top-right-radius:.1875rem}tbody tr:last-child td:first-child{border-bottom-left-radius:.1875rem}tbody tr:last-child td:last-child{border-bottom-right-radius:.1875rem}td{background-color:var(--cito-ui-200);padding:.5rem;font-size:var(--cito-font-size-300)}td>ul{padding-left:1rem}td button{margin-right:.25rem}td button:last-child{margin-right:0}.cito-table-drawer{background-color:var(--cito-ui-100)}.cito-table-drawer td{padding:0;background-color:var(--cito-ui-100)}.cito-table-drawer-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;padding:0 .5rem 0 .65rem}.cito-table-drawer-content>*{overflow:hidden;min-height:0;margin:0;transition:margin .3s ease-out}.cito-table-drawer.open .cito-table-drawer-content{grid-template-rows:1fr}.cito-table-drawer.open .cito-table-drawer-content>*{margin:.5rem 0}.cito-table-drawer-toggle:after{content:" ▼";font-size:.7em;margin-left:.25rem;transition:transform .3s ease-out;display:inline-block}.cito-table-drawer-toggle.open:after{transform:rotate(180deg)}.cito-btn.cito-table-drawer-toggle.open{background-color:var(--cito-primary-600);border-color:var(--cito-primary-600);color:var(--cito-primary-100)}.cito-btn.cito-table-drawer-toggle.open:hover{background-color:var(--cito-primary-500);border-color:var(--cito-primary-500);color:var(--cito-primary-100)}.cito-btn.cito-table-drawer-toggle.open:active{background-color:var(--cito-primary-700);border-color:var(--cito-primary-700);color:var(--cito-primary-100)}@media only screen and (max-width:32rem){tbody,table{display:block}tr:not(.cito-table-drawer){padding:.35rem 0;display:flex;flex-direction:column}tr:first-child{padding-top:0}tr th{display:none}td:before{content:attr(data-col) ": ";margin-right:.25rem;text-transform:uppercase;font-size:var(--cito-font-size-200);font-weight:700}td[data-col=Actions]:before{content:none}td{display:flex;align-items:center;padding:.05rem 1rem;font-size:var(--cito-font-size-200)}td:first-child{padding-top:.75rem}td:last-child{padding-bottom:.75rem}td ul{margin-bottom:0}.cito-table-drawer td{padding:0}.cito-table-drawer td:before{content:none}}.cito-bar-chart-table{--table-width: 100%}.cito-bar-chart-table tbody td{background:linear-gradient(to right,var(--bar-color, var(--cito-primary-300)) 0%,var(--bar-color, var(--cito-primary-300)) var(--bar-width, 0%),transparent var(--bar-width, 0%),transparent 100%);background-size:var(--row-width, 1000px) 100%;background-position:calc(-1 * var(--cell-offset, 0px)) 0;background-repeat:no-repeat}.cito-bar-chart-table td>span{background-color:color-mix(in oklch,var(--cito-ui-100) 70%,transparent);padding:.125rem .25rem;border-radius:.125rem;color:var(--cito-text-900)}@media only screen and (max-width:32rem){.cito-bar-chart-table tbody td{background:var(--cito-ui-200)}.cito-bar-chart-table td:first-child:before{content:attr(data-col);display:block;height:1.5rem;width:calc(var(--bar-width, 0%) - 2rem);color:var(--cito-text-100);background-color:var(--bar-color, var(--cito-primary-300));padding:.25rem;margin:-.25rem .25rem -.25rem -.25rem;border-radius:.125rem}}.cito-visually-hidden,.checkbox input,.cito-skip-link{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cito-form-group{--gap-between-form-groups: 1rem;--gap-between-form-group-and-error: .25rem;--element-color: var(--cito-text-800);--element-color-disabled: var(--cito-text-600);--element-border-color: var(--cito-ui-500);--element-focus-outline: var(--cito-text-800);--checkbox-background-color: var(--cito-ui-200);--radio-dot-background: var(--cito-ui-100);--switch-track-color: var(--cito-ui-200);--switch-thumb-color: var(--cito-ui-700);--placeholder-color: var(--cito-text-600);display:flex;flex-direction:column;background-color:transparent}.cito-form-error{--error-color: var(--cito-danger-500);display:none;color:var(--error-color);margin-top:var(--gap-between-form-group-and-error)}.cito-form-group.has-error .cito-form-error{display:block}.cito-form-group:has(~.cito-form-group){margin-bottom:var(--gap-between-form-groups)}.cito-form-group label{color:var(--element-color)}.cito-form-group label.required:after{content:"*";margin-left:.25rem;color:var(--cito-danger-500)}.cito-form-group input,.cito-form-group textarea,.cito-form-group select{background-color:transparent;color:var(--element-color);border-radius:.25rem;border:.0625rem solid var(--element-border-color);transition:box-shadow var(--cito-transition-default)}.cito-form-group textarea{min-height:4rem;min-width:100%}.cito-form-group input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),.cito-form-group textarea,.cito-form-group select{box-shadow:var(--cito-depth-fx-well-100)}.cito-form-group input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):focus-visible,.cito-form-group textarea:focus-visible,.cito-form-group select:focus-visible{box-shadow:var(--cito-depth-fx-well-200)}.cito-form-group input::placeholder,.cito-form-group textarea::placeholder,.cito-form-group select::placeholder{color:var(--placeholder-color)}.cito-form-group input:focus-visible,.cito-form-group textarea:focus-visible,.cito-form-group select:focus-visible{outline:.125rem solid var(--element-focus-outline)}.cito-form-group input:disabled,.cito-form-group textarea:disabled,.cito-form-group select:disabled{color:var(--element-color-disabled)}.cito-form-group-error{color:var(--error-color, var(--cito-danger-500));margin-top:.4rem}.cito-form-group fieldset{border:.0625rem solid var(--element-border-color);border-radius:.25rem;padding:1rem;margin:0}.cito-form-group fieldset:has(~fieldset){margin-bottom:var(--gap-between-form-groups)}.cito-form-group legend{padding:0 .5rem;color:var(--element-color);font-weight:700;font-size:var(--cito-font-size-300)}.cito-form-group fieldset:disabled{opacity:.6}.cito-form-group input[type=range]{--range-track-height: .25rem;--range-track-color: var(--cito-ui-300);--range-thumb-size: 1rem;--range-thumb-color: var(--cito-primary-500);appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:var(--range-thumb-size);border:none;background:transparent;padding:0;cursor:pointer}.cito-form-group input[type=range]::-webkit-slider-runnable-track{height:var(--range-track-height);background-color:var(--range-track-color);border-radius:999px}.cito-form-group input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:calc((var(--range-track-height) - var(--range-thumb-size)) / 2);width:var(--range-thumb-size);height:var(--range-thumb-size);border:none;border-radius:50%;background-color:var(--range-thumb-color);transition:background-color var(--cito-transition-fast)}.cito-form-group input[type=range]::-moz-range-track{height:var(--range-track-height);background-color:var(--range-track-color);border-radius:999px}.cito-form-group input[type=range]::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);border:none;border-radius:50%;background-color:var(--range-thumb-color);transition:background-color var(--cito-transition-fast)}.cito-form-group input[type=range]:disabled{cursor:not-allowed;opacity:.6}.cito-form-group input[type=file]{border:none;padding:0;color:var(--element-color)}.cito-form-group input[type=file]::file-selector-button{font:inherit;font-size:var(--cito-font-size-400);margin-right:.5rem;padding:.25rem .35rem;border-radius:.166rem;border:.0625rem solid var(--cito-ui-400);background-color:var(--cito-ui-100);color:var(--cito-text-900);cursor:pointer;transition:background-color var(--cito-transition-default),border-color var(--cito-transition-default),color var(--cito-transition-default)}.cito-form-group input[type=file]::file-selector-button:hover{border-color:var(--cito-ui-400);background-color:var(--cito-ui-200)}.cito-form-group input[type=file]::file-selector-button:active{border-color:var(--cito-ui-600);background-color:var(--cito-ui-300)}.cito-form-group input[type=file]:disabled::file-selector-button{pointer-events:none;opacity:.45}.cito-form-group input[type=date],.cito-form-group input[type=time],.cito-form-group input[type=datetime-local]{padding:.35rem .5rem}.cito-form-group input[type=date]::-webkit-calendar-picker-indicator,.cito-form-group input[type=time]::-webkit-calendar-picker-indicator,.cito-form-group input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer}.cito-form-group input[type=color]{height:2.25rem;padding:.25rem;cursor:pointer}.cito-form-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cito-form-group input[type=color]::-webkit-color-swatch{border:none;border-radius:.125rem}.cito-form-group input[type=color]::-moz-color-swatch{border:none;border-radius:.125rem}.cito-form-group input[type=date]:disabled,.cito-form-group input[type=time]:disabled,.cito-form-group input[type=datetime-local]:disabled,.cito-form-group input[type=color]:disabled{cursor:not-allowed}.checkbox-list{list-style:none;padding-left:0}.checkbox-list .checkbox-list{padding-left:2rem}.checkbox-parent-label,.checkbox-child-label{-webkit-user-select:none;user-select:none}.checkbox{position:relative}.checkbox input{opacity:0}.checkbox label{display:flex;gap:.25rem;align-items:baseline;-webkit-user-select:none;user-select:none}.checkbox label:before{content:"";display:inline-block;align-self:center;width:.8rem;height:.8rem;border-radius:.1rem;background-color:var(--checkbox-background-color);clip-path:polygon(0 100%,85% 100%,85% 85%,15% 85%,16% 15%,85% 15%,85% 100%,100% 100%,100% 51%,100% 20%,100% 0,0 0);transition:all .05s ease-in-out}.checkbox input:checked+label:before{background-color:var(--checkbox-background-color);clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%)}.checkbox input.correct:checked+label:before{background-color:var(--checkbox-background-color);clip-path:polygon(5% 65%,35% 97%,98% 24%,86% 16%,34% 72%,15% 53%)}.checkbox input:indeterminate+label:before{clip-path:polygon(21% 40%,0 40%,0 50%,0 63%,21% 63%,50% 63%,80% 63%,100% 64%,100% 50%,100% 39%,79% 39%,50% 40%)}.checkbox input:focus-visible+label{outline:.125rem solid var(--cito-info-500);outline-offset:.125rem}.radio-list{list-style:none;padding-left:0}.radio{position:relative}.radio input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio label{display:flex;gap:.25rem;align-items:baseline;-webkit-user-select:none;user-select:none}.radio label:before{content:"";display:inline-block;align-self:center;width:.8rem;height:.8rem;border-radius:50%;background-color:transparent;border:.0625rem solid var(--element-border-color);transition:all .05s ease-in-out}.radio input:checked+label:before{border-color:var(--checkbox-background-color);background-color:var(--checkbox-background-color);box-shadow:inset 0 0 0 .15rem var(--radio-dot-background)}.radio input:focus-visible+label:before{outline:.125rem solid var(--cito-info-500);outline-offset:.125rem}.radio input:disabled+label{color:var(--element-color-disabled)}.radio input:disabled+label:before{opacity:.5}.cito-switch{position:relative}.cito-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cito-switch label{display:flex;gap:.5rem;align-items:baseline;-webkit-user-select:none;user-select:none}.cito-switch-track{--switch-thumb-clearance: 1.2rem;--switch-text-edge-gap: .4rem;position:relative;display:inline-grid;grid-template-columns:1fr;align-items:center;justify-items:center;flex-shrink:0;min-width:2.75rem;height:1.25rem;padding-left:var(--switch-thumb-clearance);padding-right:var(--switch-text-edge-gap);border-radius:999px;background-color:var(--switch-track-color);color:var(--switch-thumb-color);font-size:.55rem;font-weight:700;line-height:1;letter-spacing:.02rem;text-transform:uppercase;transition:background-color var(--cito-transition-default),padding var(--cito-transition-default)}.cito-switch-track:after{content:"";position:absolute;left:.15rem;top:50%;width:.95rem;height:.95rem;border-radius:50%;background-color:var(--switch-thumb-color);transform:translateY(-50%);transition:left var(--cito-transition-default)}.cito-switch-on,.cito-switch-off{grid-area:1 / 1;white-space:nowrap;opacity:0;transition:opacity var(--cito-transition-fast)}.cito-switch-off{opacity:1}.cito-switch input:checked+label .cito-switch-on{opacity:1}.cito-switch input:checked+label .cito-switch-off{opacity:0}.cito-switch input:checked+label .cito-switch-track{padding-left:var(--switch-text-edge-gap);padding-right:var(--switch-thumb-clearance);background-color:var(--checkbox-background-color)}.cito-switch input:checked+label .cito-switch-track:after{left:calc(100% - .95rem - .15rem)}.cito-switch input:focus-visible+label .cito-switch-track{outline:.125rem solid var(--cito-info-500);outline-offset:.125rem}.cito-switch input:disabled+label{color:var(--element-color-disabled);opacity:.5}.cito-btn{--font-size: var(--cito-font-size-400);--background-color: var(--cito-ui-100);--border-color: var(--cito-ui-400);--color: var(--cito-text-900);--disabled-opacity: .45;--focus-background-color: var(--cito-ui-200);--focus-border-color: var(--cito-ui-400);--focus-color: var(--cito-text-900);--hover-background-color: var(--cito-ui-200);--hover-border-color: var(--cito-ui-400);--hover-color: var(--cito-text-900);--active-background-color: var(--cito-ui-300);--active-border-color: var(--cito-ui-600);--active-color: var(--cito-text-900);--transition: background-color var(--cito-transition-default), border-color var(--cito-transition-default), color var(--cito-transition-default), box-shadow var(--cito-transition-default);border-radius:.166rem;cursor:pointer;display:inline-block;white-space:nowrap;font-size:var(--font-size);line-height:var(--font-size);margin:0;padding:.25rem .35rem;text-align:center;letter-spacing:.01rem;background-color:var(--background-color);border:.0625rem solid var(--border-color);color:var(--color);box-shadow:var(--cito-depth-fx-100);transition:var(--transition)}.cito-btn:disabled,.cito-btn[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--disabled-opacity)}.cito-btn:focus,.cito-btn:focus-visible{outline-color:var(--cito-info-500);color:var(--focus-color);border:.0625rem solid var(--focus-border-color);background-color:var(--focus-background-color)}.cito-btn:hover{color:var(--hover-color);border:.0625rem solid var(--hover-border-color);background-color:var(--hover-background-color)}.cito-btn:active{color:var(--active-color);border:.0625rem solid var(--active-border-color);background-color:var(--active-background-color);box-shadow:none}.cito-btn.subtle,.cito-btn.subtle-danger{box-shadow:none}.cito-btn.primary{--font-size: var(--cito-font-size-400);--background-color: var(--cito-primary-600);--border-color: var(--cito-primary-600);--color: var(--cito-primary-100);--disabled-opacity: .45;--focus-background-color: var(--cito-primary-500);--focus-border-color: transparent;--focus-color: var(--cito-primary-100);--hover-background-color: var(--cito-primary-500);--hover-border-color: var(--cito-primary-400);--hover-color: var(--cito-primary-100);--active-background-color: var(--cito-primary-400);--active-border-color: var(--cito-primary-600);--active-color: var(--cito-primary-100)}.cito-btn.danger{--font-size: var(--cito-font-size-400);--background-color: var(--cito-danger-600);--border-color: var(--cito-danger-600);--color: var(--cito-danger-100);--disabled-opacity: .45;--focus-background-color: var(--cito-danger-500);--focus-border-color: transparent;--focus-color: var(--cito-danger-100);--hover-background-color: var(--cito-danger-500);--hover-border-color: var(--cito-danger-400);--hover-color: var(--cito-danger-100);--active-background-color: var(--cito-danger-400);--active-border-color: var(--cito-danger-600);--active-color: var(--cito-danger-100)}.cito-btn.subtle{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: transparent;--color: var(--cito-primary-700);--disabled-opacity: .45;--focus-background-color: transparent;--focus-border-color: transparent;--focus-color: var(--cito-primary-900);--hover-background-color: var(--cito-primary-500);--hover-border-color: var(--cito-primary-600);--hover-color: var(--cito-primary-100);--active-background-color: var(--cito-primary-700);--active-border-color: var(--cito-primary-800);--active-color: var(--cito-primary-100)}.cito-btn.subtle-danger{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: transparent;--color: var(--cito-danger-700);--disabled-opacity: .45;--focus-background-color: transparent;--focus-border-color: transparent;--focus-color: var(--cito-danger-900);--hover-background-color: var(--cito-danger-500);--hover-border-color: var(--cito-danger-600);--hover-color: var(--cito-danger-100);--active-background-color: var(--cito-danger-700);--active-border-color: var(--cito-danger-800);--active-color: var(--cito-danger-100)}.cito-btn.small{--font-size: var(--cito-font-size-200);padding:.1rem .2rem}.cito-kv-list{--key-color: var(--cito-text-800);--value-color: var(--cito-text-800);--value-not-set-color: var(--cito-text-600);font-family:var(--cito-font-monospace);display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:baseline;margin:0}.cito-kv-list dt{color:var(--key-color);font-size:var(--cito-font-size-100);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin:0}.cito-kv-list dd{color:var(--value-color);margin:0}.cito-kv-list dd.not-set{color:var(--value-not-set-color);font-style:oblique;letter-spacing:.05rem}.cito-kv-list.align-key-end dt{text-align:end}.cito-kv-list.decorated-keys{gap:0}.cito-kv-list.decorated-keys dt{padding:.75rem;text-align:end;color:var(--cito-text-900);letter-spacing:.1875rem;background-color:var(--cito-ui-200)}.cito-kv-list.decorated-keys dd{padding:.75rem 1rem}.cito-kv-list.decorated-keys dt:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.cito-kv-list.decorated-keys dt:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.cito-kv-list.emphasize-key dt{font-size:var(--cito-font-size-300);text-transform:uppercase;letter-spacing:.0938rem;font-weight:700}.cito-card{--card-background: var(--cito-ui-100);--card-border-color: var(--cito-ui-700);--card-border-radius: .375rem;--card-padding: 1.25rem;--card-shadow: var(--cito-box-shadow-200);--card-title-color: var(--cito-text-900);--card-body-color: var(--cito-text-700);--card-transition: box-shadow var(--cito-transition-default), transform var(--cito-transition-default);--card-gap: .75rem;--card-line-height: 1.5;background-color:var(--card-background);border:.125rem solid var(--card-border-color);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--cito-depth-fx-100),var(--card-shadow);transition:var(--card-transition);display:flex;flex-direction:column;gap:var(--card-gap)}.cito-card:hover{box-shadow:var(--cito-depth-fx-200),var(--cito-box-shadow-500);transform:scale(1.03)}.cito-card-title{color:var(--card-title-color);font-size:var(--cito-font-size-600);font-weight:700;margin:0}.cito-card-body{color:var(--card-body-color);font-size:var(--cito-font-size-400);margin:0;line-height:var(--card-line-height)}.cito-card-footer{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.cito-card.compact{--card-padding: .5rem;--card-gap: .5rem;align-self:flex-start}.cito-card.compact .cito-card-body{--card-line-height: 1}.cito-card.highlighted{--card-background: var(--cito-primary-200);--card-border-color: var(--cito-primary-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-primary-800);--card-body-color: var(--cito-primary-800)}.cito-card.success{--card-background: var(--cito-success-200);--card-border-color: var(--cito-success-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-success-800);--card-body-color: var(--cito-success-800)}.cito-card.warning{--card-background: var(--cito-warning-200);--card-border-color: var(--cito-warning-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-warning-800);--card-body-color: var(--cito-warning-800)}.cito-card.error{--card-background: var(--cito-danger-200);--card-border-color: var(--cito-danger-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-danger-800);--card-body-color: var(--cito-danger-800)}.cito-dialog{--dialog-background: var(--cito-ui-100);--dialog-border-color: var(--cito-ui-700);--dialog-border-radius: .375rem;--dialog-padding-inline: 1.5rem;--dialog-padding-block: 1.25rem;--dialog-shadow: var(--cito-box-shadow-500);--dialog-max-width: 28rem;--dialog-max-height: 99vh;--dialog-header-height: auto;--dialog-footer-height: auto;--dialog-title-color: var(--cito-text-900);--dialog-body-color: var(--cito-text-700);--dialog-backdrop-color: color-mix( in oklch, light-dark(var(--cito-ui-900), var(--cito-ui-100)) 60%, transparent );display:none;flex-direction:column;background-color:var(--dialog-background);inset:0;margin:auto;border:.125rem solid var(--dialog-border-color);border-radius:var(--dialog-border-radius);padding:0;box-shadow:var(--dialog-shadow);max-width:var(--dialog-max-width);max-height:var(--dialog-max-height);width:100%;color:var(--dialog-body-color);opacity:0;transition-property:display,opacity,overlay;transition-duration:var(--cito-transition-default);transition-behavior:allow-discrete}.cito-dialog[open]{display:flex;opacity:1}@starting-style{.cito-dialog[open]{opacity:0}}.cito-dialog::backdrop{background-color:var(--dialog-backdrop-color);opacity:0;transition-property:display,opacity,overlay;transition-duration:var(--cito-transition-default);transition-behavior:allow-discrete}.cito-dialog[open]::backdrop{opacity:1}@starting-style{.cito-dialog[open]::backdrop{opacity:0}}.cito-dialog-title{flex:0 0 auto;height:var(--dialog-header-height);overflow:hidden;color:var(--dialog-title-color);font-size:var(--cito-font-size-600);font-weight:700;margin:0;padding:var(--dialog-padding-block) var(--dialog-padding-inline);border-bottom:.0625rem solid var(--dialog-border-color)}.cito-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;color:var(--dialog-body-color);font-size:var(--cito-font-size-400);line-height:1.5;padding:var(--dialog-padding-block) var(--dialog-padding-inline)}.cito-dialog-footer{flex:0 0 auto;height:var(--dialog-footer-height);overflow:hidden;display:flex;gap:.5rem;align-items:center;justify-content:flex-end;padding:var(--dialog-padding-block) var(--dialog-padding-inline);border-top:.0625rem solid var(--dialog-border-color)}.cito-dialog.danger{--dialog-border-color: var(--cito-danger-500);--dialog-title-color: var(--cito-danger-800)}.cito-alert{--alert-background: var(--cito-info-200);--alert-border-color: var(--cito-info-500);--alert-color: var(--cito-info-800);--alert-border-radius: .375rem;--alert-padding: 1rem;--alert-font-size: var(--cito-font-size-400);--alert-line-height: 1.5;width:100%;background-color:var(--alert-background);border:.125rem solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding:var(--alert-padding);color:var(--alert-color);font-size:var(--alert-font-size);line-height:var(--alert-line-height);margin-bottom:1rem;box-shadow:var(--cito-depth-fx-100)}.cito-alert.success{--alert-background: var(--cito-success-200);--alert-border-color: var(--cito-success-500);--alert-color: var(--cito-success-800)}.cito-alert.warning{--alert-background: var(--cito-warning-200);--alert-border-color: var(--cito-warning-500);--alert-color: var(--cito-warning-800)}.cito-alert.error{--alert-background: var(--cito-danger-200);--alert-border-color: var(--cito-danger-500);--alert-color: var(--cito-danger-800)}.cito-badge{--badge-background: var(--cito-ui-100);--badge-border-color: var(--cito-ui-500);--badge-color: var(--cito-text-900);--badge-border-radius: 1rem;--badge-padding: .125rem .5rem;--badge-font-size: var(--cito-font-size-100);display:inline-block;background-color:var(--badge-background);border:.0625rem solid var(--badge-border-color);border-radius:var(--badge-border-radius);padding:var(--badge-padding);color:var(--badge-color);font-size:var(--badge-font-size);font-weight:700;letter-spacing:.0625rem;text-transform:uppercase;line-height:1.5;white-space:nowrap}.cito-badge.success{--badge-background: var(--cito-success-200);--badge-border-color: var(--cito-success-500);--badge-color: var(--cito-success-800)}.cito-badge.warning{--badge-background: var(--cito-warning-200);--badge-border-color: var(--cito-warning-500);--badge-color: var(--cito-warning-800)}.cito-badge.danger{--badge-background: var(--cito-danger-200);--badge-border-color: var(--cito-danger-500);--badge-color: var(--cito-danger-800)}.cito-badge.info{--badge-background: var(--cito-info-200);--badge-border-color: var(--cito-info-500);--badge-color: var(--cito-info-800)}.cito-badge.outline{background-color:transparent;color:var(--badge-color)}.cito-badge.soft{--badge-background: var(--cito-ui-100);--badge-color: var(--cito-text-900);--badge-border-color: var(--cito-ui-200)}.cito-badge.soft.success{--badge-background: light-dark( var(--cito-success-200), var(--cito-success-700) );--badge-color: light-dark(var(--cito-success-900), var(--cito-success-100));--badge-border-color: light-dark( var(--cito-success-400), var(--cito-success-600) )}.cito-badge.soft.warning{--badge-background: light-dark( var(--cito-warning-200), var(--cito-warning-700) );--badge-color: light-dark(var(--cito-warning-900), var(--cito-warning-100));--badge-border-color: light-dark( var(--cito-warning-400), var(--cito-warning-600) )}.cito-badge.soft.danger{--badge-background: light-dark( var(--cito-danger-200), var(--cito-danger-700) );--badge-color: light-dark(var(--cito-danger-900), var(--cito-danger-100));--badge-border-color: light-dark( var(--cito-danger-400), var(--cito-danger-600) )}.cito-badge.soft.info{--badge-background: light-dark(var(--cito-info-200), var(--cito-info-700));--badge-color: light-dark(var(--cito-info-900), var(--cito-info-100));--badge-border-color: light-dark(var(--cito-info-400), var(--cito-info-600))}.cito-badge.glossy{border-color:transparent;box-shadow:inset 0 .0625rem #fff9,inset 0 -.0625rem .125rem #00000040,var(--cito-box-shadow-100)}.cito-dropdown-menu{--dropdown-background: var(--cito-ui-100);--dropdown-border-color: var(--cito-ui-500);--dropdown-border-radius: .375rem;--dropdown-padding: 0;--dropdown-shadow: var(--cito-box-shadow-400);--dropdown-min-width: 12rem;--dropdown-max-width: fit-content;position:absolute;top:anchor(bottom);left:anchor(left);width:auto;margin:0;padding:0;opacity:0;min-width:var(--dropdown-min-width);max-width:var(--dropdown-max-width);border:.125rem solid var(--dropdown-border-color);background-color:var(--dropdown-background);box-shadow:var(--cito-depth-fx-100),var(--dropdown-shadow);border-radius:var(--dropdown-border-radius);transition-property:display,opacity;transition-duration:.2s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete}.cito-dropdown-menu:popover-open{opacity:1}@starting-style{.cito-dropdown-menu:popover-open{opacity:0}}.cito-dropdown-listbox{display:flex;flex-direction:column;max-height:75vh;overflow-y:auto;padding:.5rem;gap:.25rem}.cito-dropdown-listbox button{width:100%;padding:.5rem;cursor:pointer;background-color:transparent;border:none;text-align:left;border-radius:.25rem;transition:background-color .15s ease;font-size:var(--cito-font-size-400);color:var(--cito-text-900)}.cito-dropdown-listbox button:hover{background-color:var(--cito-ui-300)}.cito-dropdown-listbox button.danger{color:var(--cito-danger-700)}.cito-dropdown-listbox button.danger:hover{background-color:var(--cito-danger-200)}.cito-dropdown-divider{border:none;border-top:.0625rem solid var(--cito-ui-400);margin:.25rem 0}.cito-dropdown-menu.compact .cito-dropdown-listbox{padding:.25rem;min-width:8rem;gap:.125rem}.cito-dropdown-menu.compact .cito-dropdown-listbox button{padding:.25rem .5rem;font-size:var(--cito-font-size-300)}.cito-popover{--popover-background: var(--cito-ui-200);--popover-border-color: var(--cito-ui-500);--popover-border-radius: .375rem;--popover-padding: 1rem;--popover-shadow: var(--cito-box-shadow-300);--popover-max-width: 20rem;--popover-title-color: var(--cito-text-900);--popover-content-color: var(--cito-text-700);position:absolute;top:anchor(bottom);left:anchor(left);background-color:var(--popover-background);border:.125rem solid var(--popover-border-color);border-radius:var(--popover-border-radius);padding:var(--popover-padding);box-shadow:var(--cito-depth-fx-100),var(--popover-shadow);max-width:var(--popover-max-width);margin:0;opacity:0;transition-property:display,opacity;transition-duration:.2s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete}.cito-popover:popover-open{opacity:1}@starting-style{.cito-popover:popover-open{opacity:0}}.cito-popover-title{color:var(--popover-title-color);font-size:var(--cito-font-size-500);font-weight:700;margin:0 0 .5rem}.cito-popover-content{color:var(--popover-content-color);font-size:var(--cito-font-size-400);line-height:1.5;margin:0}.cito-popover.success{--popover-background: var(--cito-success-200);--popover-border-color: var(--cito-success-500);--popover-title-color: var(--cito-success-800);--popover-content-color: var(--cito-success-800)}.cito-popover.warning{--popover-background: var(--cito-warning-200);--popover-border-color: var(--cito-warning-500);--popover-title-color: var(--cito-warning-800);--popover-content-color: var(--cito-warning-800)}.cito-popover.error{--popover-background: var(--cito-danger-200);--popover-border-color: var(--cito-danger-500);--popover-title-color: var(--cito-danger-800);--popover-content-color: var(--cito-danger-800)}.cito-popover.info{--popover-background: var(--cito-info-200);--popover-border-color: var(--cito-info-500);--popover-title-color: var(--cito-info-800);--popover-content-color: var(--cito-info-800)}.cito-list-card{--list-card-background: var(--cito-ui-100);--list-card-border-color: var(--cito-ui-400);--list-card-border-radius: .375rem;--list-card-padding: 1rem;--list-card-gap: 1rem;--list-card-gap-x: var(--list-card-gap);--list-card-gap-y: 0;--list-card-image-size: 3.5rem;--list-card-image-background: var(--cito-ui-300);--list-card-title-color: var(--cito-text-900);--list-card-body-color: var(--cito-text-700);--list-card-transition: background-color var(--cito-transition-default), border-color var(--cito-transition-default);container:cito-list-card / inline-size}.cito-list-card-item{background-color:var(--list-card-background);border:.0625rem solid var(--list-card-border-color);border-radius:var(--list-card-border-radius);padding:var(--list-card-padding);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"image title actions" "image body actions";gap:var(--list-card-gap-y) var(--list-card-gap-x);align-items:center;box-shadow:var(--cito-depth-fx-100);transition:var(--list-card-transition)}@container cito-list-card (max-width: 30rem){.cito-list-card-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:"image title" "body body" "actions actions"}}.cito-list-card-item:hover{background-color:var(--cito-ui-200);border-color:var(--cito-ui-500)}.cito-list-card-image{grid-area:image;width:var(--list-card-image-size);height:var(--list-card-image-size);background-color:var(--list-card-image-background);border-radius:.25rem}.cito-list-card-content{display:contents}.cito-list-card-title{grid-area:title;color:var(--list-card-title-color);font-size:var(--cito-font-size-500);font-weight:700;margin:0}.cito-list-card-body{grid-area:body;color:var(--list-card-body-color);font-size:var(--cito-font-size-300);line-height:1.5;margin:0}.cito-list-card-actions{grid-area:actions;display:flex;gap:.5rem;align-items:center}.cito-tabs{--tabs-border-color: var(--cito-ui-400);--tab-background: transparent;--tab-color: var(--cito-text-700);--tab-hover-background: var(--cito-ui-200);--tab-hover-color: var(--cito-text-900);--tab-hover-border-color: var(--cito-ui-300);--tab-active-background: var(--cito-ui-200);--tab-active-color: var(--cito-text-900);--tab-active-border-color: var(--cito-ui-600);--tab-padding: .75rem 1.25rem;--tab-transition: background-color var(--cito-transition-default), color var(--cito-transition-default), border-color var(--cito-transition-default), box-shadow var(--cito-transition-default);display:flex;border-bottom:.125rem solid var(--tabs-border-color);gap:.25rem}.cito-tab{background-color:var(--tab-background);color:var(--tab-color);border:none;border-bottom:.1875rem solid transparent;padding:var(--tab-padding);cursor:pointer;font-size:var(--cito-font-size-400);font-weight:500;transition:var(--tab-transition);margin-bottom:-.125rem}.cito-tab:hover{background-color:var(--tab-hover-background);color:var(--tab-hover-color);border-bottom-color:var(--tab-hover-border-color)}.cito-tab.active{background-color:var(--tab-active-background);color:var(--tab-active-color);border-bottom-color:var(--tab-active-border-color);font-weight:700;box-shadow:var(--cito-depth-fx-100)}.cito-tab-content{padding:1.5rem;display:none}.cito-tab-content.active{display:block}.cito-tabs-container.vertical{display:flex;gap:1.5rem}.cito-tabs.vertical{flex-direction:column;border-bottom:none;border-right:.125rem solid transparent;min-width:12rem}.cito-tabs.vertical .cito-tab{border-bottom:none;border-right:.1875rem solid transparent;margin-bottom:0;margin-right:-.125rem;text-align:left}.cito-tabs.vertical .cito-tab:hover{border-right-color:var(--tab-hover-border-color)}.cito-tabs.vertical .cito-tab.active{border-right-color:var(--tab-active-border-color);border-bottom-color:transparent}.cito-tabs-container.vertical .cito-tab-content{flex:1;padding:0}.cito-details{--details-border-color: var(--cito-ui-400);--details-background: var(--cito-ui-100);--summary-color: var(--cito-text-900);--summary-background: var(--cito-ui-200);--summary-hover-background: var(--cito-ui-300);--summary-padding: 1rem;--content-padding: 1rem;--details-border-radius: .375rem;border:.0625rem solid var(--details-border-color);border-radius:var(--details-border-radius);background-color:var(--details-background);margin-bottom:.5rem;overflow:hidden}.cito-details summary{color:var(--summary-color);background-color:var(--summary-background);padding:var(--summary-padding);cursor:pointer;font-weight:700;list-style:none;-webkit-user-select:none;user-select:none;transition:background-color var(--cito-transition-default);position:relative}.cito-details summary::-webkit-details-marker{display:none}.cito-details summary:before{content:"▶";display:inline-block;margin-right:.5rem;transition:transform var(--cito-transition-default)}.cito-details[open] summary:before{transform:rotate(90deg)}.cito-details summary:hover{background-color:var(--summary-hover-background)}.cito-details summary:focus-visible{outline:.125rem solid var(--cito-info-500);outline-offset:-.125rem}.cito-details-content{padding:var(--content-padding);animation:slideDown var(--cito-transition-default) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.cito-datalist-wrapper{display:flex;flex-direction:column;gap:.5rem}.cito-datalist-wrapper label{color:var(--cito-text-800);font-size:var(--cito-font-size-400)}.cito-datalist-wrapper input{background-color:transparent;color:var(--cito-text-900);border-radius:.25rem;border:.0625rem solid var(--cito-ui-500);padding:.5rem;font-size:var(--cito-font-size-400)}.cito-datalist-wrapper input:focus-visible{outline:.125rem solid var(--cito-text-800);border-color:var(--cito-ui-600)}.cito-datalist-wrapper input::placeholder{color:var(--cito-text-600)}progress{--progress-height: .5rem;--progress-border-radius: 999px;--progress-track-color: var(--cito-ui-300);--progress-value-color: var(--cito-primary-500);appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:var(--progress-height);border:none;border-radius:var(--progress-border-radius);background-color:var(--progress-track-color);overflow:hidden}progress::-webkit-progress-bar{background-color:var(--progress-track-color);border-radius:var(--progress-border-radius)}progress::-webkit-progress-value{background-color:var(--progress-value-color);border-radius:var(--progress-border-radius);transition:width var(--cito-transition-default)}progress::-moz-progress-bar{background-color:var(--progress-value-color);border-radius:var(--progress-border-radius);transition:width var(--cito-transition-default)}meter{--meter-height: 1rem;--meter-border-radius: 999px;--meter-track-color: var(--cito-ui-100);--meter-optimum-color: var(--cito-success-500);--meter-suboptimum-color: var(--cito-warning-500);--meter-bad-color: var(--cito-danger-500);appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;height:var(--meter-height);border:none;border-radius:var(--meter-border-radius);background-color:var(--meter-track-color);overflow:hidden}meter::-webkit-meter-bar{background-color:var(--meter-track-color);border:none;border-radius:var(--meter-border-radius)}meter::-webkit-meter-optimum-value{background-color:var(--meter-optimum-color);border-radius:var(--meter-border-radius)}meter::-webkit-meter-suboptimum-value{background-color:var(--meter-suboptimum-color);border-radius:var(--meter-border-radius)}meter::-webkit-meter-even-less-good-value{background-color:var(--meter-bad-color);border-radius:var(--meter-border-radius)}meter::-moz-meter-bar{border-radius:var(--meter-border-radius)}meter:-moz-meter-optimum::-moz-meter-bar{background-color:var(--meter-optimum-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background-color:var(--meter-suboptimum-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background-color:var(--meter-bad-color)}.cito-spinner{width:var(--spinner-size, 1.5rem);height:var(--spinner-size, 1.5rem);border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,var(--cito-primary-600) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cito-spinner.small{--spinner-size: 1rem;--spinner-border-width: .125rem}.cito-spinner.large{--spinner-size: 2.5rem;--spinner-border-width: .25rem}.cito-skeleton{--skeleton-base-color: var(--cito-ui-300);--skeleton-highlight-color: var(--cito-ui-200);--skeleton-border-radius: .25rem;--skeleton-duration: 1.5s;--skeleton-height: 1rem;display:block;width:100%;height:var(--skeleton-height);border-radius:var(--skeleton-border-radius);background:linear-gradient(90deg,var(--skeleton-base-color) 25%,var(--skeleton-highlight-color) 50%,var(--skeleton-base-color) 75%);background-size:400% 100%;animation:cito-shimmer var(--skeleton-duration) ease-in-out infinite}@keyframes cito-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.cito-skeleton.small{--skeleton-height: .6rem}.cito-skeleton.large{--skeleton-height: 2rem}.cito-skeleton.circle{--skeleton-border-radius: 50%;width:var(--skeleton-height);flex-shrink:0}@media(prefers-reduced-motion:reduce){.cito-spinner,.cito-skeleton{animation:none}}.cito-skip-link{z-index:1000;background-color:var(--cito-ui-100);color:var(--cito-text-900);border-radius:.166rem;text-decoration:none}.cito-skip-link:focus-visible{top:.5rem;left:.5rem;width:auto;height:auto;overflow:visible;clip:auto;padding:.5rem .75rem;border:.0625rem solid var(--cito-ui-400);outline:.125rem solid var(--cito-info-500);outline-offset:.125rem}.cito-breadcrumb{--breadcrumb-separator-color: var(--cito-text-500);--breadcrumb-current-color: var(--cito-text-900);font-size:var(--cito-font-size-400)}.cito-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;list-style:none;margin:0;padding-left:0}.cito-breadcrumb li{display:flex;align-items:center;gap:.35rem}.cito-breadcrumb li+li:before{content:"/";color:var(--breadcrumb-separator-color)}.cito-breadcrumb [aria-current=page]{color:var(--breadcrumb-current-color);font-weight:700}.cito-pagination{--pagination-color: var(--cito-text-900);--pagination-background: var(--cito-ui-100);--pagination-border-color: var(--cito-ui-400);--pagination-hover-background: var(--cito-ui-200);--pagination-hover-border-color: var(--cito-ui-400);--pagination-active-background: var(--cito-ui-300);--pagination-active-border-color: var(--cito-ui-600);--pagination-current-background: var(--cito-primary-600);--pagination-current-border-color: var(--cito-primary-600);--pagination-current-color: var(--cito-primary-100)}.cito-pagination ul{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;list-style:none;margin:0;padding-left:0}.cito-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .5rem;border-radius:.166rem;border:.0625rem solid var(--pagination-border-color);background-color:var(--pagination-background);color:var(--pagination-color);text-decoration:none;cursor:pointer;box-shadow:var(--cito-depth-fx-100);transition:background-color var(--cito-transition-default),border-color var(--cito-transition-default),color var(--cito-transition-default),box-shadow var(--cito-transition-default)}.cito-pagination a:hover{background-color:var(--pagination-hover-background);border-color:var(--pagination-hover-border-color)}.cito-pagination a:focus-visible{outline:.125rem solid var(--cito-info-500);outline-offset:.125rem;background-color:var(--pagination-hover-background);border-color:var(--pagination-hover-border-color)}.cito-pagination a:active{background-color:var(--pagination-active-background);border-color:var(--pagination-active-border-color);box-shadow:none}.cito-pagination [aria-current=page]{background-color:var(--pagination-current-background);border-color:var(--pagination-current-border-color);color:var(--pagination-current-color);font-weight:700}.cito-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .5rem;color:var(--cito-text-500)}hr{border:none;border-top:.0625rem solid var(--cito-ui-400);margin:1rem 0}.cito-brutal-gradient-100,.cito-brutal-gradient-200,.cito-brutal-gradient-300,.cito-brutal-gradient-400,.cito-brutal-gradient-500,.cito-brutal-gradient-600{position:relative}.cito-brutal-gradient-100:before,.cito-brutal-gradient-200:before,.cito-brutal-gradient-300:before,.cito-brutal-gradient-400:before,.cito-brutal-gradient-500:before,.cito-brutal-gradient-600:before{content:"";position:absolute;inset:calc(-1 * var(--cito-brutal-gradient-border, 0px));background:linear-gradient(to bottom right,var(--cito-primary-900),var(--cito-primary-300));z-index:-1;border-radius:inherit}.cito-brutal-gradient-100:before{translate:.125rem .125rem}.cito-brutal-gradient-200:before{translate:.1875rem .1875rem}.cito-brutal-gradient-300:before{translate:.25rem .25rem}.cito-brutal-gradient-400:before{translate:.375rem .375rem}.cito-brutal-gradient-500:before{translate:.5rem .5rem}.cito-brutal-gradient-600:before{translate:.75rem .75rem}.cito-brutal-sketchy-100,.cito-brutal-sketchy-200,.cito-brutal-sketchy-300,.cito-brutal-sketchy-400,.cito-brutal-sketchy-500,.cito-brutal-sketchy-600{position:relative}.cito-brutal-sketchy-100:before,.cito-brutal-sketchy-100:after,.cito-brutal-sketchy-200:before,.cito-brutal-sketchy-200:after,.cito-brutal-sketchy-300:before,.cito-brutal-sketchy-300:after,.cito-brutal-sketchy-400:before,.cito-brutal-sketchy-400:after,.cito-brutal-sketchy-500:before,.cito-brutal-sketchy-500:after,.cito-brutal-sketchy-600:before,.cito-brutal-sketchy-600:after{content:"";position:absolute;inset:calc(-1 * var(--cito-brutal-sketchy-border, 0px));border:.09375rem solid light-dark(oklch(0% 0 0 / 100%),oklch(100% 0 0 / 100%));z-index:-1}.cito-brutal-sketchy-100:before,.cito-brutal-sketchy-200:before,.cito-brutal-sketchy-300:before,.cito-brutal-sketchy-400:before,.cito-brutal-sketchy-500:before,.cito-brutal-sketchy-600:before{border-radius:255px 15px 225px/15px 225px 15px 255px;rotate:-1deg}.cito-brutal-sketchy-100:after,.cito-brutal-sketchy-200:after,.cito-brutal-sketchy-300:after,.cito-brutal-sketchy-400:after,.cito-brutal-sketchy-500:after,.cito-brutal-sketchy-600:after{border-radius:15px 225px 15px 255px/225px 15px 255px;rotate:1deg}.cito-brutal-sketchy-100:before,.cito-brutal-sketchy-100:after{translate:.125rem .125rem}.cito-brutal-sketchy-200:before,.cito-brutal-sketchy-200:after{translate:.1875rem .1875rem}.cito-brutal-sketchy-300:before,.cito-brutal-sketchy-300:after{translate:.25rem .25rem}.cito-brutal-sketchy-400:before,.cito-brutal-sketchy-400:after{translate:.375rem .375rem}.cito-brutal-sketchy-500:before,.cito-brutal-sketchy-500:after{translate:.5rem .5rem}.cito-brutal-sketchy-600:before,.cito-brutal-sketchy-600:after{translate:.75rem .75rem}#app{max-width:56rem;margin:0rem auto;padding:1rem}#app:focus-visible{outline:none}h1{margin-bottom:1.3rem}h2{margin-bottom:1.25rem}h3{margin-bottom:1rem}h4{margin-bottom:.875rem}h5{margin-bottom:.75rem}h6{margin-bottom:.625rem}p{margin-bottom:1rem}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{position:relative;background-color:var(--cito-ui-100);padding-left:14rem}.showcase-toc{position:fixed;top:0;left:0;width:14rem;height:100vh;display:flex;flex-direction:column;padding:1.5rem 1rem;border-right:1px solid var(--cito-ui-300);background-color:var(--cito-ui-100);z-index:10}.showcase-toc-theme{flex-shrink:0}.showcase-toc-theme .checkbox-list{margin:0}.showcase-toc-divider{flex-shrink:0;margin:1rem 0}.showcase-toc-title{flex-shrink:0;margin-bottom:.75rem;font-size:var(--cito-font-size-300);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cito-text-600)}.showcase-toc-list{display:flex;flex-direction:column;flex:1;min-height:0;gap:.125rem;list-style:none;margin:0;padding:0;overflow-y:auto}.showcase-toc-list a{display:block;padding:.25rem .5rem;border-radius:var(--cito-border-radius);font-size:var(--cito-font-size-300);color:var(--cito-text-700);text-decoration:none}.showcase-toc-list a:hover,.showcase-toc-list a:focus-visible{background-color:var(--cito-ui-200);color:var(--cito-text-900)}@media(max-width:56rem){body{padding-left:0}.showcase-toc{display:none}}body:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--cito-showcase-pattern-color, var(--cito-ui-300));opacity:var(--cito-showcase-pattern-opacity, .15);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2042%2058'%3e%3cpath%20fill='%23000000'%20fill-rule='evenodd'%20d='M12%2018h12v18h6v4H18V22h-6v-4zm-6-2v-4H0V0h36v6h6v36h-6v4h6v12H6v-6H0V16h6zM34%202H2v8h24v24h8V2zM6%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm8%200a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm8%200a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm8%200a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zM2%2050h32v-8H10V18H2v32zm28-6a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-8%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-8%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-8%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0-8a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0-8a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0-8a2%202%200%201%200%200%204%202%202%200%200%200%200-4z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2042%2058'%3e%3cpath%20fill='%23000000'%20fill-rule='evenodd'%20d='M12%2018h12v18h6v4H18V22h-6v-4zm-6-2v-4H0V0h36v6h6v36h-6v4h6v12H6v-6H0V16h6zM34%202H2v8h24v24h8V2zM6%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm8%200a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm8%200a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm8%200a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zM2%2050h32v-8H10V18H2v32zm28-6a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-8%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-8%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-8%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0-8a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0-8a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0-8a2%202%200%201%200%200%204%202%202%200%200%200%200-4z'/%3e%3c/svg%3e");-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--cito-showcase-pattern-size, 1rem);mask-size:var(--cito-showcase-pattern-size, 1rem);animation:cito-showcase-pattern-pulse var(--cito-showcase-pattern-duration, 12s) ease-in-out infinite alternate}.showcase-tagline{margin-bottom:2rem;font-style:italic}.showcase-font-switcher{margin-bottom:2rem;max-width:20rem}.showcase-section{margin-bottom:3rem}.showcase-section-intro{margin-bottom:1rem}.showcase-subsection{margin-top:1.5rem}.showcase-subsection-large{margin-top:2rem}.showcase-subsection-xlarge{margin-top:3rem}.showcase-details-spacing{margin-top:.5rem}.showcase-shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem}.showcase-shadow-swatch{display:flex;align-items:center;justify-content:center;height:5rem;border-radius:var(--cito-border-radius);background:var(--cito-ui-100)}.showcase-pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem}.showcase-pattern-swatch{position:relative;display:flex;align-items:flex-end;height:6rem;padding:.5rem;border-radius:var(--cito-border-radius);background:var(--cito-ui-100);overflow:hidden;font-size:var(--cito-font-size-300);color:var(--cito-text-600)}.showcase-pattern-swatch:before{content:"";position:absolute;inset:0;pointer-events:none;background-color:var(--cito-showcase-pattern-color, var(--cito-ui-500));opacity:var(--cito-showcase-pattern-opacity, .35);-webkit-mask-image:var(--cito-showcase-pattern-image);mask-image:var(--cito-showcase-pattern-image);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--cito-showcase-pattern-size, 2rem);mask-size:var(--cito-showcase-pattern-size, 2rem)}.showcase-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem}.showcase-icon-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:6rem;padding:.5rem;border-radius:var(--cito-border-radius);background:var(--cito-ui-100);font-size:var(--cito-font-size-300);color:var(--cito-text-600)}.showcase-icon-swatch:before{content:"";display:block;width:var(--cito-showcase-icon-size, 1.5rem);height:var(--cito-showcase-icon-size, 1.5rem);background-color:var(--cito-showcase-icon-color, currentColor);-webkit-mask-image:var(--cito-showcase-icon-image);mask-image:var(--cito-showcase-icon-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.showcase-icon-inline{display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-image:var(--cito-showcase-icon-image);mask-image:var(--cito-showcase-icon-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.showcase-code-block{margin-top:1rem;padding:1rem;border-radius:var(--cito-border-radius);background:var(--cito-ui-000);overflow-x:auto;font-size:var(--cito-font-size-300);line-height:1.5}.showcase-shadow-brutal{border:.125rem solid var(--cito-text-900);--cito-brutal-gradient-border: .125rem;--cito-brutal-sketchy-border: .125rem}.showcase-button-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.showcase-range-row{display:flex;align-items:center;gap:.5rem}.showcase-range-bound{color:var(--cito-text-600);font-size:var(--cito-font-size-300)}.showcase-dropdown-container{display:flex;gap:1rem;flex-wrap:wrap}.showcase-popover-container{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.showcase-dialog-container{display:flex;gap:1rem;flex-wrap:wrap}.anchor-dropdown-actions{anchor-name:--dropdown-actions-anchor}.anchor-dropdown-primary{anchor-name:--dropdown-primary-anchor}.anchor-dropdown-compact{anchor-name:--dropdown-compact-anchor}.anchor-popover-info{anchor-name:--popover-info-anchor}.anchor-popover-success{anchor-name:--popover-success-anchor}.anchor-popover-warning{anchor-name:--popover-warning-anchor}.anchor-popover-error{anchor-name:--popover-error-anchor}.anchor-popover-simple{anchor-name:--popover-simple-anchor}.positioned-dropdown-actions{position-anchor:--dropdown-actions-anchor}.positioned-dropdown-primary{position-anchor:--dropdown-primary-anchor}.positioned-dropdown-compact{position-anchor:--dropdown-compact-anchor}.positioned-popover-info{position-anchor:--popover-info-anchor}.positioned-popover-success{position-anchor:--popover-success-anchor}.positioned-popover-warning{position-anchor:--popover-warning-anchor}.positioned-popover-error{position-anchor:--popover-error-anchor}.positioned-popover-simple{position-anchor:--popover-simple-anchor}.showcase-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.showcase-card-grid-variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.showcase-list-items-container{display:flex;flex-direction:column;gap:.75rem}.showcase-tabs-vertical-content{flex:1}.showcase-datalist-wrapper-spacing{margin-top:1.5rem}.showcase-table-actions-align{text-align:right}.showcase-table-drawer-kvlist{margin-bottom:0}.showcase-table-note{margin-top:1rem;font-size:var(--cito-font-size-300)}.showcase-table-note-italic{margin-top:1rem;font-size:var(--cito-font-size-300);font-style:italic}.showcase-loading-stack{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.showcase-skeleton-card{gap:.5rem;max-width:20rem}.showcase-skeleton-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.showcase-skeleton-card-lines{display:flex;flex-direction:column;gap:.5rem;flex:1}.showcase-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.showcase-color-swatch{padding:1rem;border-radius:.25rem}.showcase-color-primary{background:linear-gradient(125deg,var(--cito-primary-500),var(--cito-primary-700));color:var(--cito-primary-100)}.showcase-color-secondary{background:linear-gradient(125deg,var(--cito-secondary-500),var(--cito-secondary-700));color:var(--cito-secondary-100)}.showcase-color-success{background:linear-gradient(125deg,var(--cito-success-500),var(--cito-success-700));color:var(--cito-success-100)}.showcase-color-warning{background:linear-gradient(125deg,var(--cito-warning-500),var(--cito-warning-700));color:var(--cito-warning-100)}.showcase-color-danger{background:linear-gradient(125deg,var(--cito-danger-500),var(--cito-danger-700));color:var(--cito-danger-100)}.showcase-color-info{background:linear-gradient(125deg,var(--cito-info-500),var(--cito-info-700));color:var(--cito-info-100)}