@charset "UTF-8";

:root {
    --font-base: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Helvetica, Cantarell, Ubuntu, Roboto, Noto, Arial, sans-serif;
    --font-mono: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
    --font-serif: "Iowan Old Style", "Apple Garamond", Baskerville, "Times New Roman", "Droid Serif", Times, "Source Serif Pro", serif;
    --font-sans-serif: var(--font-base);
    --font-ui: var(--font-base);
    --font-brand: var(--font-base);
    --font-prose: var(--font-serif);
    --c-info: #1262ed;
    --c-success: #128a12;
    --c-warning: #F5D042;
    --c-danger: #cf000f;
    --c-primary: #9400d3;
    --c-secondary: #0080a2;
    --c-tertiary: #767676;
    --c-warning-hover: #c9ab36;
    --c-danger-hover: #aa000c;
    --c-success-hover: #0f710f;
    --c-info-hover: #0f50c2;
    --c-primary-hover: #7900ad;
    --c-secondary-hover: #006985;
    --c-tertiary-hover: #616161;
    --blue-100: #e7effd;
    --blue-200: #bdd3fa;
    --blue-300: #92b7f7;
    --blue-400: #679bf3;
    --blue-500: #3d7ef0;
    --blue-600: #1262ed;
    --blue-700: #0f50c2;
    --blue-800: #0c3f98;
    --blue-900: #082d6d;
    --green-100: #e7f3e7;
    --green-200: #bddebd;
    --green-300: #92c992;
    --green-400: #67b467;
    --green-500: #3d9f3d;
    --green-600: #128a12;
    --green-700: #0f710f;
    --green-800: #0c580c;
    --green-900: #083f08;
    --amber-100: #fef7e6;
    --amber-200: #fbeab8;
    --amber-300: #f8dc8a;
    --amber-400: #f5ce5c;
    --amber-500: #f3c12e;
    --amber-600: #f0b300;
    --amber-700: #c59300;
    --amber-800: #9a7300;
    --amber-900: #6e5200;
    --red-100: #fae6e7;
    --red-200: #f2b8bc;
    --red-300: #e98a91;
    --red-400: #e05c65;
    --red-500: #d82e3a;
    --red-600: #cf000f;
    --red-700: #aa000c;
    --red-800: #84000a;
    --red-900: #5f0007;
    --purple-100: #f4e6fb;
    --purple-200: #e1b8f3;
    --purple-300: #ce8aeb;
    --purple-400: #bb5ce3;
    --purple-500: #a72edb;
    --purple-600: darkviolet;
    --purple-700: #7900ad;
    --purple-800: #5f0087;
    --purple-900: #440061;
    --teal-100: #e6f2f6;
    --teal-200: #b8dbe5;
    --teal-300: #8ac5d4;
    --teal-400: #5caec3;
    --teal-500: #2e97b3;
    --teal-600: #0080a2;
    --teal-700: #006985;
    --teal-800: #005268;
    --teal-900: #003b4b;
    --gray-100: #f1f1f1;
    --gray-200: #d9d9d9;
    --gray-300: silver;
    --gray-400: #a7a7a7;
    --gray-500: #8f8f8f;
    --gray-600: #767676;
    --gray-700: #616161;
    --gray-800: #4c4c4c;
    --gray-900: #363636;
    --c-page-bg: #ffffff;
    --c-page-bg-alt: var(--gray-100);
    --c-detail: rgba(0, 0, 0, 0.15);
    --c-default: var(--c-tertiary);
    --c-text: var(--gray-900);
    --c-form-focus: var(--blue-300);
    --c-link: var(--blue-600);
    --c-link-hover: var(--blue-700);
    --c-link-visited: var(--purple-700);
    --c-form-bg: var(--gray-100);
    --c-btn-text: var(--gray-900);
    --c-btn-hover: var(--gray-100);
    --c-highlight: rgba(255, 122, 89, 0.32);
    --c-selection: rgba(0, 189, 165, 0.4);
    --c-code: var(--teal-700);
    --c-code-b: var(--teal-200);
    --c-code-bg: var(--teal-100);
    --alpha-1: 0.1;
    --alpha-2: 0.25;
    --alpha-3: 0.4;
    --alpha-4: 0.55;
    --alpha-5: 0.7;
    --glass-1: saturate(1.8) blur(1px);
    --glass-2: saturate(1.8) blur(4px);
    --glass-3: saturate(1.8) blur(8px);
    --glass-4: saturate(1.8) blur(13px);
    --glass-5: saturate(1.8) blur(19px);
    --ease: all 0.15s ease-in-out;
    --w-xxs: 256px;
    --w-xs: 512px;
    --w-sm: 768px;
    --w-md: 1024px;
    --w-lg: 1280px;
    --w-xl: 1536px;
    --w-xxl: 1792px;
    --sp-0: 0;
    --sp-1: 0.5rem;
    --sp-2: 1rem;
    --sp-3: 1.5rem;
    --sp-4: 2rem;
    --sp-5: 2.5rem;
    --sp-6: 3rem;
    --b1: 1px;
    --b2: 4px;
    --b3: 8px;
    --line-detail: var(--b1) solid var(--c-detail);
    --rad-sm: .25rem;
    --rad: .5rem;
    --rad-lg: 1rem;
    --rad-pill: 99em;
    --rad-circle: 50%;
    --sp-block: 0.5rem 1rem;
    --container: var(--w-xxl);
    --container-x-space: 1rem;
    --sq-sm: 3rem;
    --sq: 4.5rem;
    --sq-lg: 6rem;
    --focus-outline: 2px dotted black;
    --focus-shadow: 0 0 0 2px white;
    --form-b: var(--b1);
    --form-font: var(--font-ui);
    --form-size-sm: 2rem;
    --form-size: 2.5rem;
    --form-size-lg: 3rem;
    --form-size-sm-fs: 0.8325rem;
    --form-size-lg-fs: 1.325rem;
    --form-p-sm: 0.25rem 0.5rem;
    --form-p: .5rem;
    --form-p-lg: .75rem;
    --form-focus: 0.1875rem;
    --btn-fw: 600;
    --btn-p-sm: .25rem .75rem;
    --btn-p: .5rem 1rem;
    --btn-p-lg: .75rem 1.75rem;
    --h1: 2.75em;
    --h2: 2em;
    --h3: 1.625em;
    --h4: 1.325em;
    --h5: 1.125em;
    --h6: 1em;
    --hd-weight: normal;
    --hd-lh: calc(1em + .5rem);
    --t-fs: 100%;
    --t-base-lh: 1.5;
    --t-thin-fw: 200;
    --t-base-fw: 400;
    --t-semi-fw: 600;
    --t-bold-fw: 700;
    --t-bolder-fw: 900;
    --t-cols-gap: clamp(1.5rem, 2.5vw, 2.5rem);
    --t-cols: 17.5em;
    --t-long-read: clamp(1em, calc(0.5em + 1vw), 1.25em);
    --link: underline;
    --bq-fs: var(--t-fs);
    --bq-x: 2.5vw;
    --hr: var(--b1);
    --hr-y: var(--t-base-lh)
}

/* Hide x-cloak elements */
[x-cloak] {
  display: none;
}

.z-index-999 {
    z-index: 999;
}

.z-index-9999 {
    z-index: 9999;
}

.box {
    position: absolute;
    inset: 0;
}

.box.fixed {
    position: fixed;
}

.bg-black-glass-3 {
    background-color: rgba(0, 0, 0, var(--alpha-3));
    -webkit-backdrop-filter: var(--glass-3);
    backdrop-filter: var(--glass-3);
}

.flex-middle {
    align-items: center;
}

.flex-center {
    justify-content: center;
}