{"version":3,"file":"crash.css","mappings":"AAaA,MACE,qBACA,yBACA,0BACA,yBACA,4BAEA,sBACA,gCACA,sCACA,yBAEA,sBAEA,6BACA,4BACA,mCACA,0BACA,qCAEA,6BACA,mCACA,4CAEA,uCACA,kEACA,wEACA,0CACA,iDACA,iEACA,+CAMA,yBACA,oCAGA,oCACA,kCACA,6CAGA,qEACA,iEAMA,8GACA,mJAKA,4BAKA,yBAIA,kBACA,qBACA,qBACA,qBACA,qBACA,sBAGA,oBAQA,wDAQA,+DASA,gDACA,oCAKA,yCACA,oJAKA,4BAGA,qCACA,mCAKA,yCAQA,gCAQA,sCAKA,mCAKA,qCAKA,gDAKA,mCAKA,uCAKA,4CAOA,4GAOA,+DACA,kEACA,2GACA,uHACA,oIASA,iCAKA,0CACA,sCAKA,iDACA,uCAMA,+BACA,4CAMA,gCAEA,gBACA,2CACA,2CACA,yCACA,0CACA,yCACA,0CAEA,qBAIA,8BACA,iDACA,8DAEA,uCACA,iDAEA,uBAEA,oCACA,gCACA,2BACA,wCAEA,kDACA,+CACA,qCACA,sEAEA,mCACA,iDACA,wEAEA,iDAEA,iDACA,kEACA,8DAEA,yCACA,+CACA,+CACA,gDACA,+CACA,iEAEA,4CACA,sCAKA,mDACA,iEACA,uFACA,mEACA,yFACA,yCACA,6DACA,gFACA,kDAQA,0CACA,iDAEA,uBACA,gCACA,iCACA,0CAGA,yCACA,0CAOA,iCACA,4CACA,0CACA,qDACA,iDACA,yDACA,4CAGA,8BACA,8BAUA,sBACA,oBACA,4BACA,sBACA,0BACA,2BACA,yBAEA,2CACA,8CAOA,oCACA,6DAEA,oDACA,gCAGA,uBACA,uCAKA,0BACA,yDAKA,+CACA,iDACA,uCAMA,2BAEA,2BACA,6BACA,6BACA,wDAEA,kCACA,sCAEA,0CACA,sCACA,sCACA,oDAEA,qCACA,iCACA,iCACA,4CACA,2CAEA,8CACA,wCACA,oCACA,oCACA,+CACA,8CACA,iDAEA,sCACA,kCACA,kCACA,6CACA,gCAEA,uCACA,mCACA,mCACA,iDAEA,2CACA,uCACA,uCACA,+CAEA,8CACA,0CACA,0CACA,kDAEA,2CACA,iFACA,kCAGA,iCACA,qCACA,gCACA,6BACA,+BACA,kCACA,6BACA,gCACA,4BACA,kCACA,6BACA,+BACA,8BAIA,iCAGA,uBACA,iCACA,mCACA,iCAEA,4CACA,8CACA,4CAGA,wDACA,kCAGA,+CAGA,gCACA,oCACA,8BAGA,yCACA,8BACA,oDAGA,oCACA,yBACA,+CAGA,mCACA,yCACA,6CAGA,gEAGA,8DAGA,wDAGA,sCAGA,gCACA,8BACA,gCAGA,8BACA,+BAGA,kDACA,wCACA,sDACA,+BACA,6CACA,oDACA,8CAEA,8CACA,uCAEA,sDACA,iEAGA,mCACA,gDACA,mCACA,kCACA,+BACA,6BACA,8BACA,mDACA,oCACA,8BAGF,WACE,+CC9hBF,uBACE,wBACA,YACA,cACA,WAEA,aACA,mBCsBA,4CDnBE,sCACA,gEACA,6BCLF,2CDSE,qCACA,mDACA,6BAEA,qDACE,4CACA,wBACA,kBC4BJ,2CDnCE,qCACA,mDACA,6BAEA,qDACE,4CACA,wBACA,kBAYJ,sCACE,kBACA,QACA,SACA,2BAEA,0CACE,WACA,WAGF,2CACE,UACA,qCAQJ,wCACE,YACA,cACA,iBAIA,+CACE,2BAEA,qBACA,kBACA,WACA,YACA,UACA,SACA,gBAGA,YACA,gBACA,gBAEA,cACA,6BACA,sCAIA,iBAEA,qDACE,aAGF,qDACE,sBACA,WAMA,4DACE,sBAGA,gBAMJ,2DACE,yBACA,WAEA,kEACE,yBAGA,gBAKJ,mDACE,kBAMR,uCAWE,eACA,UChHA,4DDsGE,uBACA,mBC7HF,2DDiIE,uBACA,mBAQE,qEACE,yBACA,WAEA,4EACE,sBAIJ,2EACE,yBAEA,+EACE,UAGF,kFACE,yBEpKV,YAEE,kBACA,cCYF,KACE,sBAGF,qBAGE,mBASF,UAEE,YACA,WACA,SACA,UACA,gBAGF,KAEE,2BAKA,kBAGF,KAEE,0CACA,2BACA,gBAEA,wBACA,yCAIA,8EAGE,iBACA,eAIJ,iBACE,iBACA,YAGF,IACE,uBACA,iBACA,oBAaF,kBAME,aACA,oBAGF,SAEE,yCAKF,OACE,2BAGF,SACE,aAEA,YACA,WAGF,YACE,2CACA,kCACA,aACA,OACA,mBACA,uBACA,kBACA,uBAIF,aACE,kBACA,aACA,mBACA,qBACA,uBACA,MACA,QACA,SACA,OAKF,OACE,aAGF,eACE,aACA,iCAGF,eACE,mCACA,2BAEA,wBACE,iCACA,UAIJ,WACE,kBAGF,IACE,mCACA,0BAEA,qBAEA,gBACA,cACA,gBAEA,+BACA,kBACA,gBAIE,0CACE,iBCtLN,kBCGE,gBACA,uBACA,6DDCA,2BAEA,yBAEA,sDACA,4BAEA,yCACA,oDAEA,0CAEA,kDACE,wDACA,0DAGF,wBACE,mBAGF,sCACE,WAGF,2BACE,sBAGF,4CACE,2BAIJ,yDAEE,0CACA,+BACA,0CAEA,yHACE,sCACA,gDAGF,qEACE,gDACA,sCACA,mBAIJ,uBACE,+BACA,qBACA,eAEA,oBACA,mBAEA,6BACE,0BAGF,2CACE,WACA,eACA,qBAGF,+CACE,gCAIJ,cACE,8BACA,8BACA,YAGF,mBACE,qBACA,gBAEA,+BACE,mDACA,sDAGF,8BACE,uBACA,oDACA,uDAGF,wGAIE,uBAEA,oLACE,oBAMJ,mDAEE,UAIJ,uCACE,YACA,WElGA,wCACE,mCACA,oCACA,uBACA,eAEA,8CACE,0DACA,2CAMA,yBACA,mBACA,iBACA,4BAGA,qDACE,iEAIF,yGAEE,iBACA,iEACA,eAQN,wCACE,mCACA,oCACA,uBACA,eAEA,8CACE,0DACA,2CAMA,yBACA,mBACA,iBACA,4BAGA,qDACE,iEAIF,yGAEE,iBACA,iEACA,eCtFR,oCAEE,YAGF,WACE,aACA,sBAGF,UACE,cACA,YAEA,qBACA,qBACA,yCACA,gCACA,aCbgB,CDchB,uBACA,mCAEA,iBACA,YAEA,cAEA,mCAGF,OACE,oCACA,aACA,UACA,mBAEA,UACE,SACA,wCAGF,2BACE,UACA,aCoBc,CDnBd,YACA,4BAEA,sBAGA,eAIJ,EACE,mCACA,gBACA,cAGF,KACE,2BACA,aACA,sBACA,YACA,aAEA,aACE,UACA,aACA,mBACA,yBAEA,oBACE,gBAKN,2BACE,kBACA,qBACA,sBAEA,WAEA,WAGF,wBACE,kBACA,WACA,SAEA,WAEA,W","sources":["webpack:///./app/styles/_variables.scss","webpack:///./app/styles/ui/window/_title-bar.scss","webpack:///./app/styles/mixins/_platform.scss","webpack:///./app/styles/ui/_octicons.scss","webpack:///./app/styles/_globals.scss","webpack:///./app/styles/ui/_button.scss","webpack:///./app/styles/mixins/_ellipsis.scss","webpack:///./app/styles/ui/_scroll.scss","webpack:///./app/src/crash/styles/crash.scss","webpack:///./app/node_modules/primer-support/lib/variables/color-system.scss"],"sourcesContent":["// Variables\n//\n// This files contains CSS variables accessible to all selectors\n\n// Primer colors, see https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/color-system.scss\n@import '~primer-support/lib/variables/color-system.scss';\n\n// Extracted as a SCSS variable so that we can define the --overlay-background-color\n// on both the :root and the ::backdrop scope. The ::backdrop pseudo-element\n// doesn't inherit :root, see\n// https://bugs.chromium.org/p/chromium/issues/detail?id=594096\n$overlay-background-color: rgba(0, 0, 0, 0.4);\n\n:root {\n  --color-new: #{$green-600};\n  --color-deleted: #{$red-600};\n  --color-modified: #{darken($yellow-700, 10%)};\n  --color-renamed: #{$blue};\n  --color-conflicted: #{$orange-600};\n\n  --text-color: #{$gray-900};\n  --text-secondary-color: #{$gray-500};\n  --text-secondary-color-muted: #{lighten($gray-500, 30%)};\n  --background-color: #{$white};\n\n  --button-height: 25px;\n\n  --button-background: #{$blue};\n  --button-border-radius: 6px;\n  --button-hover-background: #{lighten($blue, 5%)};\n  --button-text-color: #{$white};\n  --button-focus-border-color: #{$blue-100};\n\n  --link-button-color: #{lighten($blue, 5%)};\n  --link-button-hover-color: #{$blue-600};\n  --link-button-selected-hover-color: #{$blue-200};\n\n  --secondary-button-background: #{$gray-100};\n  --secondary-button-border-color: var(--box-border-contrast-color);\n  --secondary-button-hover-border-color: var(--box-border-contrast-color);\n  --secondary-button-hover-background: #{$white};\n  --secondary-button-text-color: var(--text-color);\n  --secondary-button-focus-shadow-color: #{rgba($gray-200, 0.75)};\n  --secondary-button-focus-border-color: #{$gray-300};\n\n  /**\n   * Color for icons that are placed on top of a colored backing\n   * (like a circle badge icon)\n   */\n  --badge-icon-color: #{$white};\n  --warning-badge-icon-color: #{$orange};\n\n  // Colors used for icons that are inside an input box\n  --input-icon-warning-color: #{$yellow-800};\n  --input-icon-error-color: #{$red-600};\n  --input-icon-hover-background-color: #{$gray-100};\n\n  // Colors used for icons in the commit message warning/error area\n  --commit-message-icon-warning-color: var(--input-icon-warning-color);\n  --commit-message-icon-error-color: var(--input-icon-error-color);\n\n  // Typography\n  //\n  // Font, line-height, and color for body text, headings, and more.\n  $emoji_fallback_fonts: 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  --font-family-sans-serif: system-ui, sans-serif, #{$emoji_fallback_fonts};\n  --font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace, #{$emoji_fallback_fonts};\n\n  /**\n   * Font weight to use for semibold text\n   */\n  --font-weight-semibold: 600;\n\n  /**\n   * Font weight to use for light text\n   */\n  --font-weight-light: 300;\n\n  // Pixel value used to responsively scale all typography. Applied to the `<html>` element.\n  // When adding a new font-size variable, please update the fix-emoji-spacing.ts file.\n  --font-size: 12px;\n  --font-size-sm: 11px;\n  --font-size-md: 14px;\n  --font-size-lg: 28px;\n  --font-size-xl: 32px;\n  --font-size-xxl: 42px;\n\n  /** Extra small font size, be very conservative with the use of this */\n  --font-size-xs: 9px;\n\n  /**\n   * Background color for custom scroll bars.\n   * The color is applied to the thumb part of the scrollbar.\n   *\n   * Note: Only applies to win32 and linux platforms\n   */\n  --scroll-bar-thumb-background-color: rgba(0, 0, 0, 0.2);\n\n  /**\n   * Background color for custom scroll bars in their active state.\n   * The color is applied to the thumb part of the scrollbar.\n   *\n   * Note: Only applies to win32 and linux platforms\n   */\n  --scroll-bar-thumb-background-color-active: rgba(0, 0, 0, 0.5);\n\n  // Box\n  //\n  // We use the term 'box' here to refer to a very high-level generic\n  // component that fits many use cases. A 'box' might be a list item\n  // or an item in a tab control header. It's up to each implementation\n  // to decide what states to support (active selection, selection, etc).\n\n  --box-background-color: var(--background-color);\n  --box-alt-background-color: #{$gray-100};\n\n  /**\n   * Background color for skeleton or \"loading\" boxes\n   */\n  --box-skeleton-background-color: #{$gray-200};\n  --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);\n\n  /**\n   * Border color for boxes.\n   */\n  --box-border-color: #{$gray-200};\n\n  // darkened version of gray-400 to get 3:1 contrast ratio against --box-alt-background-color\n  --box-border-contrast-color: #{darken($gray-400, 5%)};\n  --box-border-accent-color: #{$blue};\n\n  /**\n   * Background color for selected boxes without keyboard focus\n   */\n  --box-selected-background-color: #ebeef1;\n\n  /**\n   * Text color for when a user hovers over a boxe with a\n   * pointing device. Should not be used by boxes that doesn't\n   * implement a hover state since this will conflict with\n   * selection and active selection\n   */\n  --box-hover-text-color: #{$gray-900};\n\n  /**\n   * Background color for when a user hovers over a boxe with a\n   * pointing device. Should not be used by boxes that doesn't\n   * implement a hover state since this will conflict with\n   * selection and active selection\n   */\n  --box-hover-background-color: #{$gray-100};\n\n  /**\n   * Text color for selected boxes without keyboard focus\n   */\n  --box-selected-text-color: #{$gray-900};\n\n  /**\n   * Border color for selected boxes without keyboard focus\n   */\n  --box-selected-border-color: #{$gray-400};\n\n  /**\n   * Background color for selected boxes with active keyboard focus\n   */\n  --box-selected-active-background-color: #{$blue};\n\n  /**\n   * Border styles for selected boxes with active keyboard focus\n   */\n  --box-selected-active-border: none;\n\n  /**\n   * Text color for selected boxes with active keyboard focus\n   */\n  --box-selected-active-text-color: #{$white};\n\n  /**\n   * Border color for selected boxes with active keyboard focus\n   */\n  --box-selected-active-border-color: #{$gray-400};\n\n  /**\n   * Gradient used to indicate that content is overflowing, intended\n   * for use when content can be expanded through other means than\n   * scrolling.\n   */\n  --box-overflow-shadow-background: #{linear-gradient(180deg, rgba($white, 0) 0%, rgba($white, 1) 90%, rgba($white, 1) 100%)};\n\n  /**\n   * Gradient used to indicate that content is overflowing, intended\n   * for use when content can be expanded through other means than\n   * scrolling. Used in conjuction with background-size, background-attachment, background-repeat.\n   */\n  --no-shadow-top: #{linear-gradient($white, rgba(255, 255, 255, 0))};\n  --no-shadow-bottom: #{linear-gradient(rgba(255, 255, 255, 0), $white)};\n  --top-shadow: #{linear-gradient(0deg, rgba($white, 0) 0%, rgba($gray-200, 0.6) 90%, rgba($gray-200, 1) 100%)};\n  --bottom-shadow: #{linear-gradient(180deg, rgba($white, 0) 0%, rgba($gray-200, 0.6) 90%, rgba($gray-200, 1) 100%) 0 100%};\n  --box-overflow-shadow-background-two: #{var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow)};\n\n  /**\n   * Text color for selected boxes with active keyboard focus\n   */\n\n  /**\n   * Placeholder color for input boxes\n   */\n  --box-placeholder-color: #{$gray-500};\n\n  /**\n   * Author input (co-authors)\n   */\n  --co-author-tag-background-color: #{$blue-000};\n  --co-author-tag-border-color: #{$blue-200};\n\n  /**\n   * Commit warning badge icon\n   */\n  --commit-warning-badge-background-color: #{$gray-000};\n  --commit-warning-badge-border: #{$gray-300};\n\n  /**\n   * The height of the title bar area on Win32 platforms\n   * If changed, update titleBarHeight in 'app/src/ui/dialog/dialog.tsx'\n  */\n  --win32-title-bar-height: 28px;\n  --win32-title-bar-background-color: #{$gray-900};\n\n  /**\n   * The height of the title bar area on darwin platforms\n   * If changed, update titleBarHeight in 'app/src/ui/dialog/dialog.tsx'\n  */\n  --darwin-title-bar-height: 22px;\n\n  --spacing: 10px;\n  --spacing-double: calc(var(--spacing) * 2);\n  --spacing-triple: calc(var(--spacing) * 3);\n  --spacing-quad: calc(var(--spacing) * 4);\n  --spacing-quint: calc(var(--spacing) * 5);\n  --spacing-half: calc(var(--spacing) / 2);\n  --spacing-third: calc(var(--spacing) / 3);\n\n  --border-radius: 6px;\n  // When we use the regular border radius (6px) the outline\n  // leaves a tiny gap in the corners so we drop down to a\n  // similar value than Chrome's default outline border radius.\n  --outlined-border-radius: 3px;\n  --base-border: 1px solid var(--box-border-color);\n  --contrast-border: 1px solid var(--box-border-contrast-color);\n\n  --shadow-color: rgba(71, 83, 95, 0.19);\n  --base-box-shadow: 0 2px 7px var(--shadow-color);\n\n  --toolbar-height: 50px;\n\n  --toolbar-background-color: #{$gray-900};\n  --toolbar-border-color: #{$gray-900};\n  --toolbar-text-color: #{$white};\n  --toolbar-text-secondary-color: #{$gray-300};\n\n  --toolbar-button-color: var(--toolbar-text-color);\n  --toolbar-button-background-color: transparent;\n  --toolbar-button-border-color: black;\n  --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);\n\n  --toolbar-button-hover-color: #{$white};\n  --toolbar-button-hover-background-color: #{$gray-800};\n  --toolbar-button-hover-border-color: var(--toolbar-button-border-color);\n\n  --toolbar-button-focus-background-color: #{$gray-800};\n\n  --toolbar-button-active-color: var(--text-color);\n  --toolbar-button-active-background-color: var(--background-color);\n  --toolbar-button-active-border-color: var(--background-color);\n\n  --toolbar-button-progress-color: #{$gray-800};\n  --toolbar-button-focus-progress-color: #{$gray-700};\n  --toolbar-button-hover-progress-color: #{$gray-700};\n  --toolbar-dropdown-open-progress-color: #{$gray-200};\n  --toolbar-dropdown-text-warning-color: #{$orange-800};\n  --toolbar-dropdown-text-hover-color: var(--box-hover-text-color);\n\n  --toolbar-tooltip-background-color: #{$gray-800};\n  --toolbar-tooltip-shadow-color: black;\n\n  /**\n   * App menu bar colors (Windows/Linux only)\n   */\n  --app-menu-button-color: var(--toolbar-text-color);\n  --app-menu-button-hover-color: var(--toolbar-button-hover-color);\n  --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);\n  --app-menu-button-active-color: var(--toolbar-button-active-color);\n  --app-menu-button-active-background-color: var(--toolbar-button-active-background-color);\n  --app-menu-pane-color: var(--text-color);\n  --app-menu-pane-secondary-color: var(--text-secondary-color);\n  --app-menu-pane-background-color: var(--toolbar-button-active-background-color);\n  --app-menu-divider-color: var(--box-border-color);\n\n  /**\n    * Background color for badges inside of toolbar buttons.\n    * Examples of badges are the ahead/behind bubble in the\n    * push/pull button and the PR badge in the branch drop\n    * down button.\n    */\n  --toolbar-badge-background-color: #{$gray-600};\n  --toolbar-badge-active-background-color: #{$gray-200};\n\n  --tab-bar-height: 29px;\n  --tab-bar-active-color: #{$blue};\n  --tab-bar-background-color: #{$white};\n  --tab-bar-hover-background-color: #{$gray-100};\n\n  /** Count bubble colors when used inside of a tab bar item */\n  --tab-bar-count-color: var(--text-color);\n  --tab-bar-count-background-color: #{$gray-200};\n\n  /**\n    * Badge colors when used inside of list items.\n    * Example of this is the change indicators inside\n    * of the repository list.\n    */\n  --list-item-badge-color: #{$gray-800};\n  --list-item-badge-background-color: #{$gray-200};\n  --list-item-selected-badge-color: #{$gray-900};\n  --list-item-selected-badge-background-color: #{$gray-300};\n  --list-item-selected-active-badge-color: #{$gray-900};\n  --list-item-selected-active-badge-background-color: #{$white};\n  --list-item-hover-background-color: #{$gray-100};\n\n  /** Windows/Linux have custom scrollbars, see _scroll.scss */\n  --win32-scroll-bar-size: 10px;\n  --linux-scroll-bar-size: 10px;\n\n  /**\n   * The z-index for tooltips. Nothing should be higher, but other z-indexes can\n   * be defined in terms of it.\n   *\n   * 20 seems arbitrary (because it is) but we have to go that high because\n   * codemirror is all over the place with their z-indexes and uses at least\n   * 0-6.\n   */\n  --tooltip-z-index: 20;\n  --popup-z-index: 19;\n  --popup-overlay-z-index: 18;\n  --foldout-z-index: 17;\n  --nudge-arrow-z-index: 16;\n  --drag-overlay-z-index: 15;\n  --side-panel-z-index: 14;\n  // We want second level to fall under top level when scrolling\n  --list-sticky-header-top-level-z-index: 11;\n  --list-sticky-header-second-level-z-index: 10;\n\n  /**\n   * Toast notifications are shown temporarily for things like the zoom\n   * percentage changing or the app toggling between full screen and normal\n   * window mode.\n   */\n  --toast-notification-color: #{$gray-000};\n  --toast-notification-background-color: #{rgba($gray-900, 0.6)};\n\n  --tip-box-background-color: #{rgba($blue-500, 0.06)};\n  --tip-box-border-color: #{$blue-200};\n\n  /** The highlight color used for focus rings and focus box shadows */\n  --focus-color: #{$blue};\n  --diff-linenumber-focus-color: #{$blue-600};\n\n  /**\n   * Variables for form elements\n   */\n  --text-field-height: 25px;\n  --text-field-focus-shadow-color: #{rgba($blue, 0.25)};\n\n  /**\n   * Blankslate actions, see `BlankslateAction` component.\n   */\n  --primary-suggested-action-background: #{$blue-000};\n  --primary-suggested-action-border-color: #{$blue-200};\n  --suggested-action-icon-color: #{$blue-400};\n\n  /**\n   * Diff view\n   */\n\n  --diff-line-padding-y: 2px;\n\n  --diff-text-color: #{$gray-900};\n  --diff-border-color: #{$gray-200};\n  --diff-gutter-color: #{$gray-200};\n  --diff-gutter-background-color: var(--background-color);\n\n  --diff-line-number-color: #{$gray-700};\n  --diff-line-number-column-width: 50px;\n\n  --diff-selected-background-color: #{$blue-400};\n  --diff-selected-border-color: #{$blue-600};\n  --diff-selected-gutter-color: #{$blue-600};\n  --diff-selected-text-color: var(--background-color);\n\n  --diff-add-background-color: #{darken($green-000, 2%)};\n  --diff-add-border-color: #{$green-300};\n  --diff-add-gutter-color: #{$green-300};\n  --diff-add-gutter-background-color: #{darken($green-100, 3%)};\n  --diff-add-inner-background-color: #acf2bd;\n\n  --diff-add-text-color: var(--diff-text-color);\n  --diff-delete-background-color: #{$red-000};\n  --diff-delete-border-color: #{$red-200};\n  --diff-delete-gutter-color: #{$red-200};\n  --diff-delete-gutter-background-color: #{$red-100};\n  --diff-delete-inner-background-color: #fdb8c0;\n  --diff-delete-text-color: var(--diff-text-color);\n\n  --diff-hunk-background-color: #{$blue-000};\n  --diff-hunk-border-color: #{$blue-200};\n  --diff-hunk-gutter-color: #{darken($blue-200, 5%)};\n  --diff-hunk-gutter-background-color: #{$blue-100};\n  --diff-hunk-text-color: #{$gray-600};\n\n  --diff-hover-background-color: #{$blue-300};\n  --diff-hover-border-color: #{$blue-400};\n  --diff-hover-gutter-color: #{$blue-400};\n  --diff-hover-text-color: var(--background-color);\n\n  --diff-add-hover-background-color: #{$green-300};\n  --diff-add-hover-border-color: #{$green-400};\n  --diff-add-hover-gutter-color: #{$green-400};\n  --diff-add-hover-text-color: var(--text-color);\n\n  --diff-delete-hover-background-color: #{$red-200};\n  --diff-delete-hover-border-color: #{$red-300};\n  --diff-delete-hover-gutter-color: #{$red-300};\n  --diff-delete-hover-text-color: var(--text-color);\n\n  --diff-empty-row-background-color: #{$gray-000};\n  --diff-empty-row-gutter-background-color: var(--diff-empty-row-background-color);\n  --diff-empty-hunk-handle: #{$gray-300};\n\n  // Syntax highlighting text colors\n  --syntax-variable-color: #6f42c1;\n  --syntax-alt-variable-color: #24292e;\n  --syntax-keyword-color: #d73a49;\n  --syntax-atom-color: #005cc5;\n  --syntax-string-color: #032f62;\n  --syntax-qualifier-color: #6f42c1;\n  --syntax-type-color: #d73a49;\n  --syntax-comment-color: #{$gray-500};\n  --syntax-tag-color: #22863a;\n  --syntax-attribute-color: #6f42c1;\n  --syntax-link-color: #032f62;\n  --syntax-header-color: #0000ff;\n  --syntax-quote-color: #1a7e31;\n\n  // Note that this duration *must* match the `UndoCommitAnimationTimeout`\n  // specified in `changes/index.tsx`.\n  --undo-animation-duration: 500ms;\n\n  // Colors for form errors\n  --error-color: #{$red};\n  --form-error-background: #{$red-100};\n  --form-error-border-color: #{$red-200};\n  --form-error-text-color: #{$red-800};\n\n  --dialog-banner-success-background: #{$green-100};\n  --dialog-banner-success-border-color: #{$green-300};\n  --dialog-banner-success-text-color: #{$green-800};\n\n  // Inline form errors, displayed after the input field\n  --input-warning-text-color: var(--dialog-warning-color);\n  --input-error-text-color: #{$red-800};\n\n  /** Overlay is used as a background for both modals and foldouts */\n  --overlay-background-color: #{$overlay-background-color};\n\n  /** Dialog */\n  --dialog-warning-color: #{$yellow-800};\n  --dialog-information-color: #{$blue-400};\n  --dialog-error-color: #{$red};\n\n  /** File warning */\n  --file-warning-background-color: #{$yellow-100};\n  --file-warning-color: #{darken($yellow-700, 10%)};\n  --file-warning-border-color: #{rgba($yellow-700, 0.4)};\n\n  /** Tooltips */\n  --tooltip-background-color: #{$gray-900};\n  --tooltip-color: #{$gray-100};\n  --tooltip-shadow-color: #{rgba($gray-900, 0.65)};\n\n  /** Inline paths and code */\n  --path-segment-background: #{$blue-000};\n  --path-segment-background-focus: #{darken($blue-000, 5%)};\n  --path-segment-padding: var(--spacing-third);\n\n  // http://easings.net/#easeOutBack\n  --easing-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n\n  // http://easings.net/#easeInBack\n  --easing-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);\n\n  // http://easings.net/#easeOutQuint\n  --easing-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);\n\n  /** rebase progress bar */\n  --dialog-progress-background: #{$green};\n\n  /** merge/rebase status indicators */\n  --status-pending-color: #{$yellow-700};\n  --status-error-color: #{$red-500};\n  --status-success-color: #1a7f37;\n\n  // PR status icon colors\n  --pr-open-icon-color: #{$green-500};\n  --pr-draft-icon-color: #{$gray-500};\n\n  // PR review colors\n  --pr-timeline-line-color: var(--box-border-color);\n  --pr-changes-requested-icon-color: #{$white};\n  --pr-changes-requested-icon-background-color: #cf222e;\n  --pr-approved-icon-color: #{$white};\n  --pr-approved-icon-background-color: #2da44e;\n  --pr-commented-icon-color: var(--md-fg-muted-color);\n  --pr-commented-icon-background-color: #eaeef2;\n\n  --call-to-action-bubble-border-color: #{$green};\n  --call-to-action-bubble-color: #{$green};\n\n  --title-tool-tip-background-color: rgb(236, 236, 236);\n  --title-tool-tip-shadow: 1px 2px 5px 0px rgb(125, 125, 125, 0.5);\n\n  // Markdown colors\n  --md-border-default-color: #d0d7de;\n  --md-border-muted-color: hsla(210, 18%, 87%, 1);\n  --md-canvas-default-color: #ffffff;\n  --md-canvas-subtle-color: #f6f8fa;\n  --md-fg-default-color: #24292f;\n  --md-fg-muted-color: #57606a;\n  --md-danger-fg-color: #cf222e;\n  --md-neutral-muted-color: rgba(175, 184, 193, 0.2);\n  --md-accent-emphasis-color: #0969da;\n  --md-accent-fg-color: #0969da;\n}\n\n::backdrop {\n  --overlay-background-color: #{$overlay-background-color};\n}\n","@import '../../mixins';\n\n#desktop-app-title-bar {\n  -webkit-app-region: drag;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 100%;\n\n  display: flex;\n  flex-direction: row;\n\n  @include darwin {\n    height: var(--darwin-title-bar-height);\n    background: linear-gradient(to bottom, #3b3f46 0%, #2b2e33 100%);\n    border-bottom: 1px solid #000;\n  }\n\n  @mixin custom-title-bar {\n    height: var(--win32-title-bar-height);\n    background: var(--win32-title-bar-background-color);\n    border-bottom: 1px solid #000;\n\n    .app-icon {\n      color: var(--toolbar-button-secondary-color);\n      margin: 0 var(--spacing);\n      align-self: center;\n    }\n  }\n\n  @include win32 {\n    @include custom-title-bar;\n  }\n\n  @include linux {\n    @include custom-title-bar;\n  }\n\n  .resize-handle {\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    -webkit-app-region: no-drag;\n\n    &.top {\n      width: 100%;\n      height: 3px;\n    }\n\n    &.left {\n      width: 3px;\n      height: var(--win32-title-bar-height);\n    }\n  }\n\n  // Window controls is the container for the three buttons minimize,\n  // maximize/restore and close. On macOS the controls are added\n  // automatically even for borderless window so we only render\n  // controls on Windows.\n  .window-controls {\n    flex-grow: 0;\n    flex-shrink: 0;\n    margin-left: auto;\n\n    // Each button contains a single SVG element with a Windows 10-replica\n    // icon for the function it represents\n    button {\n      -webkit-app-region: no-drag;\n\n      display: inline-block;\n      position: relative;\n      width: 45px;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      overflow: hidden;\n\n      // Reset styles from global buttons\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n\n      color: #a0a0a0;\n      background-color: transparent;\n      transition: background-color 0.25s ease;\n\n      // Explicitly setting the line height to the height\n      // of the SVG illustrations helps with vertical alignment.\n      line-height: 10px;\n\n      &:focus {\n        outline: none;\n      }\n\n      &:hover {\n        background-color: #888;\n        color: #fff;\n\n        // Doing :hover:active as oposed to just :active is\n        // a conscious choice to match how the real Windows\n        // controls behave when someone hovers, clicks and then\n        // moves away from the hitbox.\n        &:active {\n          background-color: #666;\n\n          // Immediate feedback when clicking\n          transition: none;\n        }\n      }\n\n      // Close button is a special case, it needs to be red\n      // on hover and slightly lighter red on active.\n      &.close:hover {\n        background-color: #e81123;\n        color: #fff;\n\n        &:active {\n          background-color: #bf0f1d;\n\n          // Immediate feedback when clicking\n          transition: none;\n        }\n      }\n\n      /* https://css-tricks.com/cascading-svg-fill-color/ */\n      svg {\n        fill: currentColor;\n      }\n    }\n  }\n}\n\n#desktop-app-title-bar.light-title-bar {\n  @include darwin {\n    background: transparent;\n    border-bottom: none;\n  }\n\n  @include win32 {\n    background: transparent;\n    border-bottom: none;\n  }\n\n  position: fixed;\n  z-index: 1;\n\n  .window-controls {\n    button {\n      &:hover {\n        background-color: #e5e5e5;\n        color: #000;\n\n        &:active {\n          background-color: #cccccc;\n        }\n      }\n\n      &.close:hover {\n        background-color: #e81123;\n\n        svg {\n          fill: #fff;\n        }\n\n        &:active {\n          background-color: #f1707a;\n        }\n      }\n    }\n  }\n}\n","// A mixin which takes a content block that should only\n// be applied when the current (real or emulated) operating\n// system is windows\n//\n// This helper mixin is useful in so far that it allows us\n// to keep platform specific styles next to cross-platform\n// styles instead of splitting them out and possibly forgetting\n// about them.\n@mixin win32 {\n  body.platform-win32 & {\n    @content;\n  }\n}\n\n// An exact copy of the win32 mixin except that it allows for\n// writing base-level rules\n@mixin win32-context {\n  body.platform-win32 {\n    @content;\n  }\n}\n\n// A mixin which takes a content block that should only\n// be applied when the current (real or emulated) operating\n// system is macOS.\n//\n// This helper mixin is useful in so far that it allows us\n// to keep platform specific styles next to cross-platform\n// styles instead of splitting them out and possibly forgetting\n// about them.\n@mixin darwin {\n  body.platform-darwin & {\n    @content;\n  }\n}\n\n// An exact copy of the darwin mixin except that it allows for\n// writing base-level rules\n@mixin darwin-context {\n  body.platform-darwin {\n    @content;\n  }\n}\n\n// A mixin which takes a content block that should only\n// be applied when the current (real or emulated) operating\n// system is Linux.\n//\n// This helper mixin is useful in so far that it allows us\n// to keep platform specific styles next to cross-platform\n// styles instead of splitting them out and possibly forgetting\n// about them.\n@mixin linux {\n  body.platform-linux & {\n    @content;\n  }\n}\n\n// An exact copy of the linux mixin except that it allows for\n// writing base-level rules\n@mixin linux-context {\n  body.platform-linux {\n    @content;\n  }\n}\n","svg.octicon {\n  /* https://css-tricks.com/cascading-svg-fill-color/ */\n  fill: currentColor;\n  flex-shrink: 0;\n}\n","// Globals\n//\n// This file is for things that have to apply globally, if your style\n// doesn't fit into that description it probably belongs in ui/\n\n// Reset the box-sizing, lifted from bootstrap reboot css, see:\n//   https://github.com/twbs/bootstrap/blob/bfc16c4a829ba596db28f5f42d7a3e429e6ea2e1/scss/_reboot.scss#L9\n//\n// Change from `box-sizing: content-box` to `border-box` so that when you add\n// `padding` or `border`s to an element, the overall declared `width` does not\n// change. For example, `width: 100px;` will always be `100px` despite the\n// `border: 10px solid red;` and `padding: 20px;`.\n//\n// Credit: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/\n\nhtml {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n//\n// Reset HTML, body, and more\n//\n\n// We never want the window to be scrollable, everything has to fit\n// or be placed into a scrollable container.\nhtml,\nbody {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n\nhtml {\n  // Sets a specific default `font-size` for user with `rem` type scales.\n  font-size: var(--font-size);\n\n  // NB This seems to be necessary on macOS (and possibly others)\n  // for the absolutely positioned foldout to fill the window\n  // when it's being resized.\n  position: relative;\n}\n\nbody {\n  // https://css-tricks.com/html-vs-body-in-css/\n  font-family: var(--font-family-sans-serif);\n  font-size: var(--font-size);\n  line-height: 1.5;\n\n  color: var(--text-color);\n  background-color: var(--background-color);\n}\n\n:not(input, textarea) {\n  &,\n  &::after,\n  &::before {\n    user-select: none;\n    cursor: default;\n  }\n}\n\n.selectable-text {\n  user-select: text;\n  cursor: auto;\n}\n\nimg {\n  -webkit-user-drag: none;\n  user-select: none;\n  pointer-events: none;\n}\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n//\n// From: https://github.com/twbs/bootstrap/blob/a0f10e6dcb9aef2d8e36e57f3c8b1b06034a8877/scss/_reboot.scss\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\ncode,\npre {\n  font-family: var(--font-family-monospace);\n}\n\n// Regardless of platform behavior we never want buttons to be\n// app drag targets unless explicitly specified.\nbutton {\n  -webkit-app-region: no-drag;\n}\n\n#content {\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n}\n\n.blankslate {\n  background: var(--box-alt-background-color);\n  color: var(--text-secondary-color);\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: var(--spacing);\n}\n\n// Stretches an element to fill the entire window (such as an overlay)\n.fill-window {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n// By default we don't want to show the focus ring on elements unless the focus\n// occurred as a result of keyboard navigation.\n:focus {\n  outline: none;\n}\n\n:focus-visible {\n  outline: auto;\n  outline-color: var(--focus-color);\n}\n\n.more-dropdown {\n  color: var(--text-color) !important;\n  margin-left: var(--spacing);\n\n  .octicon {\n    margin-left: var(--spacing-third);\n    width: 8px;\n  }\n}\n\n.brutalism {\n  background: salmon;\n}\n\nkbd {\n  border-radius: var(--border-radius);\n  border: var(--base-border);\n\n  display: inline-block;\n\n  padding: 1px 2px;\n  line-height: 1;\n  min-height: 16px;\n\n  font-family: var(--font-family);\n  text-align: center;\n  min-width: 1.5em;\n\n  @include darwin {\n    // On macOS, kbd elements are not separated by a +, so let's add a margin\n    &:not(:last-child) {\n      margin-right: 2px;\n    }\n  }\n}\n","@import '../mixins';\n\n.button-component {\n  @include ellipsis;\n  // Chrome on Windows ignores the body element\n  // font-family and uses Arial so we redefine\n  // it here\n  font-family: var(--font-family-sans-serif);\n  font-size: var(--font-size);\n\n  padding: 0 var(--spacing);\n\n  border: 1px solid var(--secondary-button-border-color);\n  height: var(--button-height);\n\n  color: var(--secondary-button-text-color);\n  background-color: var(--secondary-button-background);\n\n  border-radius: var(--button-border-radius);\n\n  &:not([aria-disabled='true']):hover {\n    border-color: var(--secondary-button-hover-border-color);\n    background-color: var(--secondary-button-hover-background);\n  }\n\n  &:focus {\n    outline-offset: 4px;\n  }\n\n  &[aria-disabled='true'] {\n    opacity: 0.6;\n  }\n\n  .octicon {\n    vertical-align: middle;\n  }\n\n  &.button-with-icon .octicon {\n    margin-left: var(--spacing);\n  }\n}\n\n.button-component[type='submit'],\n.button-component-primary {\n  background-color: var(--button-background);\n  color: var(--button-text-color);\n  border: 1px solid var(--button-background);\n\n  &:not([aria-disabled='true']):hover {\n    border-color: var(--button-background);\n    background-color: var(--button-hover-background);\n  }\n\n  &:focus {\n    background-color: var(--button-hover-background);\n    border-color: var(--button-background);\n    outline-offset: 4px;\n  }\n}\n\n.link-button-component {\n  color: var(--link-button-color);\n  text-decoration: none;\n  cursor: pointer;\n\n  display: inline-flex;\n  align-items: center;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  &[aria-disabled='true'] {\n    opacity: 0.6;\n    cursor: default;\n    text-decoration: none;\n  }\n\n  &.link-with-icon .octicon {\n    margin-left: var(--spacing-half);\n  }\n}\n\n.small-button {\n  font-size: var(--font-size-sm);\n  padding: 0 var(--spacing-half);\n  height: 21px;\n}\n\n.button-group-item {\n  border-right-width: 0;\n  border-radius: 0;\n\n  &:first-child {\n    border-top-left-radius: var(--button-border-radius);\n    border-bottom-left-radius: var(--button-border-radius);\n  }\n\n  &:last-child {\n    border-right-width: 1px;\n    border-top-right-radius: var(--button-border-radius);\n    border-bottom-right-radius: var(--button-border-radius);\n  }\n\n  &.selected,\n  &:focus,\n  &:active,\n  &:hover {\n    border-right-width: 1px;\n\n    + .button-group-item {\n      border-left-width: 0;\n    }\n  }\n}\n\n.button-group-item {\n  &:focus,\n  &:active {\n    z-index: 1;\n  }\n}\n\n.button-component.copy-button .octicon {\n  height: 12px;\n  width: 12px;\n}\n","/**\n * Enable end-of-line text truncation when text overflows\n * the horizontal boundary of its container.\n */\n@mixin ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","@import '../mixins';\n\n@include win32-context {\n  // Windows native scrollbars are just too outdated to look at so we'll\n  // have to make some ourselves. Unfortunately for us webkit isn't as\n  // flexible as one would hope when it comes to styling scroll bars.\n  //\n  // We're unable to perform any css transition on say width or height\n  // which we'd really like to in order to smoothly grow the scrollbar\n  // when the mouse is close. Nor can we transition on opacity in order\n  // to smoothly show or hide the scroll bar on hover.\n  //\n  // We're not able to use margins/paddings to offset the bar away from\n  // the edge of the container. There's a hack we can employ with\n  // background-clip that lets us use a border to offset though.\n  // See http://stackoverflow.com/a/21684424/2114\n  //\n  // The biggest limitation however is the fact that we're unable to\n  // have the scroll bar sit on top of the content itself. Adding a\n  // scroll bar automatically adds a padding equal to that of the scroll\n  // bar width/height to the container and there's no way (that I've found)\n  // to get around that. The scroll bar seems to sample its background\n  // from the container and never its content.\n  //\n  // We work around that in List elements by introducing a fake overflowing\n  // element which is absolutely positioned on top of the main content.\n  // See List.tsx and _list.scss.\n  ::-webkit-scrollbar {\n    width: var(--win32-scroll-bar-size);\n    height: var(--win32-scroll-bar-size);\n    background: transparent;\n    cursor: pointer;\n\n    &-thumb {\n      background-color: var(--scroll-bar-thumb-background-color);\n      border-radius: var(--win32-scroll-bar-size);\n\n      // This little hack allows us to have a slim scroll bar\n      // with a bigger hit area. The scroll bar width/height\n      // is 10px but we're cutting off 6px using clipping so\n      // that it appears as if it's actually only 4px.\n      border-color: transparent;\n      border-style: solid;\n      border-width: 3px;\n      background-clip: padding-box;\n\n      // ...and when it's pressed we'll up the contrast\n      &:active {\n        background-color: var(--scroll-bar-thumb-background-color-active);\n      }\n\n      // When someone hovers over, or presses the bar we'll expand it to 8px\n      &:hover,\n      &:active {\n        border-width: 1px;\n        background-color: var(--scroll-bar-thumb-background-color-active);\n        cursor: pointer;\n      }\n    }\n  }\n}\n\n@include linux-context {\n  // Linux scrollbars need styled, too\n  ::-webkit-scrollbar {\n    width: var(--linux-scroll-bar-size);\n    height: var(--linux-scroll-bar-size);\n    background: transparent;\n    cursor: pointer;\n\n    &-thumb {\n      background-color: var(--scroll-bar-thumb-background-color);\n      border-radius: var(--linux-scroll-bar-size);\n\n      // This little hack allows us to have a slim scroll bar\n      // with a bigger hit area. The scroll bar width/height\n      // is 10px but we're cutting off 6px using clipping so\n      // that it appears as if it's actually only 4px.\n      border-color: transparent;\n      border-style: solid;\n      border-width: 3px;\n      background-clip: padding-box;\n\n      // ...and when it's pressed we'll up the contrast\n      &:active {\n        background-color: var(--scroll-bar-thumb-background-color-active);\n      }\n\n      // When someone hovers over, or presses the bar we'll expand it to 8px\n      &:hover,\n      &:active {\n        border-width: 1px;\n        background-color: var(--scroll-bar-thumb-background-color-active);\n        cursor: pointer;\n      }\n    }\n  }\n}\n","@import '../../../styles/variables';\n@import '../../../styles/ui/window/title-bar';\n@import '../../../styles/ui/octicons';\n@import '../../../styles/globals';\n@import '../../../styles/ui/button';\n@import '../../../styles/ui/scroll';\n\n#desktop-crash-container,\n#crash-app {\n  height: 100%;\n}\n\n#crash-app {\n  display: flex;\n  flex-direction: column;\n}\n\npre.error {\n  flex-shrink: 1;\n  flex-grow: 1;\n\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  font-family: var(--font-family-monospace);\n  background: rgba($blue-100, 0.3);\n  color: $gray-900;\n  padding: var(--spacing);\n  border-radius: var(--border-radius);\n\n  user-select: text;\n  cursor: text;\n\n  overflow: auto;\n\n  margin: 0 0 var(--spacing-double) 0;\n}\n\nheader {\n  margin-bottom: var(--spacing-double);\n  display: flex;\n  flex: none;\n  align-items: center;\n\n  h1 {\n    margin: 0;\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .octicon.error-icon {\n    flex: none;\n    color: $red-700;\n    height: 32px;\n    margin-right: var(--spacing);\n    // In case the title wraps we should render the icon up top\n    align-self: flex-start;\n    // Add a little margin so it looks like it's centered if\n    // the title doesn't wrap\n    margin-top: 3px;\n  }\n}\n\np {\n  margin: 0 0 var(--spacing-double) 0;\n  max-width: 500px;\n  flex-shrink: 0;\n}\n\nmain {\n  margin: var(--spacing-quad);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  min-height: 0;\n\n  .footer {\n    flex: none;\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    button {\n      min-width: 150px;\n    }\n  }\n}\n\n.background-graphic-bottom {\n  position: absolute;\n  right: var(--spacing);\n  bottom: var(--spacing);\n\n  height: 45%;\n  // I hate this but we'll have to live with it for beta.\n  z-index: -1;\n}\n\n.background-graphic-top {\n  position: absolute;\n  right: 80px;\n  top: 40px;\n\n  height: 20%;\n  // I hate this but we'll have to live with it for beta.\n  z-index: -1;\n}\n","//\n//\n// -------- Grays --------\n$gray-000:        #fafbfc !default;\n$gray-100:        #f6f8fa !default;\n$gray-200:        #e1e4e8 !default;\n$gray-300:        #d1d5da !default;\n$gray-400:        #959da5 !default;\n$gray-500:        #6a737d !default;\n$gray-600:        #586069 !default;\n$gray-700:        #444d56 !default;\n$gray-800:        #2f363d !default;\n$gray-900:        #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000:        #f1f8ff !default;\n$blue-100:        #dbedff !default;\n$blue-200:        #c8e1ff !default;\n$blue-300:        #79b8ff !default;\n$blue-400:        #2188ff !default;\n$blue-500:        #0366d6 !default; // Default: Passes AA with #fff\n$blue-600:        #005cc5 !default;\n$blue-700:        #044289 !default;\n$blue-800:        #032f62 !default;\n$blue-900:        #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000:       #f0fff4 !default;\n$green-100:       #dcffe4 !default;\n$green-200:       #bef5cb !default;\n$green-300:       #85e89d !default;\n$green-400:       #34d058 !default;\n$green-500:       #28a745 !default; // Default. passes AA Large\n$green-600:       #22863a !default; // Text green, passes AA on #fff\n$green-700:       #176f2c !default;\n$green-800:       #165c26 !default;\n$green-900:       #144620 !default;\n\n// -------- Yellow --------\n$yellow-000:      #fffdef !default;\n$yellow-100:      #fffbdd !default;\n$yellow-200:      #fff5b1 !default;\n$yellow-300:      #ffea7f !default;\n$yellow-400:      #ffdf5d !default;\n$yellow-500:      #ffd33d !default;\n$yellow-600:      #f9c513 !default;\n$yellow-700:      #dbab09 !default;\n$yellow-800:      #b08800 !default;\n$yellow-900:      #735c0f !default;\n\n// -------- Orange --------\n$orange-000:      #fff8f2 !default;\n$orange-100:      #ffebda !default;\n$orange-200:      #ffd1ac !default;\n$orange-300:      #ffab70 !default;\n$orange-400:      #fb8532 !default;\n$orange-500:      #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600:      #e36209 !default;\n$orange-700:      #d15704 !default;\n$orange-800:      #c24e00 !default;\n$orange-900:      #a04100 !default;\n\n// -------- Red --------\n$red-000:         #ffeef0 !default;\n$red-100:         #ffdce0 !default;\n$red-200:         #fdaeb7 !default;\n$red-300:         #f97583 !default;\n$red-400:         #ea4a5a !default;\n$red-500:         #d73a49 !default; // Default. passes AA\n$red-600:         #cb2431 !default;\n$red-700:         #b31d28 !default;\n$red-800:         #9e1c23 !default;\n$red-900:         #86181d !default;\n\n// -------- Purple --------\n$purple-000:      #f5f0ff !default;\n$purple-100:      #e6dcfd !default;\n$purple-200:      #d1bcf9 !default;\n$purple-300:      #b392f0 !default;\n$purple-400:      #8a63d2 !default;\n$purple-500:      #6f42c1 !default; // passes AA with #fff\n$purple-600:      #5a32a3 !default;\n$purple-700:      #4c2889 !default;\n$purple-800:      #3a1d6e !default;\n$purple-900:      #29134e !default;\n\n// -------- Fades --------\n// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n$black-fade-15:      rgba($black, 0.15) !default;\n$black-fade-30:      rgba($black, 0.3) !default;\n$black-fade-50:      rgba($black, 0.5) !default;\n$black-fade-70:      rgba($black, 0.7) !default;\n$black-fade-85:      rgba($black, 0.85) !default;\n\n$white-fade-15:      rgba($white, 0.15) !default;\n$white-fade-30:      rgba($white, 0.3) !default;\n$white-fade-50:      rgba($white, 0.5) !default;\n$white-fade-70:      rgba($white, 0.7) !default;\n$white-fade-85:      rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red:         $red-500 !default;\n$purple:      $purple-500 !default;\n$blue:        $blue-500 !default;\n$green:       $green-500 !default;\n$yellow:      $yellow-500 !default;\n$orange:      $orange-500 !default;\n\n$gray-dark:   $gray-900 !default;\n$gray-light:  $gray-400 !default;\n$gray:        $gray-500 !default;\n"],"names":[],"sourceRoot":""}