@layer cito-reset,app-base,cito;@font-face{font-family:IBM Plex Mono;font-weight:100;font-display:swap;src:local("IBM Plex Mono"),url("./media/IBMPlexMono-Thin-EGOKGUMO.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("./media/IBMPlexMono-ThinItalic-CKB4TKIU.ttf") format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:200;font-display:swap;src:local("IBM Plex Mono"),url("./media/IBMPlexMono-ExtraLight-C3I2FL3E.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("./media/IBMPlexMono-ExtraLightItalic-XD5ZH2HG.ttf") format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:300;font-display:swap;src:local("IBM Plex Mono"),url("./media/IBMPlexMono-Light-3J5WVJ3Z.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("./media/IBMPlexMono-LightItalic-K4TPXLLM.ttf") format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:local("IBM Plex Mono"),url("./media/IBMPlexMono-Regular-DM66VUHK.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("./media/IBMPlexMono-Italic-AFPS5K5W.ttf") format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:local("IBM Plex Mono"),url("./media/IBMPlexMono-Medium-RSLXETQZ.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("./media/IBMPlexMono-MediumItalic-6M6KTZ7H.ttf") format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:local("IBM Plex Mono"),url("./media/IBMPlexMono-SemiBold-UGZQ4S2S.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("./media/IBMPlexMono-SemiBoldItalic-YSYDBMFJ.ttf") format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:700;font-display:swap;src:local("IBM Plex Mono"),url("./media/IBMPlexMono-Bold-ZKHYAG2K.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("./media/IBMPlexMono-BoldItalic-BS4RGVAI.ttf") format("truetype")}@font-face{font-family:Outfit;font-weight:400;font-display:swap;src:local("Outfit"),url("./media/Outfit-Regular-3V3OIYSI.ttf") format("truetype")}@font-face{font-family:Outfit;font-weight:500;font-display:swap;src:local("Outfit"),url("./media/Outfit-Medium-JT77CJEN.ttf") format("truetype")}@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:local("Outfit"),url("./media/Outfit-SemiBold-7KQ375UC.ttf") format("truetype")}@font-face{font-family:Outfit;font-weight:700;font-display:swap;src:local("Outfit"),url("./media/Outfit-Bold-JVCGGO74.ttf") format("truetype")}@font-face{font-family:Outfit;font-weight:900;font-display:swap;src:local("Outfit"),url("./media/Outfit-ExtraBold-GT2BKA47.ttf") format("truetype")}:root{--cito-hue-primary: 243;--cito-hue-danger: 6.18;--cito-hue-warning: 73.67;--cito-hue-success: 141.41;--cito-hue-neutral: 255.78;--cito-chroma-neutral: .0192;--cito-chroma-scale: 1;--cito-brand-primary: oklch(59% .1318 var(--cito-hue-primary));--cito-brand-danger: oklch(59% .1673 var(--cito-hue-danger));--cito-brand-warning: oklch(59% .1273 var(--cito-hue-warning));--cito-brand-success: oklch(59% .1318 var(--cito-hue-success));--cito-brand-neutral: oklch(59% var(--cito-chroma-neutral) var(--cito-hue-neutral));--cito-shadow-seed: var(--cito-brand-neutral)}:root{--cito-radius-100: .125rem;--cito-radius-150: .166rem;--cito-radius-200: .25rem;--cito-radius-300: .375rem;--cito-radius-400: .5rem;--cito-radius-500: 1rem;--cito-radius-pill: 999px}:root{--private-cito-blue-100: oklch( from var(--cito-brand-primary) 95% calc(.0192 * var(--cito-chroma-scale)) h );--private-cito-blue-200: oklch( from var(--cito-brand-primary) 89% calc(.0673 * var(--cito-chroma-scale)) h );--private-cito-blue-300: oklch( from var(--cito-brand-primary) 77% calc(.1118 * var(--cito-chroma-scale)) h );--private-cito-blue-400: oklch( from var(--cito-brand-primary) 67% calc(.1218 * var(--cito-chroma-scale)) h );--private-cito-blue-500: oklch( from var(--cito-brand-primary) 59% calc(.1318 * var(--cito-chroma-scale)) h );--private-cito-blue-600: oklch( from var(--cito-brand-primary) 48% calc(.1418 * var(--cito-chroma-scale)) h );--private-cito-blue-700: oklch( from var(--cito-brand-primary) 37% calc(.1518 * var(--cito-chroma-scale)) h );--private-cito-blue-800: oklch( from var(--cito-brand-primary) 26% calc(.1618 * var(--cito-chroma-scale)) h );--private-cito-blue-900: oklch( from var(--cito-brand-primary) 19% calc(.1718 * var(--cito-chroma-scale)) h );--private-cito-red-100: oklch( from var(--cito-brand-danger) 95% calc(.0192 * var(--cito-chroma-scale)) h );--private-cito-red-200: oklch( from var(--cito-brand-danger) 89% calc(.0673 * var(--cito-chroma-scale)) h );--private-cito-red-300: oklch( from var(--cito-brand-danger) 77% calc(.1673 * var(--cito-chroma-scale)) calc(h + .04) );--private-cito-red-400: oklch( from var(--cito-brand-danger) 67% calc(.1673 * var(--cito-chroma-scale)) calc(h + .04) );--private-cito-red-500: oklch( from var(--cito-brand-danger) 59% calc(.1673 * var(--cito-chroma-scale)) calc(h + .04) );--private-cito-red-600: oklch( from var(--cito-brand-danger) 48% calc(.1673 * var(--cito-chroma-scale)) calc(h + .04) );--private-cito-red-700: oklch( from var(--cito-brand-danger) 37% calc(.1673 * var(--cito-chroma-scale)) calc(h + .04) );--private-cito-red-800: oklch( from var(--cito-brand-danger) 26% calc(.1618 * var(--cito-chroma-scale)) h );--private-cito-red-900: oklch( from var(--cito-brand-danger) 19% calc(.1718 * var(--cito-chroma-scale)) h );--private-cito-yellow-100: oklch( from var(--cito-brand-warning) 95% calc(.0192 * var(--cito-chroma-scale)) h );--private-cito-yellow-200: oklch( from var(--cito-brand-warning) 89% calc(.0673 * var(--cito-chroma-scale)) h );--private-cito-yellow-300: oklch( from var(--cito-brand-warning) 77% calc(.1437 * var(--cito-chroma-scale)) h );--private-cito-yellow-400: oklch( from var(--cito-brand-warning) 67% calc(.1398 * var(--cito-chroma-scale)) calc(h + .44) );--private-cito-yellow-500: oklch( from var(--cito-brand-warning) 59% calc(.1273 * var(--cito-chroma-scale)) calc(h - 8.87) );--private-cito-yellow-600: oklch( from var(--cito-brand-warning) 48% calc(.1267 * var(--cito-chroma-scale)) calc(h - 17.56) );--private-cito-yellow-700: oklch( from var(--cito-brand-warning) 37% calc(.1071 * var(--cito-chroma-scale)) calc(h - 17.56) );--private-cito-yellow-800: oklch( from var(--cito-brand-warning) 26% calc(.0783 * var(--cito-chroma-scale)) h );--private-cito-yellow-900: oklch( from var(--cito-brand-warning) 19% calc(.068 * var(--cito-chroma-scale)) h );--private-cito-green-100: oklch( from var(--cito-brand-success) 95% calc(.0192 * var(--cito-chroma-scale)) h );--private-cito-green-200: oklch( from var(--cito-brand-success) 89% calc(.0673 * var(--cito-chroma-scale)) h );--private-cito-green-300: oklch( from var(--cito-brand-success) 77% calc(.1118 * var(--cito-chroma-scale)) h );--private-cito-green-400: oklch( from var(--cito-brand-success) 67% calc(.1218 * var(--cito-chroma-scale)) h );--private-cito-green-500: oklch( from var(--cito-brand-success) 59% calc(.1318 * var(--cito-chroma-scale)) h );--private-cito-green-600: oklch( from var(--cito-brand-success) 48% calc(.1418 * var(--cito-chroma-scale)) h );--private-cito-green-700: oklch( from var(--cito-brand-success) 37% calc(.1518 * var(--cito-chroma-scale)) h );--private-cito-green-800: oklch( from var(--cito-brand-success) 26% calc(.1618 * var(--cito-chroma-scale)) h );--private-cito-green-900: oklch( from var(--cito-brand-success) 19% calc(.1718 * var(--cito-chroma-scale)) h );--private-cito-gray-25: oklch(from var(--cito-brand-neutral) 99% var(--cito-chroma-neutral) h);--private-cito-gray-50: oklch(from var(--cito-brand-neutral) 98% var(--cito-chroma-neutral) h);--private-cito-gray-75: oklch(from var(--cito-brand-neutral) 97% var(--cito-chroma-neutral) h);--private-cito-gray-100: oklch(from var(--cito-brand-neutral) 95% var(--cito-chroma-neutral) h);--private-cito-gray-200: oklch(from var(--cito-brand-neutral) 89% var(--cito-chroma-neutral) h);--private-cito-gray-300: oklch(from var(--cito-brand-neutral) 77% var(--cito-chroma-neutral) h);--private-cito-gray-400: oklch(from var(--cito-brand-neutral) 67% var(--cito-chroma-neutral) h);--private-cito-gray-500: oklch(from var(--cito-brand-neutral) 59% var(--cito-chroma-neutral) h);--private-cito-gray-600: oklch(from var(--cito-brand-neutral) 48% var(--cito-chroma-neutral) h);--private-cito-gray-700: oklch(from var(--cito-brand-neutral) 37% var(--cito-chroma-neutral) h);--private-cito-gray-800: oklch(from var(--cito-brand-neutral) 26% var(--cito-chroma-neutral) h);--private-cito-gray-900: oklch(from var(--cito-brand-neutral) 19% var(--cito-chroma-neutral) h);--private-cito-gray-925: oklch(from var(--cito-brand-neutral) 15% var(--cito-chroma-neutral) h);--private-cito-gray-950: oklch(from var(--cito-brand-neutral) 12.5% var(--cito-chroma-neutral) h);--private-cito-gray-975: oklch(from var(--cito-brand-neutral) 10% var(--cito-chroma-neutral) h)}: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-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-box-shadow-100: light-dark( oklch(from var(--cito-shadow-seed) 10% .05 h / 5%), oklch(from var(--cito-shadow-seed) 5% .05 h / 100%) ) 0 .0625rem .125rem 0;--cito-box-shadow-200: light-dark( oklch(from var(--cito-shadow-seed) 10% .05 h / 10%), oklch(from var(--cito-shadow-seed) 5% .05 h / 100%) ) 0 .0625rem .1875rem 0, oklch(from var(--cito-shadow-seed) 10% .05 h / 6%) 0 .0625rem .125rem 0;--cito-box-shadow-300: light-dark( oklch(from var(--cito-shadow-seed) 10% .05 h / 10%), oklch(from var(--cito-shadow-seed) 5% .05 h / 100%) ) 0 .25rem .375rem -.0625rem , oklch(from var(--cito-shadow-seed) 10% .05 h / 6%) 0 .125rem .25rem -.0625rem ;--cito-box-shadow-400: light-dark( oklch(from var(--cito-shadow-seed) 10% .05 h / 10%), oklch(from var(--cito-shadow-seed) 5% .05 h / 100%) ) 0 .625rem .9375rem -.1875rem , oklch(from var(--cito-shadow-seed) 10% .05 h / 5%) 0 .25rem .375rem -.125rem ;--cito-box-shadow-500: light-dark( oklch(from var(--cito-shadow-seed) 10% .05 h / 10%), oklch(from var(--cito-shadow-seed) 5% .05 h / 100%) ) 0 1.25rem 1.5625rem -.3125rem , oklch(from var(--cito-shadow-seed) 10% .05 h / 4%) 0 .625rem .625rem -.3125rem ;--cito-box-shadow-600: light-dark( oklch(from var(--cito-shadow-seed) 10% .05 h / 25%), oklch(from var(--cito-shadow-seed) 5% .05 h / 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(from var(--cito-shadow-seed) 15% .05 h / .22), oklch(from var(--cito-shadow-seed) 0% .05 h / .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-transition-press: .04s;--cito-transition-hover: .12s;--cito-transition-release: .16s;--cito-travel: .0625rem}@media(prefers-reduced-motion:reduce){:root{--cito-transition-fast: 0s;--cito-transition-default: 0s;--cito-transition-press: 0s;--cito-transition-hover: 0s;--cito-transition-release: 0s;--cito-travel: 0rem}}:root{--cito-focus-ring-color: var(--cito-info-500);--cito-focus-ring-width: .125rem}@layer cito-reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}#root,.cito-app-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}}@layer cito{html,body,app-root,#root,#app,.cito-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)}ul,ol{font-size:var(--cito-font-size-400);padding-left:1.5rem}.cito-list-boxed{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.5rem}.cito-list-boxed>li{background-color:var(--cito-ui-100);border:.0625rem solid var(--cito-ui-400);border-radius:var(--cito-radius-200);padding:.5rem .75rem;box-shadow:var(--cito-depth-fx-100)}.cito-list-lift>li{transform-origin:bottom center;transition:transform var(--cito-transition-default) cubic-bezier(.34,1.56,.64,1),box-shadow var(--cito-transition-default)}@media(hover:hover)and (pointer:fine){.cito-list-lift>li:hover{transform:translateY(-.375rem) scaleY(1.05);box-shadow:var(--cito-box-shadow-300)}}code,kbd{font-size:var(--cito-font-size-300);font-family:var(--cito-font-monospace);margin:0 .2rem}code{background-color:var(--cito-ui-200);color:var(--cito-text-900);padding:.125rem .375rem;border-radius:var(--cito-radius-200)}pre{background-color:var(--cito-ui-200);color:var(--cito-text-900);padding:1rem;border-radius:var(--cito-radius-300);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:var(--cito-radius-200);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:"\2014  "}mark{background-color:var(--cito-warning-200);color:var(--cito-warning-800);padding:.0625rem .1875rem;border-radius:var(--cito-radius-100)}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)}@media(hover:hover)and (pointer:fine){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:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem;border-radius:var(--cito-radius-100);text-decoration-color:currentColor}.cito-link-muted{color:inherit;text-decoration-color:transparent}.cito-link-muted:visited{color:inherit}@media(hover:hover)and (pointer:fine){.cito-link-muted:hover{color:var(--cito-link-600);text-decoration-color:currentColor;text-decoration-thickness:.0625rem}}.cito-link-external:after{content:"\2197";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}.cito-table-container{container:cito-table / inline-size}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:linear-gradient(to bottom,var(--cito-ui-100) 5%,var(--cito-ui-200) 44%,var(--cito-ui-300) 92%,var(--cito-ui-400));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 var(--cito-transition-default) ease-out;padding:0 .5rem 0 .65rem}.cito-table-drawer-content>*{overflow:hidden;min-height:0;margin:0;transition:margin var(--cito-transition-default) 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:" \25bc";font-size:.7em;margin-left:.25rem;transition:transform var(--cito-transition-default) 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)}@media(hover:hover)and (pointer:fine){.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)}@container cito-table (max-width: 40rem){tbody,table{display:block}caption{display:block;text-align:start}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[data-col=Actions]{padding-top:.4rem}td ul{margin-bottom:0}.cito-table-drawer td{padding:0}.cito-table-drawer td:before{content:none}}.cito-bar-chart-table tbody tr{background:linear-gradient(to right,var(--cito-bar-color, var(--bar-color, var(--cito-primary-300))) 0%,var(--cito-bar-color, var(--bar-color, var(--cito-primary-300))) var(--cito-bar-width, var(--bar-width, 0%)),var(--cito-ui-200) var(--cito-bar-width, var(--bar-width, 0%)),var(--cito-ui-200) 100%)}.cito-bar-chart-table tbody td{background:transparent}.cito-bar-chart-table td>span{background-color:var(--cito-ui-100);padding:.125rem .25rem;border-radius:var(--cito-radius-100);color:var(--cito-text-900)}@container cito-table (max-width: 40rem){.cito-bar-chart-table tbody tr{background:none}.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(--cito-bar-width, var(--bar-width, 0%)) - 2rem);color:var(--cito-text-100);background-color:var(--cito-bar-color, var(--bar-color, var(--cito-primary-300)));padding:.25rem;margin:-.25rem .25rem -.25rem -.25rem;border-radius:var(--cito-radius-100)}}.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-focus-ring-color);--checkbox-background-color: var(--cito-ui-900);--radio-dot-background: var(--cito-ui-100);--switch-track-color: var(--cito-ui-700);--switch-thumb-color: var(--cito-ui-100);--placeholder-color: var(--cito-text-600);--cito-form-group-gap: var(--gap-between-form-groups);--cito-form-error-gap: var(--gap-between-form-group-and-error);--cito-form-element-color: var(--element-color);--cito-form-element-color-disabled: var(--element-color-disabled);--cito-form-element-border-color: var(--element-border-color);--cito-form-element-focus-outline: var(--element-focus-outline);--cito-form-placeholder-color: var(--placeholder-color);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(--cito-form-error-gap)}.cito-form-group.has-error .cito-form-error{display:block}.cito-form-group.has-error{--cito-form-element-border-color: var(--cito-danger-500)}.cito-form-group:has(~.cito-form-group){margin-bottom:var(--cito-form-group-gap)}.cito-form-group label{color:var(--cito-form-element-color)}.cito-form-group label.required:after{content:"*";content:"*" / "";margin-left:.25rem;color:var(--cito-danger-500)}.cito-form-hint{color:var(--cito-text-700);font-size:var(--cito-font-size-300);line-height:1.4}.cito-form-group input,.cito-form-group textarea,.cito-form-group select{background-color:transparent;color:var(--cito-form-element-color);border-radius:var(--cito-radius-200);border:.0625rem solid var(--cito-form-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(--cito-form-placeholder-color)}.cito-form-group input:focus-visible,.cito-form-group textarea:focus-visible,.cito-form-group select:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-form-element-focus-outline)}.cito-form-group input:disabled,.cito-form-group textarea:disabled,.cito-form-group select:disabled{color:var(--cito-form-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(--cito-form-element-border-color);border-radius:var(--cito-radius-200);padding:1rem;margin:0}.cito-form-group fieldset:has(~fieldset){margin-bottom:var(--cito-form-group-gap)}.cito-form-group legend{padding:0 .5rem;color:var(--cito-form-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:var(--cito-radius-pill)}.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:var(--cito-radius-pill)}.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(--cito-form-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:var(--cito-radius-150);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)}@media(hover:hover)and (pointer:fine){.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:var(--cito-radius-100)}.cito-form-group input[type=color]::-moz-color-swatch{border:none;border-radius:var(--cito-radius-100)}.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;flex-shrink:0;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 var(--cito-transition-fast) ease-in-out}.checkbox input:checked+label:before{background-color:var(--checkbox-background-color);clip-path:polygon(0% 40%,15% 25%,40% 50%,85% 0%,100% 15%,40% 80%)}.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:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);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(--cito-form-element-border-color);transition:all var(--cito-transition-fast) 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:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.radio input:disabled+label{color:var(--cito-form-element-color-disabled)}.radio input:disabled+label:before{opacity:.5}@media(forced-colors:active){.checkbox label:before{background-color:CanvasText}.checkbox input:checked+label:before,.checkbox input:indeterminate+label:before{background-color:Highlight}.radio label:before{background-color:Canvas;border-color:CanvasText}.radio input:checked+label:before{background-color:Highlight;border-color:Highlight}}.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:var(--cito-radius-pill);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:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-switch input:disabled+label{color:var(--cito-form-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-release) ease-out, border-color var(--cito-transition-release) ease-out, color var(--cito-transition-release) ease-out, box-shadow var(--cito-transition-release) ease-out, transform var(--cito-transition-release) ease-out;--cito-btn-font-size: var(--font-size);--cito-btn-background-color: var(--background-color);--cito-btn-border-color: var(--border-color);--cito-btn-color: var(--color);--cito-btn-disabled-opacity: var(--disabled-opacity);--cito-btn-focus-background-color: var(--focus-background-color);--cito-btn-focus-border-color: var(--focus-border-color);--cito-btn-focus-color: var(--focus-color);--cito-btn-hover-background-color: var(--hover-background-color);--cito-btn-hover-border-color: var(--hover-border-color);--cito-btn-hover-color: var(--hover-color);--cito-btn-active-background-color: var(--active-background-color);--cito-btn-active-border-color: var(--active-border-color);--cito-btn-active-color: var(--active-color);--cito-btn-transition: var(--transition);--cito-btn-border-radius: var(--cito-radius-150);--cito-btn-pressed-background-color: var(--cito-primary-100);--cito-btn-pressed-border-color: var(--cito-primary-500);--cito-btn-pressed-color: var(--cito-primary-800);border-radius:var(--cito-btn-border-radius);position:relative;cursor:pointer;display:inline-block;overflow-wrap:break-word;font-size:var(--cito-btn-font-size);line-height:var(--cito-btn-font-size);margin:0;padding:.25rem .35rem;text-align:center;letter-spacing:.01rem;background-color:var(--cito-btn-background-color);border:.0625rem solid var(--cito-btn-border-color);color:var(--cito-btn-color);box-shadow:var(--cito-depth-fx-100);transition:var(--cito-btn-transition)}.cito-btn:before{content:"";position:absolute;inset:calc(-1 * var(--cito-travel))}.cito-btn:disabled,.cito-btn[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--cito-btn-disabled-opacity)}.cito-btn:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem;color:var(--cito-btn-focus-color);border:.0625rem solid var(--cito-btn-focus-border-color);background-color:var(--cito-btn-focus-background-color)}@media(hover:hover)and (pointer:fine){.cito-btn:hover{color:var(--cito-btn-hover-color);border:.0625rem solid var(--cito-btn-hover-border-color);background-color:var(--cito-btn-hover-background-color);transform:translateY(calc(-1 * var(--cito-travel)));transition-duration:var(--cito-transition-hover)}}.cito-btn.subtle,.cito-btn.subtle-danger{box-shadow:none}.cito-btn[aria-pressed=true]{color:var(--cito-btn-pressed-color);border:.0625rem solid var(--cito-btn-pressed-border-color);background-color:var(--cito-btn-pressed-background-color);box-shadow:var(--cito-depth-fx-well-100);transform:translateY(var(--cito-travel))}.cito-btn:active{color:var(--cito-btn-active-color);border:.0625rem solid var(--cito-btn-active-border-color);background-color:var(--cito-btn-active-background-color);box-shadow:none;transform:translateY(var(--cito-travel));transition-duration:var(--cito-transition-press)}.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-pressed-background-color: var(--cito-primary-800);--cito-btn-pressed-border-color: var(--cito-primary-900);--cito-btn-pressed-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-pressed-background-color: var(--cito-danger-800);--cito-btn-pressed-border-color: var(--cito-danger-900);--cito-btn-pressed-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-pressed-background-color: var(--cito-danger-100);--cito-btn-pressed-border-color: var(--cito-danger-500);--cito-btn-pressed-color: var(--cito-danger-800)}.cito-btn.small{--font-size: var(--cito-font-size-200);padding:max(.1rem,(1.5rem - .125rem - var(--cito-btn-font-size)) / 2) .2rem;min-inline-size:1.5rem}.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:var(--cito-radius-400);border-top-right-radius:var(--cito-radius-400)}.cito-kv-list.decorated-keys dt:last-of-type{border-bottom-left-radius:var(--cito-radius-400);border-bottom-right-radius:var(--cito-radius-400)}.cito-kv-list.emphasize-key dt{font-size:var(--cito-font-size-300);text-transform:uppercase;letter-spacing:.0938rem;font-weight:700}.cito-kv-list.inline{display:flex;flex-wrap:wrap;column-gap:1.5rem;row-gap:.5rem}.cito-kv-list.inline>div{display:flex;flex-direction:column;gap:.25rem}.cito-kv-list.inline dt,.cito-kv-list.inline dd{margin:0}.cito-card{--card-background: var(--cito-ui-100);--card-border-color: var(--cito-ui-700);--card-border-radius: var(--cito-radius-300);--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: 1.5rem;--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)}@media(hover:hover)and (pointer:fine){.cito-card.cito-card-lift:hover{box-shadow:var(--cito-depth-fx-200),var(--cito-box-shadow-500);transform:translateY(calc(-2 * var(--cito-travel)))}}.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-stat-label{color:var(--card-body-color);font-size:var(--cito-font-size-100);text-transform:uppercase;letter-spacing:.0625rem;font-weight:700;margin:0}.cito-card-stat-value{display:flex;align-items:baseline;gap:.5rem;color:var(--card-title-color);font-size:var(--cito-font-size-900);font-weight:700;line-height:1;margin:0}.cito-card.compact{--card-padding: .5rem;--card-gap: .75rem;padding-top:.25rem;align-self:flex-start}.cito-card.compact .cito-card-title{font-size:var(--cito-font-size-400)}.cito-card.compact .cito-card-body{--card-line-height: 1}.cito-card.dense{--card-padding: .375rem .5rem;--card-gap: .5rem;align-self:flex-start}.cito-card.dense .cito-card-title{font-size:var(--cito-font-size-300)}.cito-card.dense .cito-card-body{--card-line-height: 1;font-size:var(--cito-font-size-300)}.cito-card.spacious{--card-padding: 2rem;--card-gap: 1.75rem}.cito-card.spacious .cito-card-title{font-size:var(--cito-font-size-700)}.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-flip-card{--flip-card-height: 12rem;--flip-card-perspective: 75rem;--flip-card-radius: var(--cito-radius-300);--flip-card-border-color: var(--cito-ui-700);--flip-card-front-background: var(--cito-ui-100);--flip-card-back-background: var(--cito-primary-200);--flip-card-title-color: var(--cito-text-900);--flip-card-body-color: var(--cito-text-700);position:relative;width:100%;height:var(--flip-card-height);perspective:var(--flip-card-perspective)}.cito-flip-card-inner{position:relative;display:block;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transition:transform var(--cito-transition-default);border-radius:var(--flip-card-radius)}.cito-flip-card input:checked~.cito-flip-card-inner{transform:rotateY(180deg)}.cito-flip-card input:focus-visible~.cito-flip-card-inner{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}@media(hover:hover)and (pointer:fine){.cito-flip-card:hover .cito-flip-card-face{box-shadow:var(--cito-depth-fx-200),var(--cito-box-shadow-500)}}.cito-flip-card-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.25rem;border:.125rem solid var(--flip-card-border-color);border-radius:var(--flip-card-radius);backface-visibility:hidden;box-shadow:var(--cito-depth-fx-100),var(--cito-box-shadow-200);transition:box-shadow var(--cito-transition-default)}.cito-flip-card-front{background-color:var(--flip-card-front-background)}.cito-flip-card-back{background-color:var(--flip-card-back-background);transform:rotateY(180deg)}.cito-flip-card-title{color:var(--flip-card-title-color);font-size:var(--cito-font-size-600);font-weight:700}.cito-flip-card-body{color:var(--flip-card-body-color);font-size:var(--cito-font-size-400);line-height:1.5}.cito-dialog{--dialog-background: var(--cito-ui-100);--dialog-border-color: var(--cito-ui-700);--dialog-border-radius: var(--cito-radius-300);--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: var(--cito-radius-300);--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.danger,.cito-alert.error{--alert-background: var(--cito-danger-200);--alert-border-color: var(--cito-danger-500);--alert-color: var(--cito-danger-800)}@media(forced-colors:active){.cito-alert{border-color:CanvasText}}.cito-badge{--badge-background: var(--cito-ui-100);--badge-border-color: var(--cito-ui-500);--badge-color: var(--cito-text-900);--badge-border-radius: var(--cito-radius-500);--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{--badge-glossy-highlight: rgba(255, 255, 255, .6);--badge-glossy-shade: rgba(0, 0, 0, .25);border-color:transparent;box-shadow:inset 0 .0625rem 0 var(--badge-glossy-highlight),inset 0 -.0625rem .125rem var(--badge-glossy-shade),var(--cito-box-shadow-100)}@media(forced-colors:active){.cito-badge,.cito-badge.glossy{border-color:CanvasText}}.cito-dropdown-menu{--dropdown-background: var(--cito-ui-100);--dropdown-border-color: var(--cito-ui-500);--dropdown-border-radius: var(--cito-radius-300);--dropdown-padding: 0;--dropdown-shadow: var(--cito-box-shadow-400);--dropdown-min-width: 12rem;--dropdown-max-width: fit-content;position:absolute;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline;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:var(--cito-transition-default);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}}@supports not (position-area: block-end){.cito-dropdown-menu{position:fixed;inset-block-start:4rem;inset-inline-start:50%;translate:-50% 0;max-height:calc(100vh - 6rem);max-width:min(var(--dropdown-max-width),calc(100vw - 2rem))}}.cito-dropdown-listbox{display:flex;flex-direction:column;max-height:75vh;overflow-y:auto;padding:.5rem;gap:.25rem}.cito-dropdown-listbox button,.cito-dropdown-listbox a{display:block;width:100%;padding:.5rem;cursor:pointer;background-color:transparent;border:none;text-align:left;text-decoration:none;border-radius:var(--cito-radius-200);transition:background-color var(--cito-transition-fast) ease;font-size:var(--cito-font-size-400);color:var(--cito-text-900)}@media(hover:hover)and (pointer:fine){.cito-dropdown-listbox button:hover,.cito-dropdown-listbox a:hover{background-color:var(--cito-ui-300)}}.cito-dropdown-listbox button:focus-visible,.cito-dropdown-listbox a:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:-.125rem}.cito-dropdown-listbox a[aria-current=page]{background-color:var(--cito-ui-200);font-weight:600;box-shadow:inset .1875rem 0 0 0 var(--cito-primary-600)}.cito-dropdown-listbox button.danger{color:var(--cito-danger-700)}@media(hover:hover)and (pointer:fine){.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,.cito-dropdown-menu.compact .cito-dropdown-listbox a{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: var(--cito-radius-300);--popover-padding: 1rem;--popover-shadow: var(--cito-box-shadow-300);--popover-min-width: 12rem;--popover-max-width: 20rem;--popover-title-color: var(--cito-text-900);--popover-content-color: var(--cito-text-700);position:absolute;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline;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);min-width:min(var(--popover-min-width),calc(100vw - 2rem));max-width:min(var(--popover-max-width),calc(100vw - 2rem));margin:0;opacity:0;transition-property:display,opacity;transition-duration:var(--cito-transition-default);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: var(--cito-radius-300);--list-card-padding: 1rem;--list-card-gap: 1rem;--list-card-gap-x: var(--list-card-gap);--list-card-gap-y: var(--list-card-gap);--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"}}@media(hover:hover)and (pointer:fine){.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:var(--cito-radius-200)}.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-timeline{--timeline-time-width: 4rem;--timeline-gap-x: 1.5rem;--timeline-gap-y: 2.25rem;--timeline-line-width: .0625rem;--timeline-line-color: var(--cito-ui-500);--timeline-line-gap: .75rem;--timeline-line-inset: .5rem;--timeline-time-color: var(--cito-text-700);--timeline-time-size: var(--cito-font-size-300);--timeline-topic-color: var(--cito-text-900);--timeline-topic-size: var(--cito-font-size-300);--timeline-title-color: var(--cito-text-900);--timeline-title-size: var(--cito-font-size-500);--timeline-body-color: var(--cito-text-700);--timeline-body-gap: .5rem;--timeline-measure: 60ch;container:cito-timeline / inline-size;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--timeline-gap-y)}.cito-timeline-item{display:grid;grid-template-columns:var(--timeline-time-width) var(--timeline-line-width) 1fr}.cito-timeline-item:before{content:"";grid-column:2;grid-row:1;margin-block-end:calc(-1 * var(--timeline-gap-y));background-color:var(--timeline-line-color)}.cito-timeline-item:first-child:before{margin-block-start:var(--timeline-line-inset)}.cito-timeline-item:last-child:before{margin-block-end:0}.cito-timeline-time{grid-column:1;grid-row:1;text-align:end;padding-inline-end:var(--timeline-line-gap);color:var(--timeline-time-color);font-size:var(--timeline-time-size);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5}.cito-timeline-content{grid-column:3;grid-row:1;padding-inline-start:var(--timeline-gap-x);display:flex;flex-direction:column;gap:.25rem;max-inline-size:var(--timeline-measure)}.cito-timeline-topic,.cito-timeline-topic:visited{color:var(--timeline-topic-color);font-size:var(--timeline-topic-size);font-weight:700;line-height:1.5;text-decoration-color:transparent}@media(hover:hover)and (pointer:fine){.cito-timeline-topic:hover{color:var(--cito-link-600);text-decoration-color:currentColor;text-decoration-thickness:.0625rem}}.cito-timeline-title{margin:0;color:var(--timeline-title-color);font-size:var(--timeline-title-size);font-weight:400;line-height:1.4}.cito-timeline-title a,.cito-timeline-title a:visited{color:inherit;text-decoration-color:transparent}@media(hover:hover)and (pointer:fine){.cito-timeline-title a:hover{color:var(--cito-link-600);text-decoration-color:currentColor}}.cito-timeline-body{margin:0;margin-block-start:var(--timeline-body-gap);color:var(--timeline-body-color);font-size:var(--cito-font-size-300);line-height:1.5}@container cito-timeline (max-width: 26rem){.cito-timeline-item{--timeline-time-width: 3rem;--timeline-gap-x: .75rem;--timeline-title-size: var(--cito-font-size-400)}}.cito-timeline-handle{align-self:center;min-block-size:1.5rem;margin:0;padding-block:0;padding-inline-start:0;border:0;border-radius:var(--cito-radius-150);background:none;font-family:inherit;cursor:grab;transition:color var(--cito-transition-hover) ease-out}.cito-timeline-handle:active{cursor:grabbing}.cito-timeline-handle:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}@media(hover:hover)and (pointer:fine){.cito-timeline-handle:hover{color:var(--cito-link-600);text-decoration:underline;text-decoration-thickness:.0625rem}}.cito-timeline-time-cell{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline-end:var(--timeline-line-gap)}.cito-timeline-time-cell>.cito-timeline-time{padding-inline-end:0}.cito-timeline-time-cell>.cito-timeline-moves{flex-direction:column;align-items:center}.cito-timeline-moves{display:flex;flex-wrap:wrap;gap:.25rem;margin-block-start:.25rem}.cito-timeline-move svg{display:block;inline-size:1rem;block-size:1rem}.cito-timeline-head{display:flex;align-items:center;gap:.25rem}.cito-timeline-head>.cito-timeline-topic{min-inline-size:0;overflow-wrap:anywhere}.cito-timeline-pin{display:inline-flex;flex:none;color:var(--timeline-time-color)}.cito-timeline-pin svg,.cito-timeline-menu-trigger svg{display:block;inline-size:1rem;block-size:1rem}.cito-timeline-menu-trigger{flex:none;margin-block:-.125rem;margin-inline-start:auto}.cito-timeline-day{--cito-timeline-day-color: var(--cito-text-800);--cito-timeline-day-border-color: var(--cito-ui-400);--cito-timeline-day-gap: 2.25rem;margin:var(--cito-timeline-day-gap) 0 1rem;padding-block-end:.25rem;border-block-end:.0625rem solid var(--cito-timeline-day-border-color);color:var(--cito-timeline-day-color);font-size:var(--cito-font-size-300);font-weight:700;line-height:1.5}.cito-timeline-drag-preview>.cito-timeline-item{background-color:var(--cito-ui-100);border-radius:var(--cito-radius-300);box-shadow:0 0 0 .5rem var(--cito-ui-100),var(--cito-box-shadow-400);cursor:grabbing}.cito-popover.cito-timeline-popover{position-area:inline-end span-block-end;position-try-fallbacks:block-end span-inline-end,block-start span-inline-end;margin:.25rem}.cito-popover.cito-timeline-popover:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-timeline-edit{display:flex;flex-direction:column;gap:.75rem;min-inline-size:0}.cito-timeline-edit-when{display:flex;flex-wrap:wrap;gap:.75rem}.cito-timeline-edit-when>*{flex:1 1 9rem;min-inline-size:0}.cito-timeline-edit-actions{display:flex;flex-wrap:wrap;gap:.5rem}.cito-timeline-controls{display:flex;flex-direction:column;gap:.75rem;margin-block-end:1.5rem}.cito-timeline-controls-range{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.cito-timeline-controls-point{display:flex;flex:1 1 18rem;flex-wrap:wrap;gap:.75rem;min-inline-size:0;margin:0;padding:0;border:0}.cito-timeline-controls-point>legend{margin-block-end:.5rem;padding:0;color:var(--cito-text-800);font-size:var(--cito-font-size-300);font-weight:700}.cito-timeline-controls-point>:not(legend){flex:1 1 9rem;min-inline-size:0}.cito-timeline-controls-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cito-timeline-controls-reason{flex:1 1 12rem;margin:0}.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;gap:.25rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:linear-gradient(var(--tabs-border-color),var(--tabs-border-color)) bottom / 100% .125rem no-repeat}@property --tabs-fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tabs-fade-end{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes cito-tabs-fade{0%{--tabs-fade-start: 0px;--tabs-fade-end: var(--tabs-fade-size)}15%,85%{--tabs-fade-start: var(--tabs-fade-size);--tabs-fade-end: var(--tabs-fade-size)}to{--tabs-fade-start: var(--tabs-fade-size);--tabs-fade-end: 0px}}@supports (animation-timeline: scroll(self inline)){.cito-tabs:not(.vertical){--tabs-fade-size: 2.5rem;--tabs-fade-direction: to right;-webkit-mask-image:linear-gradient(var(--tabs-fade-direction),transparent,#000 var(--tabs-fade-start),#000 calc(100% - var(--tabs-fade-end)),transparent);mask-image:linear-gradient(var(--tabs-fade-direction),transparent,#000 var(--tabs-fade-start),#000 calc(100% - var(--tabs-fade-end)),transparent);animation:cito-tabs-fade linear both;animation-timeline:scroll(self inline)}.cito-tabs:not(.vertical):dir(rtl){--tabs-fade-direction: to left}}.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);flex:none;white-space:nowrap}.cito-tab:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:calc(-1 * var(--cito-focus-ring-width))}@media(hover:hover)and (pointer:fine){.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,.cito-tab[aria-selected=true]{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-tab-content[ngTabPanel]:not([inert]){display:block}.cito-tabs-container.vertical{container:cito-tabs / inline-size;display:flex;flex-wrap:wrap;gap:1.5rem}.cito-tabs-container.vertical>*{min-inline-size:0}.cito-tabs.vertical{flex-direction:column;overflow-x:visible;background:none;border-right:.125rem solid transparent;min-width:12rem}.cito-tabs.vertical .cito-tab{border-bottom:none;border-right:.1875rem solid transparent;margin-right:-.125rem;text-align:left;white-space:normal}@media(hover:hover)and (pointer:fine){.cito-tabs.vertical .cito-tab:hover{border-right-color:var(--tab-hover-border-color)}}.cito-tabs.vertical .cito-tab.active,.cito-tabs.vertical .cito-tab[aria-selected=true]{border-right-color:var(--tab-active-border-color);border-bottom-color:transparent}.cito-tabs-container.vertical>:not(.cito-tabs){flex:1}.cito-tabs-container.vertical .cito-tab-content{padding:0}@container cito-tabs (max-width: 36rem){.cito-tabs-container.vertical>.cito-tabs,.cito-tabs-container.vertical>:not(.cito-tabs){flex:1 1 100%}.cito-tabs.vertical{min-width:0}}.cito-wizard{--wizard-gap: 1.5rem;--wizard-step-gap: .75rem;--wizard-marker-size: 2rem;--wizard-marker-background: var(--cito-ui-100);--wizard-marker-border-color: var(--cito-ui-400);--wizard-marker-color: var(--cito-text-700);--wizard-current-background: var(--cito-ui-25);--wizard-current-border-color: var(--cito-primary-600);--wizard-current-color: var(--cito-text-900);--wizard-complete-background: var(--cito-primary-600);--wizard-complete-border-color: var(--cito-primary-600);--wizard-complete-color: var(--cito-primary-100);--wizard-label-color: var(--cito-text-700);--wizard-current-label-color: var(--cito-text-900);--wizard-connector-color: var(--cito-ui-400);--wizard-connector-complete-color: var(--cito-primary-600);--wizard-connector-width: .125rem;--wizard-panel-background: var(--cito-ui-100);--wizard-panel-border-color: var(--cito-ui-300);--wizard-panel-padding: 1.5rem;--wizard-panel-radius: var(--cito-radius-300);--wizard-status-color: var(--cito-text-700);--wizard-transition: background-color var(--cito-transition-default), border-color var(--cito-transition-default), color var(--cito-transition-default), box-shadow var(--cito-transition-default);container:cito-wizard / inline-size;display:flex;flex-direction:column;gap:var(--wizard-gap)}.cito-wizard-steps{display:flex;margin:0;padding:0;list-style:none;counter-reset:cito-wizard-step}.cito-wizard-step{counter-increment:cito-wizard-step;position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.cito-wizard-step+.cito-wizard-step:before{content:"";position:absolute;inset-inline:-50% 50%;top:calc(var(--wizard-marker-size) / 2);border-top:var(--wizard-connector-width) solid var(--wizard-connector-color)}.cito-wizard-step.complete+.cito-wizard-step:before{border-top-color:var(--wizard-connector-complete-color)}.cito-wizard-step-marker{position:relative;z-index:1;flex:none;display:grid;place-items:center;box-sizing:border-box;inline-size:var(--wizard-marker-size);block-size:var(--wizard-marker-size);border:.0625rem solid var(--wizard-marker-border-color);border-radius:var(--cito-radius-pill);background-color:var(--wizard-marker-background);color:var(--wizard-marker-color);font-size:var(--cito-font-size-300);font-weight:700;font-variant-numeric:tabular-nums;transition:var(--wizard-transition)}.cito-wizard-step-marker:before{content:counter(cito-wizard-step)}.cito-wizard-step.current .cito-wizard-step-marker,.cito-wizard-step[aria-current=step] .cito-wizard-step-marker{border-color:var(--wizard-current-border-color);border-width:.125rem;background-color:var(--wizard-current-background);color:var(--wizard-current-color);box-shadow:var(--cito-depth-fx-100)}.cito-wizard-step.complete .cito-wizard-step-marker{border-color:var(--wizard-complete-border-color);background-color:var(--wizard-complete-background);color:var(--wizard-complete-color)}.cito-wizard-step.complete .cito-wizard-step-marker:before{content:"\2713";font-size:var(--cito-font-size-400)}.cito-wizard-step-label{color:var(--wizard-label-color);font-size:var(--cito-font-size-300);line-height:1.3;overflow-wrap:break-word}.cito-wizard-step.current .cito-wizard-step-label,.cito-wizard-step[aria-current=step] .cito-wizard-step-label{color:var(--wizard-current-label-color);font-weight:700}.cito-wizard-panel{border:.0625rem solid var(--wizard-panel-border-color);border-radius:var(--wizard-panel-radius);background-color:var(--wizard-panel-background);padding:var(--wizard-panel-padding)}.cito-wizard-panel:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-wizard-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.cito-wizard-status{margin:0;margin-inline:auto;color:var(--wizard-status-color);font-size:var(--cito-font-size-300)}.cito-wizard.vertical{display:grid;grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);align-items:start;column-gap:var(--wizard-gap)}.cito-wizard.vertical .cito-wizard-steps{grid-row:1 / span 2;flex-direction:column;gap:var(--wizard-step-gap)}.cito-wizard.vertical .cito-wizard-step{flex:none;flex-direction:row;align-items:center;text-align:start}.cito-wizard.vertical .cito-wizard-step+.cito-wizard-step:before{content:none}.cito-wizard.vertical .cito-wizard-step:not(:last-child):after{content:"";position:absolute;inset-block:var(--wizard-marker-size) calc(-1 * var(--wizard-step-gap));inset-inline-start:calc((var(--wizard-marker-size) - var(--wizard-connector-width)) / 2);border-inline-start:var(--wizard-connector-width) solid var(--wizard-connector-color)}.cito-wizard.vertical .cito-wizard-step.complete:not(:last-child):after{border-inline-start-color:var(--wizard-connector-complete-color)}@container cito-wizard (max-width: 30rem){.cito-wizard:not(.vertical) .cito-wizard-step:not(.current):not([aria-current=step]) .cito-wizard-step-label{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cito-wizard.vertical>*{grid-column:1 / -1}.cito-wizard.vertical>.cito-wizard-steps{grid-row:auto}}.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: var(--cito-radius-300);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,.cito-details>:is(h2,h3,h4,h5,h6)>button[aria-expanded]{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,.cito-details>:is(h2,h3,h4,h5,h6)>button[aria-expanded]:before{content:"\25b6";display:inline-block;margin-right:.5rem;transition:transform var(--cito-transition-default)}.cito-details[open] summary:before,.cito-details>:is(h2,h3,h4,h5,h6)>button[aria-expanded][aria-expanded=true]:before{transform:rotate(90deg)}@media(hover:hover)and (pointer:fine){.cito-details summary:hover,.cito-details>:is(h2,h3,h4,h5,h6)>button[aria-expanded]:hover{background-color:var(--summary-hover-background)}}.cito-details summary:focus-visible,.cito-details>:is(h2,h3,h4,h5,h6)>button[aria-expanded]:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:-.125rem}.cito-details-content{padding:var(--content-padding);animation:slideDown var(--cito-transition-default) ease-out}.cito-details>:is(h2,h3,h4,h5,h6){margin:0;font:inherit}.cito-details>:is(h2,h3,h4,h5,h6)>button[aria-expanded]{display:flex;align-items:baseline;width:100%;border:0;border-radius:0;text-align:start}.cito-details-content[ngAccordionPanel][inert]{display:none}@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:var(--cito-radius-200);border:.0625rem solid var(--cito-ui-500);padding:.5rem;font-size:var(--cito-font-size-400)}.cito-datalist-wrapper input:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);border-color:var(--cito-ui-600)}.cito-datalist-wrapper input::placeholder{color:var(--cito-text-600)}progress{--progress-height: .5rem;--progress-border-radius: var(--cito-radius-pill);--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: var(--cito-radius-pill);--meter-track-color: var(--cito-ui-300);--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:var(--meter-track-color);overflow:hidden}meter::-webkit-meter-bar{block-size:var(--meter-height);background:var(--meter-track-color);border:none;border-radius:var(--meter-border-radius)}meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value{block-size:100%;border-radius:var(--meter-border-radius)}meter::-webkit-meter-optimum-value{background:var(--meter-optimum-color)}meter::-webkit-meter-suboptimum-value{background:var(--meter-suboptimum-color)}meter::-webkit-meter-even-less-good-value{background:var(--meter-bad-color)}meter::-moz-meter-bar{border-radius:var(--meter-border-radius)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--meter-optimum-color)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--meter-suboptimum-color)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background: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% - var(--spinner-border-width, .3125rem)),#000 calc(100% - var(--spinner-border-width, .3125rem)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-border-width, .3125rem)),#000 calc(100% - var(--spinner-border-width, .3125rem)));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: var(--cito-radius-200);--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:var(--cito-radius-150);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:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);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);container:cito-pagination / inline-size}.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:var(--cito-radius-150);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)}@media(hover:hover)and (pointer:fine){.cito-pagination a:hover{background-color:var(--pagination-hover-background);border-color:var(--pagination-hover-border-color)}}.cito-pagination a:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);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)}@container cito-pagination (max-width: 24rem){.cito-pagination ul:has([rel=prev]):has([rel=next])>li:not(:has([aria-current=page],[rel=prev],[rel=next])){display:none}.cito-pagination ul:has([rel=prev]):has([rel=next])>li:has([rel=next]){order:1}}.cito-header{--header-background: var(--cito-ui-100);--header-border-color: var(--cito-ui-300);--header-padding-block: .75rem;--header-padding-inline: 1rem;--header-gap: .75rem;--header-target-size: 2.75rem;container:cito-header / inline-size;anchor-scope:--cito-header-nav,--cito-header-user,--cito-header-actions;display:flex;align-items:center;gap:var(--header-gap);padding:var(--header-padding-block) var(--header-padding-inline);border-block-end:.0625rem solid var(--header-border-color);background-color:var(--header-background)}.cito-header-logo{display:flex;align-items:center;gap:.5rem;min-block-size:var(--header-target-size);font-family:var(--cito-font-heading);font-weight:600;color:var(--cito-text-900);text-decoration:none;white-space:nowrap}.cito-header-nav ul{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}.cito-header-link{display:flex;align-items:center;min-block-size:var(--header-target-size);padding-inline:.75rem;color:var(--cito-text-800);text-decoration:none}.cito-header-link[aria-current=page]{background-color:var(--cito-ui-200);color:var(--cito-text-900);font-weight:600;box-shadow:inset 0 -.1875rem 0 0 var(--cito-primary-600)}@media(hover:hover)and (pointer:fine){.cito-header-link:hover{background-color:var(--cito-ui-200)}}.cito-header-link:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-header-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}.cito-header-user{display:flex;align-items:center}.cito-header .cito-btn{white-space:nowrap}.cito-header-nav:last-child{margin-inline-start:auto}.cito-header-nav-toggle{display:none;anchor-name:--cito-header-nav}.cito-header-nav-menu{position-anchor:--cito-header-nav}.cito-header-user-trigger{anchor-name:--cito-header-user}.cito-header-user-menu{position-anchor:--cito-header-user}.cito-header-user-initials{display:none}.cito-header-actions-toggle{display:none;anchor-name:--cito-header-actions}.cito-header-actions-menu:not(:popover-open){display:contents}.cito-header-actions-menu{position-anchor:--cito-header-actions}.cito-header-actions-links{display:none}@container cito-header (max-width: 48rem){.cito-header-nav{display:none}.cito-header-nav-toggle{display:inline-flex;margin-inline-start:auto}.cito-header-actions{margin-inline-start:0}}@container cito-header (max-width: 30rem){.cito-header:has(.cito-header-actions>*) .cito-header-nav-toggle{display:none}.cito-header:has(.cito-header-actions>*) .cito-header-actions-toggle{display:inline-flex;margin-inline-start:auto}.cito-header-actions-menu:not(:popover-open){display:none}.cito-header-actions-links{display:flex;border-block-end:.0625rem solid var(--cito-ui-400)}.cito-header-actions{flex-direction:column;align-items:stretch;margin-inline-start:0;padding:.5rem}.cito-header-user-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cito-header-user-initials{display:inline}}.cito-sidebar-layout{--cito-sidebar-width: 14rem;--cito-sidebar-collapsed-width: 0rem;--cito-sidebar-layout-block-size: 100%;--cito-sidebar-background: var(--cito-ui-100);--cito-sidebar-color: var(--cito-text-900);--cito-sidebar-border-color: var(--cito-ui-300);--cito-sidebar-padding: 1rem;--cito-sidebar-handle-width: .0625rem;--cito-sidebar-handle-hit-width: 1.5rem;--cito-sidebar-handle-color: var(--cito-ui-300);--cito-sidebar-handle-color-hover: var(--cito-primary-500);--cito-sidebar-toggle-inset: 1.5rem;--cito-sidebar-toggle-clearance: 3.5rem;--cito-sidebar-z-index: 10;--cito-sidebar-pane-width: var(--cito-sidebar-width);position:relative;display:grid;grid-template-columns:var(--cito-sidebar-pane-width) auto 1fr;block-size:var(--cito-sidebar-layout-block-size);min-block-size:0}.cito-sidebar-layout.is-collapsed{--cito-sidebar-pane-width: var(--cito-sidebar-collapsed-width)}.cito-sidebar-layout.is-side-end{grid-template-columns:1fr auto var(--cito-sidebar-pane-width)}.cito-sidebar{grid-row:1;min-inline-size:0;position:relative;overflow-x:hidden;overflow-y:auto;padding:var(--cito-sidebar-padding);padding-inline-end:calc(var(--cito-sidebar-padding) + var(--cito-sidebar-handle-hit-width) / 2);background-color:var(--cito-sidebar-background);color:var(--cito-sidebar-color);transition:inline-size var(--cito-transition-default) ease-out}.cito-sidebar-layout:not(.is-side-end) .cito-sidebar{grid-column:1}.cito-sidebar-layout.is-side-end .cito-sidebar{grid-column:3}.is-collapsed>.cito-sidebar{padding-inline:0;overflow:hidden}.cito-sidebar-content{grid-row:1;padding-inline-start:var(--cito-sidebar-toggle-inset);position:relative;min-inline-size:0;overflow:auto}.cito-sidebar-layout:not(.is-side-end) .cito-sidebar-content{grid-column:3}.cito-sidebar-layout.is-side-end .cito-sidebar-content{grid-column:1;padding-inline-start:0;padding-inline-end:var(--cito-sidebar-toggle-inset)}.cito-sidebar-controls{display:contents}.cito-sidebar-handle{grid-row:1;grid-column:2;align-self:stretch;position:relative;inline-size:var(--cito-sidebar-handle-width);border:none;padding:0;background-color:var(--cito-sidebar-handle-color);touch-action:none;z-index:var(--cito-sidebar-z-index);transition:background-color var(--cito-transition-fast)}.cito-sidebar-handle:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--cito-sidebar-handle-hit-width) / -2 + var(--cito-sidebar-handle-width) / 2);inline-size:var(--cito-sidebar-handle-hit-width);cursor:col-resize}.cito-sidebar-handle[aria-disabled=true]:before,.cito-sidebar-handle:not([role=separator]):before{cursor:default}@media(hover:hover)and (pointer:fine){.cito-sidebar-handle[role=separator]:hover{background-color:var(--cito-sidebar-handle-color-hover)}}.cito-sidebar-handle:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-sidebar-layout.is-dragging .cito-sidebar-handle{background-color:var(--cito-sidebar-handle-color-hover)}.cito-sidebar-layout.is-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.cito-sidebar-layout.is-dragging .cito-sidebar,.cito-sidebar-layout.is-dragging .cito-sidebar-content{transition:none}.cito-sidebar-toggle{position:absolute;inset-block-start:.75rem;inset-inline-start:max(.5rem,calc(var(--cito-sidebar-pane-width) - 1.375rem));z-index:calc(var(--cito-sidebar-z-index) + 1);display:inline-flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:.0625rem solid var(--cito-sidebar-border-color);border-radius:var(--cito-radius-pill);background-color:var(--cito-sidebar-background);color:var(--cito-text-800);cursor:pointer;box-shadow:var(--cito-depth-fx-100);transition:background-color var(--cito-transition-fast),box-shadow var(--cito-transition-fast)}.cito-sidebar-layout.is-side-end .cito-sidebar-toggle{inset-inline-start:auto;inset-inline-end:max(.5rem,calc(var(--cito-sidebar-pane-width) - 1.375rem))}@media(hover:hover)and (pointer:fine){.cito-sidebar-toggle:hover{background-color:var(--cito-ui-200)}}.cito-sidebar-toggle:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-sidebar-toggle-icon{display:block;transition:transform var(--cito-transition-default) ease-out}.cito-sidebar-toggle-icon.is-flipped,.is-side-end .cito-sidebar-toggle-icon{transform:rotate(180deg)}.is-side-end .cito-sidebar-toggle-icon.is-flipped{transform:rotate(0)}@media(max-width:47.99rem){.cito-sidebar-layout,.cito-sidebar-layout.is-collapsed,.cito-sidebar-layout.is-side-end,.cito-sidebar-layout.is-side-end.is-collapsed{grid-template-columns:1fr}.cito-sidebar-layout>.cito-sidebar,.cito-sidebar-layout>.cito-sidebar-content{grid-column:1}.cito-sidebar-handle{display:none}.cito-sidebar-layout>.cito-sidebar-content,.cito-sidebar-layout.is-side-end>.cito-sidebar-content{padding-inline:0;scroll-padding-block-start:var(--cito-sidebar-toggle-clearance)}.cito-sidebar-layout .cito-sidebar-toggle,.cito-sidebar-layout.is-side-end .cito-sidebar-toggle{inset-block-start:.5rem;inset-inline-start:.5rem;inset-inline-end:auto}.cito-sidebar[popover]{--cito-sidebar-drawer-offset: -100%;display:none;position:fixed;inset-block:0;inset-inline:0 auto;inline-size:min(80vw,18rem);block-size:100dvh;margin:0;border:none;border-inline-end:.0625rem solid var(--cito-sidebar-border-color);padding:var(--cito-sidebar-padding);box-shadow:var(--cito-box-shadow-500);transform:translate(var(--cito-sidebar-drawer-offset));transition-property:display,transform,overlay;transition-duration:var(--cito-transition-default);transition-behavior:allow-discrete;z-index:var(--cito-sidebar-z-index)}.cito-sidebar[popover]:dir(rtl),.is-side-end>.cito-sidebar[popover]{--cito-sidebar-drawer-offset: 100%}.is-side-end>.cito-sidebar[popover]:dir(rtl){--cito-sidebar-drawer-offset: -100%}.is-side-end>.cito-sidebar[popover]{inset-inline:auto 0;border-inline-end:none;border-inline-start:.0625rem solid var(--cito-sidebar-border-color)}.cito-sidebar[popover]:popover-open{display:block;transform:translate(0)}@starting-style{.cito-sidebar[popover]:popover-open{transform:translate(var(--cito-sidebar-drawer-offset))}}.cito-sidebar[popover]::backdrop{background-color:color-mix(in oklch,light-dark(var(--cito-ui-900),var(--cito-ui-100)) 60%,transparent)}}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}.cito-carousel{--carousel-slide-background: var(--cito-ui-200);--carousel-radius: var(--cito-radius-200);--carousel-button-size: 2.25rem;--carousel-button-background: var(--cito-ui-100);--carousel-button-color: var(--cito-text-900);--carousel-button-border-color: var(--cito-ui-400);--carousel-marker-size: .5rem;--carousel-marker-color: var(--cito-ui-400);--carousel-marker-current-color: var(--cito-primary-600);anchor-name:--cito-carousel;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;grid-template-rows:1fr auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-marker-group:after;border-radius:var(--carousel-radius)}@media(prefers-reduced-motion:reduce){.cito-carousel{scroll-behavior:auto}}.cito-carousel-slide{grid-row:1;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;min-height:12rem;background-color:var(--carousel-slide-background)}.cito-carousel::scroll-marker-group{grid-row:2;grid-column:1 / -1;display:flex;justify-content:center;gap:.5rem;padding-block:.75rem}:root:has(dialog:modal) .cito-carousel{scroll-marker-group:none}.cito-carousel-slide::scroll-marker{content:"";width:var(--carousel-marker-size);height:var(--carousel-marker-size);border:none;border-radius:50%;background-color:var(--carousel-marker-color);cursor:pointer;transition:background-color var(--cito-transition-fast)}.cito-carousel-slide::scroll-marker:target-current{background-color:var(--carousel-marker-current-color)}.cito-carousel-slide::scroll-marker:focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-carousel::scroll-button(left),.cito-carousel::scroll-button(right){position:fixed;position-anchor:--cito-carousel;top:anchor(center);translate:0 -50%;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--carousel-button-size);height:var(--carousel-button-size);border:.0625rem solid var(--carousel-button-border-color);border-radius:50%;background-color:var(--carousel-button-background);color:var(--carousel-button-color);cursor:pointer;box-shadow:var(--cito-depth-fx-100);transition:background-color var(--cito-transition-fast),box-shadow var(--cito-transition-fast)}.cito-carousel::scroll-button(left){content:"\2039";left:calc(anchor(left) + .5rem)}.cito-carousel::scroll-button(right){content:"\203a";right:calc(anchor(right) + .5rem)}@media(hover:hover)and (pointer:fine){.cito-carousel::scroll-button(left):hover,.cito-carousel::scroll-button(right):hover{background-color:var(--cito-ui-200)}}.cito-carousel::scroll-button(left):focus-visible,.cito-carousel::scroll-button(right):focus-visible{outline:var(--cito-focus-ring-width) solid var(--cito-focus-ring-color);outline-offset:.125rem}.cito-carousel::scroll-button(left):disabled,.cito-carousel::scroll-button(right):disabled{box-shadow:none;opacity:.35;cursor:default}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@layer app-base{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}}