@layer reset,base,tokens,layout,components,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{margin:0;padding:0}}@layer tokens{:root{--color-text-primary: #1d2022;--color-text-secondary: #545859;--color-text-subdued: #72777a;--color-text-bright: #1d2022;--color-text-header: #1d2022;--color-text-link: #267eab;--color-text-link-hover: #389DCE;--color-text-green-accent: #78a19c;--color-bg-primary: #ffffff;--color-bg-secondary: #F2F2F2;--color-bg-disabled: #D3D3D3;--color-bg-highlight: #D3D3D3;--tint-bright: #1d2022;--tint-moderate: #515557;--tint-subdued: #72777a;--tint-placeholder: #81878a;--tint-primary: #fff;--tint-supportive: #1d2022;--tint-supportive-disabled: #B5B7B9;--tint-negative: #c7331f;--tint-positive: #4e8a2f;--tint-warning: #e0a014;--tint-accent: #774cd3;--tint-info: #6f9893;--bg: #fff;--bg-subdued-supportive: #f8f8f8;--bg-supportive: #f2f2f2;--bg-supportive-hover: #e2e2e0;--bg-supportive-disabled: #f2f2f2;--bg-primary: #267eab;--bg-primary-hover: #3390bd;--bg-primary-disabled: #f2f2f2;--bg-negative: #c7331f;--bg-negative-hover: #e1523f;--bg-positive: #e4f6dc;--bg-warning: #fef8e8;--bg-accent: #e8ddff;--bg-info: #e6f4f0;--border: #363839;--border-negative: #c7331f;--border-positive: #4e8a2f;--border-warning: #e0a014;--border-accent: #774cd3;--border-info: #6f9893;--link: #267eab;--link-accent: #774cd3;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing: 4px;--layout-max-width: 1100px;--content-max-width: 700px;--sidebar-width: 240px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--heading-h1: 56px;--heading-h2: 39px;--heading-h3: 32px;--heading-h4: 27px;--heading-line-height: 1.3;--heading-h1-mobile: clamp(36px, 9vw, 47px);--heading-h2-mobile: clamp(28px, 7vw, 33px);--heading-h3-mobile: clamp(24px, 6vw, 27px);--heading-h4-mobile: clamp(20px, 5vw, 23px);--heading-h1-tablet: 47px;--heading-h2-tablet: 33px;--heading-h3-tablet: 27px;--heading-h4-tablet: 23px;--breakpoint-sm: 600px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--focus-color: #007acc;--logo-image: url(https://cdn.tophatch.com/img/6.x/Concepts-6-Logo-Wide.svg);--bg-main-color: #ffffff;--bg-secondary-color: #F2F2F2;--bg-disabled-color: #D3D3D3;--bg-highlight-color: #D3D3D3;--text-color-normal: #545859;--text-color-subdued: #6f7578;--text-color-bright: #1d2022;--text-color-header: #1d2022;--text-color-link: #267eab;--text-color-link-hover: #389DCE;--text-color-green-accent: #78a19c;--line-height: 1.5;--text-font: "Inter", sans-serif;--max-width-standard: 1100px;--max-width-medium: 1000px;--max-width-small: 100vw;--sidebar-width-medium: 200px;--sidebar-bg: #18181a;--sidebar-text-color: #b2b2b2;--sidebar-text-hover-color: #fff;--sidebar-active-bg: #007aff;--sidebar-active-text-color: #fff;--sidebar-title-color: #fff;--sidebar-group-title-color: #b2b2b2;--sidebar-border: #2c2c2e;--content-max-width-medium: 600px;--content-padding: 2rem;--content-padding-medium: 2rem 1.5rem;--content-padding-small: 1.5rem;--content-text-color: #e5e5e7;--header-padding-left: 1.5rem;--header-padding-right: 2rem;--header-padding-left-medium: 1rem;--header-padding-right-medium: 1.5rem;--header-padding-small: 1rem;--footer-padding-left: 1.5rem;--footer-padding-right: 2rem;--footer-padding-left-medium: 1rem;--footer-padding-right-medium: 1.5rem;--footer-padding-small: 1rem;--breakpoint-large: 1200px;--breakpoint-medium: 1024px;--breakpoint-small: 768px;--breakpoint-mobile: 600px;--text-color: #eee;--text-subdued-color: #b2b2b2;--bg-dark: #111;--bg-darker: #18181a;--border-color: #2c2c2e}@media (prefers-color-scheme: dark){:root{--color-text-primary: #f2f2f2;--color-text-secondary: #b5b7b9;--color-text-subdued: #81878A;--color-text-bright: #ffffff;--color-text-header: #ffffff;--color-text-link: #3390bd;--color-text-link-hover: #46acdb;--color-bg-primary: #1d2022;--color-bg-secondary: #363839;--color-bg-disabled: #303030;--color-bg-highlight: #303030;--tint-bright: #f2f2f2;--tint-moderate: #B5B7B9;--tint-subdued: #81878A;--tint-placeholder: #72777A;--tint-primary: #1d2022;--tint-supportive: #fff;--tint-supportive-disabled: #363839;--bg: #1d2022;--bg-subdued-supportive: #272a2c;--bg-supportive: #363839;--bg-supportive-hover: #4b4f51;--bg-supportive-disabled: #363839;--bg-primary-disabled: #363839;--bg-positive: #243b1e;--bg-warning: #3d3018;--bg-accent: #2e1f4a;--bg-info: #1f3e36;--border: #b5b7b9;--logo-image: url(https://cdn.tophatch.com/img/6.x/Concepts-6-Logo-Wide-Dark.svg);--bg-main-color: #000000;--bg-secondary-color: #1A1A1A;--text-color-normal: #a1a8ab;--text-color-subdued: #72787a;--text-color-bright: #ffffff;--text-color-header: #ffffff;--text-color-link: #389DCE;--text-color-link-hover: #46acdb}}}@layer base{html{scroll-behavior:smooth;overflow-y:scroll}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);text-rendering:optimizeLegibility;overflow-x:hidden;position:relative;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-text-link-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;line-height:1.2;color:var(--color-text-header)}p,ul,ol,blockquote{margin-top:0;margin-bottom:0}:focus{outline:2px solid var(--focus-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}}@layer layout{.container{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.content-container{max-width:var(--content-max-width);margin:0 auto}.container-medium{max-width:var(--max-width-medium)}.container-responsive{padding-left:var(--header-padding-left);padding-right:var(--header-padding-right)}@media (max-width: 1200px){.container-responsive{padding-left:var(--header-padding-left-medium);padding-right:var(--header-padding-right-medium)}}@media (max-width: 600px){.container-responsive{padding-left:var(--header-padding-small);padding-right:var(--header-padding-small)}}.flex{display:flex;gap:var(--spacing-md)}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.grid{display:grid;gap:var(--spacing-lg)}.block-container{width:90%;max-width:1240px;margin-inline:auto;padding-inline:20px}.block-container-wide{width:90%;max-width:1500px;margin-inline:auto}.block-container-copy{width:90%;max-width:720px;margin-inline:auto}.block-full-width{width:100%}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.p-0{padding:0}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid;page-break-after:avoid}p{orphans:3;widows:3}}