:root { --global-color-border: var(--colors-gray-200); }


:where(:root, :host):not(#\#):not(#\#):not(#\#) { --z-index-hide: -1; --z-index-auto: auto; --z-index-base: 0; --z-index-docked: 10; --z-index-dropdown: 1000; --z-index-sticky: 1100; --z-index-banner: 1200; --z-index-overlay: 30; --z-index-modal: 1400; --z-index-popover: 1500; --z-index-skip-link: 1600; --z-index-toast: 1700; --z-index-tooltip: 1800; --z-index-code: 1; --z-index-breadcrumb-container: 2; --z-index-project-area-menu: 3; --z-index-code-pop-up: 3; --z-index-sidebar-header: 3; --z-index-split-view-divider: 3; --z-index-split-view-hide-button: 4; --z-index-above-terminal: 20; --z-index-above-dialogs: 1500; --colors-transparent: transparent; --colors-current: currentColor; --colors-black: #000000; --colors-white: #FFFFFF; --colors-white-alpha-50: rgba(255, 255, 255, .04); --colors-white-alpha-100: rgba(255, 255, 255, .06); --colors-white-alpha-200: rgba(255, 255, 255, .08); --colors-white-alpha-300: rgba(255, 255, 255, .16); --colors-white-alpha-400: rgba(255, 255, 255, .24); --colors-white-alpha-500: rgba(255, 255, 255, .36); --colors-white-alpha-600: rgba(255, 255, 255, .48); --colors-white-alpha-700: rgba(255, 255, 255, .64); --colors-white-alpha-800: rgba(255, 255, 255, .8); --colors-white-alpha-900: rgba(255, 255, 255, .92); --colors-black-alpha-50: rgba(0, 0, 0, .04); --colors-black-alpha-100: rgba(0, 0, 0, .06); --colors-black-alpha-200: rgba(0, 0, 0, .08); --colors-black-alpha-300: rgba(0, 0, 0, .16); --colors-black-alpha-400: rgba(0, 0, 0, .24); --colors-black-alpha-500: rgba(0, 0, 0, .36); --colors-black-alpha-600: rgba(0, 0, 0, .48); --colors-black-alpha-700: rgba(0, 0, 0, .64); --colors-black-alpha-800: rgba(0, 0, 0, .8); --colors-black-alpha-900: rgba(0, 0, 0, .92); --colors-gray-10: #fcfcfc; --colors-gray-50: #ebebeb; --colors-gray-75: #f5f6f8; --colors-gray-100: #e3e3e3; --colors-gray-200: #d7d8d6; --colors-gray-300: #cbcccb; --colors-gray-350: #b4b4b4; --colors-gray-400: #949494; --colors-gray-500: #767676; --colors-gray-600: #575757; --colors-gray-700: #404040; --colors-gray-800: #262626; --colors-gray-900: #1a1a1a; --colors-red-50: #FFF5F5; --colors-red-100: #FED7D7; --colors-red-200: #FEB2B2; --colors-red-300: #FC8181; --colors-red-400: #F56565; --colors-red-500: #e22b2b; --colors-red-600: #ac1818; --colors-red-700: #811212; --colors-red-800: #4f0b0b; --colors-red-900: #380808; --colors-orange-50: #FFFAF0; --colors-orange-100: #FEEBC8; --colors-orange-200: #FBD38D; --colors-orange-300: #F6AD55; --colors-orange-400: #ED8936; --colors-orange-500: #DD6B20; --colors-orange-600: #C05621; --colors-orange-700: #9C4221; --colors-orange-800: #7B341E; --colors-orange-900: #652B19; --colors-yellow-50: #FFFFF0; --colors-yellow-100: #FEFCBF; --colors-yellow-200: #FAF089; --colors-yellow-300: #F6E05E; --colors-yellow-400: #ECC94B; --colors-yellow-500: #D69E2E; --colors-yellow-600: #B7791F; --colors-yellow-700: #975A16; --colors-yellow-800: #744210; --colors-yellow-900: #5F370E; --colors-green-50: #F0FFF4; --colors-green-100: #C6F6D5; --colors-green-200: #9AE6B4; --colors-green-300: #68D391; --colors-green-400: #48BB78; --colors-green-500: #38A169; --colors-green-600: #2F855A; --colors-green-700: #276749; --colors-green-800: #22543D; --colors-green-900: #1C4532; --colors-teal-50: #E6FFFA; --colors-teal-100: #B2F5EA; --colors-teal-200: #81E6D9; --colors-teal-300: #4FD1C5; --colors-teal-400: #38B2AC; --colors-teal-500: #319795; --colors-teal-600: #2C7A7B; --colors-teal-700: #285E61; --colors-teal-800: #234E52; --colors-teal-900: #1D4044; --colors-blue-50: #ebf8ff; --colors-blue-100: #bee3f8; --colors-blue-200: #90cdf4; --colors-blue-300: #63b3ed; --colors-blue-400: #4299e1; --colors-blue-500: #3182ce; --colors-blue-600: #2b6cb0; --colors-blue-700: #2c5282; --colors-blue-800: #2a4365; --colors-blue-900: #1A365D; --colors-cyan-50: #EDFDFD; --colors-cyan-100: #C4F1F9; --colors-cyan-200: #9DECF9; --colors-cyan-300: #76E4F7; --colors-cyan-400: #0BC5EA; --colors-cyan-500: #00B5D8; --colors-cyan-600: #00A3C4; --colors-cyan-700: #0987A0; --colors-cyan-800: #086F83; --colors-cyan-900: #065666; --colors-purple-50: #FAF5FF; --colors-purple-100: #E9D8FD; --colors-purple-200: #D6BCFA; --colors-purple-300: #B794F4; --colors-purple-400: #9F7AEA; --colors-purple-500: #805AD5; --colors-purple-600: #6B46C1; --colors-purple-700: #553C9A; --colors-purple-800: #44337A; --colors-purple-900: #322659; --colors-pink-50: #FFF5F7; --colors-pink-100: #FED7E2; --colors-pink-200: #FBB6CE; --colors-pink-300: #F687B3; --colors-pink-400: #ED64A6; --colors-pink-500: #D53F8C; --colors-pink-600: #B83280; --colors-pink-700: #97266D; --colors-pink-800: #702459; --colors-pink-900: #521B41; --colors-brand-50: #e1dbf3; --colors-brand-100: #e1dbf3; --colors-brand-200: #8972cb; --colors-brand-300: #6f6ac1; --colors-brand-400: #6e5fc1; --colors-brand-500: #6c4bc1; --colors-brand-600: #50388f; --colors-brand-700: #5c40a6; --colors-brand-800: #422e75; --colors-brand-900: #422e75; --colors-brand2-50: #F7FAFC; --colors-brand2-100: #EDF2F7; --colors-brand2-200: #E2E8F0; --colors-brand2-300: #CBD5E0; --colors-brand2-400: #A0AEC0; --colors-brand2-500: #718096; --colors-brand2-600: #4A5568; --colors-brand2-700: #2D3748; --colors-brand2-800: #1A202C; --colors-brand2-900: #171923; --colors-code-default: #262626; --colors-code-comment: #6c4bc1; --colors-code-keyword: #9d4ea9; --colors-code-literal: #226077; --colors-code-string: #ae1f1f; --colors-code-line-number: var(--colors-gray-350); --colors-code-block-border: rgb(123, 205, 194); --colors-code-block-background: rgba(123, 205, 194, 8%); --colors-code-block-background-active: rgba(123, 205, 194, .17); --colors-code-block-border-active: rgb(122, 195, 193); --colors-code-active-line: #7bcec333; --colors-code-error: #cd0365; --colors-code-block: rgba(123, 205, 194, .1); --colors-code-border: #7bcec3; --colors-blimp-teal-50: #e9f6f5; --colors-blimp-teal-100: #caebe7; --colors-blimp-teal-300: #95d7ce; --colors-blimp-teal-400: #7bcdc2; --colors-blimp-teal-500: #77c7bc; --colors-blimp-teal-600: #4a7b75; --colors-blimp-teal-700: #226077; --fonts-heading: Helvetica, Arial, sans-serif; --fonts-body: Helvetica, Arial, sans-serif; --fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --fonts-display: Helvetica, Arial, sans-serif; --fonts-code: Source Code Pro, monospace; --font-sizes-3xs: .45rem; --font-sizes-2xs: .625rem; --font-sizes-xs: .75rem; --font-sizes-sm: .875rem; --font-sizes-md: .9rem; --font-sizes-lg: 1.012rem; --font-sizes-xl: 1.125rem; --font-sizes-2xl: 1.35rem; --font-sizes-3xl: 1.687rem; --font-sizes-4xl: 2.025rem; --font-sizes-5xl: 2.7rem; --font-sizes-6xl: 3.375rem; --font-sizes-7xl: 4.05rem; --font-sizes-8xl: 5.4rem; --font-sizes-9xl: 7.2rem; --font-weights-hairline: 100; --font-weights-thin: 200; --font-weights-light: 300; --font-weights-normal: 400; --font-weights-medium: 500; --font-weights-semibold: 600; --font-weights-bold: 700; --font-weights-extrabold: 800; --font-weights-black: 900; --line-heights-3: .75rem; --line-heights-4: 1rem; --line-heights-5: 1.25rem; --line-heights-6: 1.5rem; --line-heights-7: 1.75rem; --line-heights-8: 2rem; --line-heights-9: 2.25rem; --line-heights-10: 2.5rem; --line-heights-normal: normal; --line-heights-none: 1; --line-heights-shorter: 1.25; --line-heights-short: 1.375; --line-heights-base: 1.5; --line-heights-tall: 1.625; --line-heights-taller: 2; --letter-spacings-tighter: -.05em; --letter-spacings-tight: -.025em; --letter-spacings-normal: 0; --letter-spacings-wide: .025em; --letter-spacings-wider: .05em; --letter-spacings-widest: .1em; --sizes-1: .22rem; --sizes-2: .44rem; --sizes-3: .66rem; --sizes-4: .88rem; --sizes-5: 1.1rem; --sizes-6: 1.32rem; --sizes-7: 1.54rem; --sizes-8: 1.76rem; --sizes-9: 1.98rem; --sizes-10: 2.2rem; --sizes-12: 2.64rem; --sizes-14: 3.08rem; --sizes-16: 3.52rem; --sizes-20: 4.4rem; --sizes-24: 5.28rem; --sizes-28: 6.16rem; --sizes-32: 7.04rem; --sizes-36: 7.92rem; --sizes-40: 8.8rem; --sizes-44: 9.68rem; --sizes-48: 10.56rem; --sizes-52: 11.44rem; --sizes-56: 12.32rem; --sizes-60: 13.2rem; --sizes-64: 14.08rem; --sizes-72: 15.84rem; --sizes-80: 17.6rem; --sizes-96: 21.12rem; --sizes-px: 1px; --sizes-0\.5: .11rem; --sizes-1\.5: .33rem; --sizes-2\.5: .55rem; --sizes-3\.5: .77rem; --sizes-max: max-content; --sizes-min: min-content; --sizes-full: 100%; --sizes-3xs: 14rem; --sizes-2xs: 16rem; --sizes-xs: 20rem; --sizes-sm: 24rem; --sizes-md: 28rem; --sizes-lg: 32rem; --sizes-xl: 36rem; --sizes-2xl: 42rem; --sizes-3xl: 48rem; --sizes-4xl: 56rem; --sizes-5xl: 64rem; --sizes-6xl: 72rem; --sizes-7xl: 80rem; --sizes-8xl: 90rem; --sizes-prose: 60ch; --sizes-container-sm: 640px; --sizes-container-md: 768px; --sizes-container-lg: 1024px; --sizes-container-xl: 1280px; --shadows-xs: 0 0 0 1px rgba(0, 0, 0, .05); --shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, .05); --shadows-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06); --shadows-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06); --shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05); --shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04); --shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25); --shadows-inner: inset 0 2px 4px 0 rgba(0,0,0,.06); --shadows-none: none; --shadows-dark-lg: rgba(0, 0, 0, .1) 0px 0px 0px 1px, rgba(0, 0, 0, .2) 0px 5px 10px, rgba(0, 0, 0, .4) 0px 15px 40px; --spacing-1: .22rem; --spacing-2: .44rem; --spacing-3: .66rem; --spacing-4: .88rem; --spacing-5: 1.1rem; --spacing-6: 1.32rem; --spacing-7: 1.54rem; --spacing-8: 1.76rem; --spacing-9: 1.98rem; --spacing-10: 2.2rem; --spacing-12: 2.64rem; --spacing-14: 3.08rem; --spacing-16: 3.52rem; --spacing-20: 4.4rem; --spacing-24: 5.28rem; --spacing-28: 6.16rem; --spacing-32: 7.04rem; --spacing-36: 7.92rem; --spacing-40: 8.8rem; --spacing-44: 9.68rem; --spacing-48: 10.56rem; --spacing-52: 11.44rem; --spacing-56: 12.32rem; --spacing-60: 13.2rem; --spacing-64: 14.08rem; --spacing-72: 15.84rem; --spacing-80: 17.6rem; --spacing-96: 21.12rem; --spacing-px: 1px; --spacing-0\.5: .11rem; --spacing-1\.5: .33rem; --spacing-2\.5: .55rem; --spacing-3\.5: .77rem; --spacing-safe-area-top: env(safe-area-inset-top); --spacing-safe-area-bottom: env(safe-area-inset-bottom); --spacing-safe-area-nav-left: var(--safe-area-nav-left, env(safe-area-inset-left)); --spacing-safe-area-nav-right: var(--safe-area-nav-right, env(safe-area-inset-right)); --radii-none: 0; --radii-sm: .125rem; --radii-base: .25rem; --radii-md: .375rem; --radii-lg: .5rem; --radii-xl: .75rem; --radii-2xl: 1rem; --radii-3xl: 1.5rem; --radii-full: 9999px; --radii-button: 2rem; --borders-none: 0; --borders-1px: 1px solid; --borders-2px: 2px solid; --borders-4px: 4px solid; --borders-8px: 8px solid; --durations-ultra-fast: 50ms; --durations-faster: .1s; --durations-fast: .15s; --durations-normal: .2s; --durations-slow: .3s; --durations-slower: .4s; --durations-ultra-slow: .5s; --easings-ease-in: cubic-bezier(.4, 0, 1, 1); --easings-ease-out: cubic-bezier(0, 0, .2, 1); --easings-ease-in-out: cubic-bezier(.4, 0, .2, 1); --blurs-none: 0; --blurs-sm: 4px; --blurs-base: 8px; --blurs-md: 12px; --blurs-lg: 16px; --blurs-xl: 24px; --blurs-2xl: 40px; --blurs-3xl: 64px; --breakpoints-sm: 30em; --sizes-breakpoint-sm: 30em; --breakpoints-md: 48em; --sizes-breakpoint-md: 48em; --breakpoints-lg: 62em; --sizes-breakpoint-lg: 62em; --breakpoints-xl: 80em; --sizes-breakpoint-xl: 80em; --breakpoints-2xl: 96em; --sizes-breakpoint-2xl: 96em; --colors-control-checked-bg: var(--colors-brand-500); --colors-control-checked-hover-bg: var(--colors-brand-600); --colors-focus-border: var(--colors-brand-600); --colors-focus-ring: var(--colors-gray-900); --colors-danger-50: var(--colors-red-50); --colors-danger-100: var(--colors-red-100); --colors-danger-200: var(--colors-red-200); --colors-danger-300: var(--colors-red-300); --colors-danger-400: var(--colors-red-400); --colors-danger-500: var(--colors-red-500); --colors-danger-600: var(--colors-red-600); --colors-danger-700: var(--colors-red-700); --colors-danger-800: var(--colors-red-800); --colors-danger-900: var(--colors-red-900); --colors-language-text: var(--colors-brand-500); --colors-language-text-hover: var(--colors-brand-600); --colors-heading-accent: var(--colors-brand-500); --colors-button-primary-bg: var(--colors-brand-500); --colors-button-primary-hover-bg: var(--colors-brand-600); --colors-button-primary-active-bg: var(--colors-brand-700); --colors-button-secondary-text: var(--colors-brand-700); --colors-button-secondary-border: var(--colors-brand-500); --colors-button-secondary-hover-border: var(--colors-brand-600); --colors-button-secondary-hover-bg: transparent; --colors-button-secondary-active-border: var(--colors-brand-700); --colors-button-secondary-active-bg: var(--colors-brand-50); --colors-toast-info-bg: var(--colors-blimp-teal-700); --colors-toast-success-bg: var(--colors-blimp-teal-700); --colors-toast-warning-bg: var(--colors-code-error); --colors-toast-error-bg: var(--colors-code-error); --colors-status-bar-bg: var(--colors-brand2-500); --colors-sidebar-header-bg: var(--colors-brand-500); --colors-sidebar-tablist-bg: transparent linear-gradient(to bottom, var(--colors-brand-500) 0%, var(--colors-blimp-teal-400) 100%) 0% 0% no-repeat padding-box; --colors-sidebar-tab-selected-text: var(--colors-brand-300); --colors-sidebar-tab-selected-bg: var(--colors-gray-75); }