{"version":3,"file":"primer-xxxxxxxxxxxx.css","mappings":"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,kBCnDJ,YACE,kBACA,YToCS,CSnCT,kBAEA,cACE,4BAGF,iBAEE,oBACA,cRIM,CQHN,uCACA,2CACA,iBVPe,CUUjB,gBACE,WACA,YAIJ,iBACE,gBTSS,CSRT,iBTIO,CSHP,eTOS,CSNT,4BAGF,kBACE,kBTIS,CSDX,oBACE,iBTFS,CSKX,mBACE,eTJS,CSMT,iCACE,eTNO,CSST,gCACE,iBTjBK,CSqBT,mBACE,0BAGF,qBACE,kBAGF,mBACE,gBACA,cAMA,sBACE,WACA,YAGF,qBACE,cAEA,cR9DM,CQiER,oBACE,cRhEM,CQsEV,6BACE,SCnFF,aACE,qBAEA,gBACA,uFACA,4BACA,qBACA,4CACA,iBXHiB,CWKjB,sBAEE,oBACA,4BAMJ,cACE,6BACA,4CAEA,uBACE,6BC5BJ,UACE,kBAGF,gBACE,qBACA,QACA,SACA,sBACA,WACA,kBZNa,CYQb,uBACA,+BACA,gCACA,8BAMF,eACE,kBACA,SACA,OACA,YACA,YACA,eXQS,CWPT,kBXOS,CWLT,eACA,gBACA,6CACA,4BACA,6CACA,iBZ1BiB,CY2BjB,qCAEA,6CAEE,kBACA,qBACA,WAIF,uBAEE,6BACA,gDAIF,sBAEE,6BACA,gDAIF,kBACE,gBAIJ,2BACE,WAEA,0CACE,iBACA,iBACA,sBAKJ,eACE,cACA,yBACA,gBACA,8BACA,uBACA,mBAEA,qBACE,kCACA,qBACA,8CAEA,8BACE,cACA,UAGF,0CACE,yBAGF,4BACE,yBACA,0BAIJ,wBACE,WACA,gBAIJ,kBACE,WACA,gBACA,gBACA,SAGF,kBACE,cACA,SACA,aACA,iDAGF,iBACE,iBACA,cV5GQ,CU6GR,4BAGF,kDACE,aAQF,iBACE,MACA,WACA,UACA,WACA,aACA,gBXlHO,CWoHP,yBACE,SACA,YACA,UACA,yBACA,8CAGF,wBACE,SACA,YACA,UACA,yBACA,8CAIJ,iBACE,MACA,UACA,WACA,aACA,eX1IO,CW4IP,yBACE,SACA,WACA,yBACA,+CAGF,wBACE,SACA,WACA,yBACA,+CAIJ,kBACE,SACA,YACA,OAEA,kBAEA,mDAEE,SA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,C+BTf,4BACA,YACA,QAIF,iBACE,qBACA,kBACA,yBACA,QAEA,sCACE,chCVO,CiCnCX,cACE,kBACA,aACA,eACA,gBjCiCS,CiC9BT,sBACE,kBACA,MACA,SACA,OACA,cACA,UACA,WACA,2CAGF,yCACE,0CAEA,8CAIJ,oBACE,kBACA,UACA,aACA,UjCUS,CiCTT,WjCSS,CiCRT,iBACA,kBACA,4BACA,mBACA,gDAEA,6CACA,kBACA,uBACA,cAEA,6BACE,kCACA,+CACA,6BAIJ,mBACE,YACA,eACA,cjCjBS,CiCkBT,4BACA,UAGF,qBACE,kBACA,WACA,UAGF,oBACE,kBACA,UACA,WjC5BS,CiC6BT,SACA,oBACA,kBACA,6CACA,SAEA,iDAGF,yBACE,ejC1CS,CiC2CT,iBAGA,oCACE,mBjC7CO,CiCgDT,6CACE,WjCjDO,CiCkDP,cjCxDK,CiCyDL,iBjCzDK,CiC0DL,4BACA,6CACA,SCzFJ,OACE,aACA,UlC2BO,CkC1BP,8BACA,6CACA,iBnCEiB,CmCDjB,iFLMI,yBKZN,OASI,kBACA,gBACA,WlCwBO,EkCpBX,YACE,aACA,mBACA,uBACA,WACA,cACA,kCACA,8CACA,6BACA,eACA,+BACA,kCAGF,eACE,YlCKS,CkCFX,qBACE,gBACA,aACA,cACA,6BACA,SAEA,2BACE,WAGF,4BACE,WAMJ,gBACE,8BACA,iFAEA,4BACE,+CAIJ,cACE,8BACA,iFAEA,0BACE,8CAIJ,gBACE,8BACA,iFAEA,4BACE,iDAIJ,gBACE,8BACA,iFAEA,4BACE,+CAMJ,kBACE,4EAGF,4BACE,GACE,UACA,4BAIJ,mBACE,+EAGF,6BACE,KACE,oBACA,UACA,4BAIJ,gBACE,gDAGF,0BACE,KACE,uBAGF,GACE,0BC1HJ,2BACE,oBAGF,cACE,mBACA,oBACA,OnCsBO,CmCnBL,uCACE,2CAKF,wCACE,4CAMJ,8CACE,YACA,mBAGF,+CACE,SACA,kBAIJ,oBACE,kBACA,cACA,UnC8BU,CmC7BV,WnCDS,CmCET,UACA,gBACA,qBACA,eACA,0CACA,8CACA,kDACA,iBpCvCiB,CoCwCjB,yDACA,yBACA,kDACA,wCAEA,4DAEE,iBAGF,wBACE,8ChCCF,QACA,SACA,WACA,YACA,egCJ4B,ChCK5B,WACA,6CgCFA,+BA7BF,oBA8BI,gBAEA,sBACE,iBAKN,2DACE,4CACA,wCAEA,mIAEE,4CAMA,yKACE,8DAIJ,8EACE,8DAIJ,uCACE,sDACA,sDAEA,6CACE,4DAGF,8CACE,6DAGF,0DACE,qDACA,SACA,uCAGF,8DACE,yBAGF,gEACE,2BAIJ,wCACE,mBACA,4CACA,wCACA,yBAIE,mIACE,qCAIJ,2DACE,yCACA,gBAEA,mIAEE,qCAIJ,+DACE,6BAGF,iEACE,6BAIJ,oBACE,aACA,mBACA,WACA,YACA,gBAGF,uBACE,cACA,6BACA,yBACA,8BACA,4BACA,aAGF,yBACE,cACA,8BACA,yBACA,8BACA,wBACA,aAGF,mBACE,kBACA,SACA,YACA,UACA,UACA,qCACA,kDACA,iBpCpLiB,CoCqLjB,oEACA,yDACA,yBACA,8BACA,2BAEA,+BAfF,mBAgBI,iBAIJ,qBACE,kBACA,clClKe,CkCmKf,elC7KW,CkC8KX,8BACA,iBAIA,0CACE,clC/Lc,CkCkMhB,yCACE,UnCnJQ,CmCoJR,WnClLO,CmCuLT,6CACE,4BAIJ,uBACE,SACA,kBAGF,wBACE,YACA,mBAGF,2BACE,2BAEA,gDACE,gB","sources":["node_modules/@primer/css/support/mixins/color-modes.scss","node_modules/@primer/css/core/index.scss","node_modules/@primer/css/actionlist/action-list.scss","node_modules/@primer/css/product/index.scss","node_modules/@primer/css/alerts/flash.scss","node_modules/@primer/css/support/variables/misc.scss","node_modules/@primer/css/support/variables/layout.scss","node_modules/@primer/css/support/variables/typography.scss","node_modules/@primer/css/autocomplete/autocomplete.scss","node_modules/@primer/css/support/mixins/misc.scss","node_modules/@primer/css/autocomplete/suggester.scss","node_modules/@primer/css/avatars/avatar.scss","node_modules/@primer/css/avatars/avatar-parent-child.scss","node_modules/@primer/css/avatars/avatar-stack.scss","node_modules/@primer/css/avatars/circle-badge.scss","node_modules/@primer/css/blankslate/blankslate.scss","node_modules/@primer/css/branch-name/branch-name.scss","node_modules/@primer/css/dropdown/dropdown.scss","node_modules/@primer/css/header/header.scss","node_modules/@primer/css/labels/issue-labels.scss","node_modules/@primer/css/labels/mixins.scss","node_modules/@primer/css/labels/labels.scss","node_modules/@primer/css/labels/states.scss","node_modules/@primer/css/labels/counters.scss","node_modules/@primer/css/labels/diffstat.scss","node_modules/@primer/css/loaders/loaders.scss","node_modules/@primer/css/markdown/markdown-body.scss","node_modules/@primer/css/markdown/headings.scss","node_modules/@primer/css/markdown/lists.scss","node_modules/@primer/css/markdown/tables.scss","node_modules/@primer/css/markdown/images.scss","node_modules/@primer/css/markdown/code.scss","node_modules/@primer/css/markdown/blob-csv.scss","node_modules/@primer/css/markdown/footnotes.scss","node_modules/@primer/css/popover/popover.scss","node_modules/@primer/css/support/mixins/layout.scss","node_modules/@primer/css/progress/progress.scss","node_modules/@primer/css/select-menu/select-menu.scss","node_modules/@primer/css/subhead/subhead.scss","node_modules/@primer/css/timeline/timeline-item.scss","node_modules/@primer/css/toasts/toasts.scss","node_modules/@primer/css/toggle-switch/toggle-switch.scss"],"sourcesContent":["@mixin color-mode-theme($theme-name, $include-root: false) {\n  @if $include-root {\n    :root,\n    [data-color-mode=\"light\"][data-light-theme=\"#{$theme-name}\"],\n    [data-color-mode=\"dark\"][data-dark-theme=\"#{$theme-name}\"] {\n      @content;\n\n      /*! */ // This is a fix for a cssstats bug see https://github.com/cssstats/cssstats/issues/331\n    }\n  }\n\n  @else {\n    [data-color-mode=\"light\"][data-light-theme=\"#{$theme-name}\"],\n    [data-color-mode=\"dark\"][data-dark-theme=\"#{$theme-name}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: light) {\n    [data-color-mode=\"auto\"][data-light-theme=\"#{$theme-name}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-color-mode=\"auto\"][data-dark-theme=\"#{$theme-name}\"] {\n      @content;\n    }\n  }\n}\n\n@mixin color-mode($mode) {\n  @if $mode == light {\n    :root,\n    [data-color-mode=\"light\"][data-light-theme*=\"#{$mode}\"],\n    [data-color-mode=\"dark\"][data-dark-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n\n  @else {\n    [data-color-mode=\"light\"][data-light-theme*=\"#{$mode}\"],\n    [data-color-mode=\"dark\"][data-dark-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: light) {\n    [data-color-mode=\"auto\"][data-light-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-color-mode=\"auto\"][data-dark-theme*=\"#{$mode}\"] {\n      @content;\n    }\n  }\n}\n\n// This mixin takes a map of color mode vars and splits them into dark and light mode\n// The goal is to reduce the amount of dark/light mode selectors compiled.\n//\n// Example input for $color-map\n//\n// @include color-variables((\"custom-css-variable-1\": (\n//     light: var(--color-scale-gray-3),\n//     dark: var(--color-scale-gray-5)\n//   ),\n//   \"custom-css-variable-2\": (\n//     light: var(--color-scale-gray-2),\n//     dark: var(--color-scale-gray-6)\n//   ),\n//   \"custom-css-variable-3\": (\n//     light: var(--color-scale-gray-2),\n//     dark: var(--color-scale-gray-6)\n//   )\n// ));\n@mixin color-variables($color-map) {\n  // Create map to store incoming variables\n  $dark-colors: ();\n  $light-colors: ();\n\n  @each $name, $value in $color-map {\n    @each $type, $color in $value {\n      @if $type == dark {\n        $dark-colors: append($dark-colors, (--color-#{$name}, #{$color}));\n      }\n\n      @else {\n        $light-colors: append($light-colors, (--color-#{$name}, #{$color}));\n      }\n    }\n  }\n\n  $mode-colors: (\n    dark: $dark-colors,\n    light: $light-colors\n  );\n\n  // Loop through sorted list\n  @each $mode, $variables in $mode-colors {\n    @include color-mode($mode) {\n      @each $prop, $val in $variables {\n        #{$prop}: $val;\n      }\n    }\n  }\n}\n","/*!\n * @primer/css/core\n * http://primer.style/css\n *\n * Released under MIT license. Copyright (c) 2019 GitHub Inc.\n */\n\n// Global requirements\n@import '../support/index.scss';\n\n// Color modes\n\n// Core modules\n@import '../actionlist/index.scss';\n@import '../base/index.scss';\n@import '../box/index.scss';\n@import '../breadcrumb/index.scss';\n@import '../buttons/index.scss';\n@import '../table-object/index.scss';\n@import '../forms/index.scss';\n@import '../layout/index.scss';\n@import '../links/index.scss';\n@import '../navigation/index.scss';\n@import '../pagination/index.scss';\n@import '../tooltips/index.scss';\n@import '../truncate/index.scss';\n@import '../overlay/index.scss';\n\n// Utilities always go last so that they can override components\n@import '../utilities/index.scss';\n","// <ul>\n.ActionList {\n  padding: $spacer-2;\n}\n\n// full bleed\n.ActionList--full {\n  padding: 0;\n}\n\n// nested list within main ActionList\n.ActionList--subGroup {\n  padding: 0;\n}\n\n// dividers\n\n.ActionList--divided {\n  .ActionList-item-label::before {\n    position: absolute;\n    top: -$actionList-item-padding-vertical;\n    display: block;\n    width: 100%;\n    height: 1px;\n    content: '';\n    background: var(--color-action-list-item-inline-divider);\n  }\n\n  // if descriptionWrap--inline exists, move pseudo divider to wrapper\n  .ActionList-item-descriptionWrap--inline {\n    &::before {\n      position: absolute;\n      top: -$actionList-item-padding-vertical;\n      display: block;\n      width: 100%;\n      height: $border-width;\n      content: '';\n      background: var(--color-action-list-item-inline-divider);\n    }\n\n    // unset the default label pseudo\n    .ActionList-item-label::before {\n      content: unset;\n    }\n  }\n\n  // hide divider if item is active\n  .ActionList-item--navActive {\n    // stylelint-disable-next-line selector-max-specificity, selector-max-compound-selectors\n    .ActionList-item-label::before,\n    + .ActionList-item .ActionList-item-label::before {\n      visibility: hidden;\n    }\n  }\n}\n\n// hide if item is first of type with label::before, or is the first item after a sectionDivider\n.ActionList-item:first-of-type .ActionList-item-label::before,\n.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {\n  visibility: hidden;\n}\n\n// hide if item is first of type with label::before, or is the first item after a sectionDivider\n.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,\n.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {\n  visibility: hidden;\n}\n","/*!\n * @primer/css/product\n * http://primer.style/css\n *\n * Released under MIT license. Copyright (c) 2019 GitHub Inc.\n */\n\n// Global requirements\n@import '../support/index.scss';\n\n// Product specific css modules\n@import '../alerts/index.scss';\n@import '../autocomplete/index.scss';\n@import '../avatars/index.scss';\n@import '../blankslate/index.scss';\n@import '../branch-name/index.scss';\n@import '../dropdown/index.scss';\n@import '../header/index.scss';\n@import '../labels/index.scss';\n@import '../loaders/index.scss';\n@import '../markdown/index.scss';\n@import '../popover/index.scss';\n@import '../progress/index.scss';\n@import '../select-menu/index.scss';\n@import '../subhead/index.scss';\n@import '../timeline/index.scss';\n@import '../toasts/index.scss';\n@import '../toggle-switch/index.scss';\n","// stylelint-disable selector-max-type, no-duplicate-selectors\n\n// Default flash\n.flash {\n  position: relative;\n  // stylelint-disable-next-line primer/spacing\n  padding: 20px $spacer-3;\n  border-style: $border-style;\n  border-width: $border-width;\n  border-radius: $border-radius;\n\n  p:last-child {\n    margin-bottom: 0;\n  }\n\n  .octicon {\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 12px;\n  }\n}\n\n// Contain the flash messages\n.flash-messages {\n  margin-bottom: $spacer-4;\n}\n\n// Close button\n.flash-close {\n  float: right;\n  padding: $spacer-3;\n  margin: -$spacer-3;\n  text-align: center;\n  cursor: pointer;\n\n  // Undo `<button>` styles\n  background: none;\n  border: 0;\n  appearance: none;\n\n  &:hover {\n    opacity: 0.7;\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n\n  .octicon {\n    margin-right: 0;\n  }\n}\n\n// Action button\n.flash-action {\n  float: right;\n  // stylelint-disable-next-line primer/spacing\n  margin-top: -3px;\n  margin-left: $spacer-4;\n  background-clip: padding-box;\n\n  &.btn .octicon {\n    margin-right: $spacer-1;\n    color: var(--color-fg-muted);\n  }\n\n  &.btn-primary {\n    background-clip: border-box;\n\n    .octicon {\n      color: inherit;\n    }\n  }\n}\n\n//\n// Color variations\n//\n\n.flash {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n  border-color: var(--color-accent-muted);\n\n  .octicon {\n    color: var(--color-accent-fg);\n  }\n}\n\n.flash-warn {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n  border-color: var(--color-attention-muted);\n\n  .octicon {\n    color: var(--color-attention-fg);\n  }\n}\n\n.flash-error {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n  border-color: var(--color-danger-muted);\n\n  .octicon {\n    color: var(--color-danger-fg);\n  }\n}\n\n.flash-success {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n  border-color: var(--color-success-muted);\n\n  .octicon {\n    color: var(--color-success-fg);\n  }\n}\n\n//\n// Layout variations\n//\n\n.flash-full {\n  // stylelint-disable-next-line primer/spacing\n  margin-top: -1px;\n  border-width: $border-width 0;\n  border-radius: 0;\n}\n\n// A banner rendered at the top of the page.\n.flash-banner {\n  position: fixed;\n  top: 0;\n  z-index: 90;\n  width: 100%;\n  border-top: 0;\n  border-right: 0;\n  border-left: 0;\n  border-radius: 0;\n}\n\n// Makes sure the background is opaque to cover any content underneath\n.flash-full,\n.flash-banner {\n  background-color: var(--color-canvas-default);\n}\n\n// FIXME deprecate this\n.warning {\n  padding: $em-spacer-5;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: 0.8em;\n  font-weight: $font-weight-bold;\n  background-color: var(--color-attention-subtle);\n}\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-default) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n  block,\n  flex,\n  inline,\n  inline-block,\n  inline-flex,\n  none,\n  table,\n  table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n  top: (top-left, top-right),\n  right: (top-right, bottom-right),\n  bottom: (bottom-right, bottom-left),\n  left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n//    0 => 0px\n//    1 => 4px\n//    2 => 8px\n//    3 => 16px\n//    4 => 24px\n//    5 => 32px\n//    6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default;                  // 0\n$spacer-1: $spacer * 0.5 !default;      // 4px\n$spacer-2: $spacer !default;            // 8px\n$spacer-3: $spacer * 2 !default;        // 16px\n$spacer-4: $spacer * 3 !default;        // 24px\n$spacer-5: $spacer * 4 !default;        // 32px\n$spacer-6: $spacer * 5 !default;        // 40px\n\n// The list of spacer values\n$spacers: (\n  $spacer-0,\n  $spacer-1,\n  $spacer-2,\n  $spacer-3,\n  $spacer-4,\n  $spacer-5,\n  $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n  0: $spacer-0,\n  1: $spacer-1,\n  2: $spacer-2,\n  3: $spacer-3,\n  4: $spacer-4,\n  5: $spacer-5,\n  6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7:  $spacer * 6 !default;  // 48px\n$spacer-8:  $spacer * 8 !default;  // 64px\n$spacer-9:  $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n  7: $spacer-7,\n  8: $spacer-8,\n  9: $spacer-9,\n  10: $spacer-10,\n  11: $spacer-11,\n  12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n  (\n    0: 0,\n    1: $spacer-1,\n    2: $spacer-2,\n    3: $spacer-3,\n    4: $spacer-4,\n    5: $spacer-5,\n    6: $spacer-6,\n  ),\n  $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default;  // 1/8\n$em-spacer-3: 0.25em !default;   // 1/4\n$em-spacer-4: 0.375em !default;  // 3/8\n$em-spacer-5: 0.5em !default;    // 1/2\n$em-spacer-6: 0.75em !default;   // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default;           // 16px\n$size-2: $size-1 +  4px !default;  // 20px\n$size-3: $size-2 +  4px !default;  // 24px\n$size-4: $size-3 +  4px !default;  // 28px\n$size-5: $size-4 +  4px !default;  // 32px\n$size-6: $size-5 +  8px !default;  // 40px\n$size-7: $size-6 +  8px !default;  // 48px\n$size-8: $size-7 + 16px !default;  // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter:     10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n  sm: $width-sm,\n  md: $width-md,\n  lg: $width-lg,\n  xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n$responsive-variants: (\n  '': '',\n  sm: '-sm',\n  md: '-md',\n  lg: '-lg',\n  xl: '-xl',\n) !default;\n\n// responsive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed,\n  sticky\n) !default;\n\n$sidebar-width: (\n  sm: 220px,\n  md: 256px,\n  lg: 296px\n) !default;\n\n$sidebar-narrow-width: (\n  md: 240px,\n  lg: 256px\n) !default;\n\n$sidebar-wide-width: (\n  lg: 320px,\n  xl: 336px\n) !default;\n\n$gutter: (\n  md: $spacer-3,\n  lg: $spacer-4,\n  xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n  md: $spacer-3,\n  lg: $spacer-3,\n  xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n  md: $spacer-4,\n  lg: $spacer-5,\n  xl: $spacer-6\n) !default;\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// This file can be deprecated when AutoComplete is upstreamed to PVC + rolled out to dotcom https://github.com/github/primer/issues/796\n// AutoComplete relies on FormControl, Overlay and ActionList CSS\n\n// Stacked label (default)\n.autocomplete-label-stacked {\n  display: block;\n  margin-bottom: $spacer-2 * 0.75;\n}\n\n// Inline label (non-default)\n.autocomplete-label-inline {\n  display: inline;\n  margin-right: $spacer-2 * 0.75;\n}\n\n// Switch to stacked at smaller viewport\n@media (max-width: $width-sm) {\n  .autocomplete-label-inline {\n    display: block;\n    margin-bottom: $spacer-2 * 0.75;\n  }\n}\n\n// Wrapper for the input and result elements to ensure alignment\n.autocomplete-body {\n  position: relative;\n  display: inline;\n}\n\n// Wrapper and conditional styles for when an icon is added\n.autocomplete-embedded-icon-wrap {\n  display: inline-flex;\n  padding: $spacer-1 $spacer-2;\n  align-items: center;\n\n  &:focus-within {\n    border-color: var(--color-accent-fg);\n\n    @include focusBoxShadowInset;\n  }\n\n  .form-control {\n    padding: 0;\n    margin-left: $spacer-2;\n    // stylelint-disable-next-line\n    border: none;\n    box-shadow: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n    }\n  }\n}\n\n// A pop up list of items used to show autocompleted results\n.autocomplete-results {\n  position: absolute;\n  left: 0;\n  z-index: 99;\n  width: max-content;\n  min-width: 100%;\n  max-height: 20em;\n  overflow-y: auto;\n  // stylelint-disable-next-line primer/typography\n  font-size: 13px;\n  list-style: none;\n  background: var(--color-canvas-overlay);\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n  box-shadow: var(--color-shadow-medium);\n}\n\n// One of the items that appears within an autocomplete group\n// Bold black text on white background\n\n.autocomplete-item {\n  display: block;\n  width: 100%;\n  padding: $spacer-1 $spacer-2;\n  overflow: hidden;\n  font-weight: $font-weight-bold;\n  color: var(--color-fg-default);\n  text-align: left;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  background-color: var(--color-canvas-overlay);\n  border: 0;\n\n  &:hover {\n    color: var(--color-fg-on-emphasis);\n    text-decoration: none;\n    background-color: var(--color-accent-emphasis);\n\n    // Inherit color on all child elements to ensure enough contrast\n    * {\n      color: inherit !important;\n    }\n  }\n\n  &.selected,\n  &[aria-selected='true'],\n  &.navigation-focus {\n    color: var(--color-fg-on-emphasis);\n    text-decoration: none;\n    background-color: var(--color-accent-emphasis);\n\n    // Inherit color on all child elements to ensure enough contrast\n    * {\n      color: inherit !important;\n    }\n  }\n}\n","// Generate a two-color caret for any element.\n@mixin double-caret($background: var(--color-canvas-default), $border: var(--color-border-default)) {\n  &::after,\n  &::before {\n    position: absolute;\n    top: 11px;\n    right: 100%;\n    left: -8px;\n    display: block;\n    width: 8px;\n    height: 16px;\n    pointer-events: none;\n    content: ' ';\n    clip-path: polygon(0 50%, 100% 0, 100% 100%);\n  }\n\n  &::after {\n    // stylelint-disable-next-line primer/spacing\n    margin-left: 2px;\n    background-color: var(--color-canvas-default);\n    background-image: linear-gradient($background, $background);\n  }\n\n  &::before {\n    background-color: $border;\n  }\n}\n\n// global focus styles\n\n// inset box-shadow for form controls\n@mixin focusBoxShadowInset($outlineWidth: 1px, $outlineColor: var(--color-accent-fg)) {\n  border-color: var(--color-accent-fg);\n  outline: none;\n  box-shadow: inset 0 0 0 $outlineWidth $outlineColor;\n}\n\n// box-shadow for :target styles (no inset)\n// !important to override PCSS utilities\n@mixin targetBoxShadow($outlineWidth: 2px, $outlineColor: var(--color-accent-fg)) {\n  outline: none !important;\n  box-shadow: 0 0 0 $outlineWidth $outlineColor !important;\n}\n\n// outline\n@mixin focusOutline($outlineOffset: -2px, $outlineColor: var(--color-accent-fg)) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n\n// outline with fg box-shadow for buttons\n@mixin focusOutlineOnEmphasis($outlineOffset: -2px, $outlineColor: var(--color-accent-fg)) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);\n}\n\n// if min-width is undefined, return only min-height\n@mixin minTouchTarget($min-height: 32px, $min-width: '') {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  height: 100%;\n  min-height: $min-height;\n  content: '';\n  transform: translateX(-50%) translateY(-50%);\n\n  @if $min-width != '' {\n    min-width: $min-width;\n  }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type, selector-no-qualifying-type\n\n.suggester {\n  position: relative;\n  top: 0;\n  left: 0;\n  min-width: 180px;\n  padding: 0;\n  margin: 0;\n  margin-top: $spacer-4;\n  list-style: none;\n  cursor: pointer;\n  background: var(--color-canvas-overlay);\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n  box-shadow: var(--color-shadow-medium);\n\n  li {\n    display: block;\n    padding: $spacer-1 $spacer-2;\n    font-weight: $font-weight-semibold;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n\n    small {\n      font-weight: $font-weight-normal;\n      color: var(--color-fg-muted);\n    }\n\n    &:last-child {\n      border-bottom: 0;\n      border-bottom-right-radius: $border-radius;\n      border-bottom-left-radius: $border-radius;\n    }\n\n    &:first-child {\n      border-top-left-radius: $border-radius;\n      border-top-right-radius: $border-radius;\n    }\n\n    &:hover {\n      color: var(--color-fg-on-emphasis);\n      text-decoration: none;\n      background: var(--color-accent-emphasis);\n\n      small {\n        color: var(--color-fg-on-emphasis);\n      }\n\n      .octicon {\n        color: inherit !important;\n      }\n    }\n\n    &[aria-selected='true'],\n    &.navigation-focus {\n      color: var(--color-fg-on-emphasis);\n      text-decoration: none;\n      background: var(--color-accent-emphasis);\n\n      small {\n        color: var(--color-fg-on-emphasis);\n      }\n\n      .octicon {\n        color: inherit !important;\n      }\n    }\n  }\n}\n\n.suggester-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 30;\n}\n\n// Responsive\n\n.page-responsive {\n  @media (max-width: $width-sm) {\n    .suggester-container {\n      right: $spacer-2 !important;\n      left: $spacer-2 !important;\n    }\n\n    .suggester li {\n      padding: $spacer-2 $spacer-3;\n    }\n  }\n}\n",".avatar {\n  display: inline-block;\n  overflow: hidden; // Ensure page layout in Firefox should images fail to load\n  line-height: $lh-condensed-ultra;\n  vertical-align: middle;\n  background-color: var(--color-avatar-bg); // adds opaque bg to transparent avatars\n  border-radius: $border-radius;\n  flex-shrink: 0;\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: 0 0 0 1px var(--color-avatar-border);\n}\n\n.avatar-link {\n  float: left;\n  line-height: $lh-condensed-ultra;\n}\n\n// User for example on /stars and /user for grids of avatars\n.avatar-group-item {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: 3px;\n}\n\n// Border radius\n\n.avatar-1,\n.avatar-2,\n.avatar-small {\n  // stylelint-disable-next-line primer/borders\n  border-radius: $border-radius-1;\n}\n\n// Sizes\n\n@mixin avatar-size( $size ) {\n  width: $size;\n  height: $size;\n}\n\n.avatar-1 { @include avatar-size( $size-1 ); }\n.avatar-2 { @include avatar-size( $size-2 ); }\n.avatar-3 { @include avatar-size( $size-3 ); }\n.avatar-4 { @include avatar-size( $size-4 ); }\n.avatar-5 { @include avatar-size( $size-5 ); }\n.avatar-6 { @include avatar-size( $size-6 ); }\n.avatar-7 { @include avatar-size( $size-7 ); }\n.avatar-8 { @include avatar-size( $size-8 ); }\n","// .avatar-parent-child is when you see a small avatar at the bottom right\n// corner of a larger avatar.\n//\n// No Styleguide version\n.avatar-parent-child {\n  position: relative;\n}\n\n.avatar-child {\n  position: absolute;\n  right: -15%;\n  bottom: -9%;\n  background-color: var(--color-canvas-default); // For transparent backgrounds\n  // stylelint-disable-next-line primer/borders\n  border-radius: $border-radius-1;\n  box-shadow: var(--color-avatar-child-shadow);\n}\n","// Stacked avatars can be used to show who is participating in thread when\n// there is limited space available.\n\n.AvatarStack {\n  position: relative;\n  min-width: 26px;\n  height: 20px;\n\n  .AvatarStack-body {\n    position: absolute;\n  }\n\n  &.AvatarStack--two {\n    min-width: 36px;\n  }\n\n  &.AvatarStack--three-plus {\n    min-width: 46px;\n  }\n}\n\n.AvatarStack-body {\n  display: flex;\n  background: var(--color-canvas-default);\n\n  .avatar {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    width: 20px;\n    height: 20px;\n    box-sizing: content-box;\n    // stylelint-disable-next-line primer/spacing\n    margin-right: -11px;\n    background-color: var(--color-canvas-default);\n    border-right: $border-width $border-style var(--color-canvas-default);\n    // stylelint-disable-next-line primer/borders\n    border-radius: $border-radius-1;\n    box-shadow: none;\n    transition: margin 0.1s ease-in-out;\n\n    &:first-child {\n      z-index: 3;\n    }\n\n    &:last-child {\n      z-index: 1;\n      border-right: 0;\n    }\n\n    // stylelint-disable selector-max-type\n    img {\n      // stylelint-disable-next-line primer/borders\n      border-radius: $border-radius-1;\n    }\n    // stylelint-enable selector-max-type\n\n    // Account for 4+ avatars\n    &:nth-child(n+4) {\n      display: none;\n      opacity: 0;\n    }\n  }\n\n  &:hover {\n    .avatar {\n      // stylelint-disable-next-line primer/spacing\n      margin-right: 3px;\n    }\n\n    // stylelint-disable-next-line selector-max-specificity\n    .avatar:nth-child(n+4) {\n      display: flex;\n      opacity: 1;\n    }\n\n    .avatar-more {\n      display: none !important;\n    }\n  }\n}\n\n.avatar.avatar-more {\n  z-index: 1;\n  margin-right: 0;\n  background: var(--color-canvas-subtle);\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    height: 20px;\n    content: '';\n    // stylelint-disable-next-line primer/borders\n    border-radius: 2px;\n    outline: $border-width $border-style var(--color-canvas-default);\n  }\n\n  &::before {\n    width: 17px;\n    background: var(--color-avatar-stack-fade-more);\n  }\n\n  &::after {\n    width: 14px;\n    background: var(--color-avatar-stack-fade);\n  }\n}\n\n// Right aligned variation\n\n.AvatarStack--right {\n  .AvatarStack-body {\n    right: 0;\n    flex-direction: row-reverse;\n\n    &:hover .avatar {\n      margin-right: 0;\n      // stylelint-disable-next-line primer/spacing\n      margin-left: 3px;\n    }\n  }\n\n  .avatar.avatar-more {\n    background: var(--color-avatar-stack-fade);\n\n    &::before {\n      width: 5px;\n    }\n\n    &::after {\n      width: 2px;\n      background: var(--color-canvas-subtle);\n    }\n  }\n\n  .avatar {\n    margin-right: 0;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: -11px;\n    border-right: 0;\n    border-left: $border-width $border-style var(--color-canvas-default);\n  }\n}\n","// Circle badge icon with drop shadow for icons and logos\n\n.CircleBadge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-canvas-default);\n  border-radius: 50%;\n  box-shadow: var(--color-shadow-medium);\n}\n\n.CircleBadge-icon {\n  max-width: 60% !important;\n  height: auto !important;\n  max-height: 55% !important;\n}\n\n// Small badge\n.CircleBadge--small {\n  width: 56px;\n  height: 56px;\n}\n\n// Medium badge\n.CircleBadge--medium {\n  width: 96px;\n  height: 96px;\n}\n\n// Large badge\n.CircleBadge--large {\n  width: 128px;\n  height: 128px;\n}\n\n// Dashed line that connects badges..\n// Wrap around 2 or more badges to create a horizonal line:\n\n.DashedConnection {\n  position: relative;\n\n  &::before {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    content: '';\n    // stylelint-disable-next-line primer/borders\n    border-bottom: 2px dashed var(--color-border-default);\n  }\n\n  .CircleBadge {\n    position: relative;\n  }\n}\n","// stylelint-disable selector-max-type\n.blankslate {\n  position: relative;\n  padding: $spacer-5;\n  text-align: center;\n\n  p {\n    color: var(--color-fg-muted);\n  }\n\n  code {\n    // stylelint-disable-next-line primer/spacing\n    padding: 2px 5px 3px;\n    font-size: $h5-size;\n    background: var(--color-canvas-default);\n    border: $border-width $border-style var(--color-border-muted);\n    border-radius: $border-radius;\n  }\n\n  img {\n    width: 56px;\n    height: 56px;\n  }\n}\n\n.blankslate-icon {\n  margin-right: $spacer-1;\n  margin-bottom: $spacer-2;\n  margin-left: $spacer-1;\n  color: var(--color-fg-muted);\n}\n\n.blankslate-image {\n  margin-bottom: $spacer-3;\n}\n\n.blankslate-heading {\n  margin-bottom: $spacer-1;\n}\n\n.blankslate-action {\n  margin-top: $spacer-3;\n\n  &:first-of-type {\n    margin-top: $spacer-4;\n  }\n\n  &:last-of-type {\n    margin-bottom: $spacer-2;\n  }\n}\n\n.blankslate-capped {\n  border-radius: 0 0 $border-radius $border-radius;\n}\n\n.blankslate-spacious {\n  padding: ($spacer-6 * 2) $spacer-6;\n}\n\n.blankslate-narrow {\n  max-width: 485px;\n  margin: 0 auto;\n}\n\n// was .large-format\n// QUESTION: should we deprecate this?\n.blankslate-large {\n  img {\n    width: 80px;\n    height: 80px;\n  }\n\n  h3 {\n    margin: $spacer-3 0;\n    //font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size?\n    font-size: $h2-size;\n  }\n\n  p {\n    font-size: $h4-size;\n  }\n}\n\n// was .clean-background\n// TO DO: deprecate this and use utility instead\n.blankslate-clean-background {\n  border: 0;\n}\n","// stylelint-disable selector-max-type, selector-no-qualifying-type\n\n// A nice way to display branch names inside the UI. Can be a link or not.\n\n.branch-name {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: 2px 6px;\n  font: 12px $mono-font;\n  color: var(--color-fg-muted);\n  word-break: break-all;\n  background-color: var(--color-accent-subtle);\n  border-radius: $border-radius;\n\n  .octicon {\n    // stylelint-disable-next-line primer/spacing\n    margin: 1px -2px 0 0;\n    color: var(--color-fg-muted);\n  }\n}\n\n// When a branch name is a link\n\na.branch-name {\n  color: var(--color-accent-fg);\n  background-color: var(--color-accent-subtle);\n\n  .octicon {\n    color: var(--color-accent-fg);\n  }\n}\n",".dropdown {\n  position: relative;\n}\n\n.dropdown-caret {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  vertical-align: middle;\n  content: '';\n  border-style: $border-style;\n  // stylelint-disable-next-line primer/borders\n  border-width: $spacer-1 $spacer-1 0;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n  border-left-color: transparent;\n}\n\n// Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which\n// way the menu should render from the element triggering it.\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 100;\n  width: 160px;\n  padding-top: $spacer-1;\n  padding-bottom: $spacer-1;\n  // stylelint-disable-next-line primer/spacing\n  margin-top: 2px;\n  list-style: none;\n  background-color: var(--color-canvas-overlay);\n  background-clip: padding-box;\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n  box-shadow: var(--color-shadow-large);\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: inline-block;\n    content: '';\n  }\n\n  // caret border\n  &::before {\n    // stylelint-disable-next-line primer/borders\n    border: $spacer-2 $border-style transparent;\n    border-bottom-color: var(--color-border-default);\n  }\n\n  // caret background (should match dropdown background)\n  &::after {\n    // stylelint-disable-next-line primer/borders\n    border: 7px $border-style transparent;\n    border-bottom-color: var(--color-canvas-overlay);\n  }\n\n  // stylelint-disable-next-line selector-max-type\n  > ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu-no-overflow {\n  width: auto;\n\n  .dropdown-item {\n    padding: $spacer-1 $spacer-3;\n    overflow: visible;\n    text-overflow: inherit;\n  }\n}\n\n// Dropdown items (can be links or buttons)\n.dropdown-item {\n  display: block;\n  padding: $spacer-1 $spacer-2 $spacer-1 $spacer-3;\n  overflow: hidden;\n  color: var(--color-fg-default);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    color: var(--color-fg-on-emphasis);\n    text-decoration: none;\n    background-color: var(--color-accent-emphasis);\n\n    > .octicon {\n      color: inherit;\n      opacity: 1;\n    }\n\n    [class*='color-text-'] {\n      color: inherit !important;\n    }\n\n    > .Label {\n      color: inherit !important;\n      border-color: currentColor;\n    }\n  }\n\n  &.btn-link {\n    width: 100%;\n    text-align: left;\n  }\n}\n\n.dropdown-signout {\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: 0;\n}\n\n.dropdown-divider {\n  display: block;\n  height: 0;\n  margin: $spacer-2 0;\n  border-top: $border-width $border-style var(--color-border-default);\n}\n\n.dropdown-header {\n  padding: $spacer-1 $spacer-3;\n  font-size: $h6-size;\n  color: var(--color-fg-muted);\n}\n\n.dropdown-item[aria-checked='false'] .octicon-check {\n  display: none;\n}\n\n// Directional classes\n//\n// Move the menu and the caret attached to it. Requires at least one of these on\n// the `.dropdown-menu` element.\n\n.dropdown-menu-w {\n  top: 0;\n  right: 100%;\n  left: auto;\n  width: auto;\n  margin-top: 0;\n  margin-right: $spacer-2;\n\n  &::before {\n    top: 10px;\n    right: -$spacer-3;\n    left: auto;\n    border-color: transparent;\n    border-left-color: var(--color-border-default);\n  }\n\n  &::after {\n    top: 11px;\n    right: -14px;\n    left: auto;\n    border-color: transparent;\n    border-left-color: var(--color-canvas-overlay);\n  }\n}\n\n.dropdown-menu-e {\n  top: 0;\n  left: 100%;\n  width: auto;\n  margin-top: 0;\n  margin-left: $spacer-2;\n\n  &::before {\n    top: 10px;\n    left: -$spacer-3;\n    border-color: transparent;\n    border-right-color: var(--color-border-default);\n  }\n\n  &::after {\n    top: 11px;\n    left: -14px;\n    border-color: transparent;\n    border-right-color: var(--color-canvas-overlay);\n  }\n}\n\n.dropdown-menu-ne {\n  top: auto;\n  bottom: 100%;\n  left: 0;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: 3px;\n\n  &::before,\n  &::after {\n    top: auto;\n    right: auto;\n  }\n\n  &::before {\n    bottom: -$spacer-2;\n    left: 9px;\n    // stylelint-disable-next-line primer/borders\n    border-top: $spacer-2 $border-style var(--color-border-default);\n    // stylelint-disable-next-line primer/borders\n    border-right: $spacer-2 $border-style transparent;\n    border-bottom: 0;\n    // stylelint-disable-next-line primer/borders\n    border-left: $spacer-2 $border-style transparent;\n  }\n\n  &::after {\n    bottom: -7px;\n    left: 10px;\n    // stylelint-disable-next-line primer/borders\n    border-top: 7px $border-style var(--color-canvas-overlay);\n    // stylelint-disable-next-line primer/borders\n    border-right: 7px $border-style transparent;\n    border-bottom: 0;\n    // stylelint-disable-next-line primer/borders\n    border-left: 7px $border-style transparent;\n  }\n}\n\n.dropdown-menu-s {\n  right: 50%;\n  left: auto;\n  transform: translateX(50%);\n\n  &::before {\n    top: -$spacer-3;\n    right: 50%;\n    transform: translateX(50%);\n  }\n\n  &::after {\n    top: -14px;\n    right: 50%;\n    transform: translateX(50%);\n  }\n}\n\n.dropdown-menu-sw {\n  right: 0;\n  left: auto;\n\n  &::before {\n    top: -$spacer-3;\n    right: 9px;\n    left: auto;\n  }\n\n  &::after {\n    top: -14px;\n    right: 10px;\n    left: auto;\n  }\n}\n\n.dropdown-menu-se {\n  &::before {\n    top: -$spacer-3;\n    left: 9px;\n  }\n\n  &::after {\n    top: -14px;\n    left: 10px;\n  }\n}\n",".Header {\n  z-index: 32; // TODO: Figure out z-index system\n  display: flex;\n  padding: $spacer-3;\n  font-size: $h5-size;\n  line-height: $lh-default;\n  color: var(--color-header-text);\n  background-color: var(--color-header-bg);\n  align-items: center;\n  flex-wrap: nowrap;\n}\n\n.Header-item {\n  display: flex;\n  margin-right: $spacer-3;\n  align-self: stretch;\n  align-items: center;\n  flex-wrap: nowrap;\n}\n\n.Header-item--full {\n  flex: auto;\n}\n\n.Header-link {\n  font-weight: $font-weight-bold;\n  color: var(--color-header-logo);\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    color: var(--color-header-text);\n    text-decoration: none;\n  }\n}\n\n.Header-input {\n  color: var(--color-header-text);\n  background-color: var(--color-header-search-bg);\n  border: $border-width $border-style var(--color-header-search-border);\n  box-shadow: none;\n\n  &::placeholder {\n    // stylelint-disable-next-line primer/colors\n    color: rgba(255, 255, 255, 0.75);\n  }\n}\n","// Issue Labels\n\n// TODO: Replace with .Label once solid backgrounds are supported\n\n.IssueLabel {\n  @include labels-base;\n\n  .g-emoji {\n    position: relative;\n    top: -0.05em;\n    display: inline-block;\n    font-size: 1em;\n    line-height: $lh-condensed-ultra;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n.IssueLabel--big {\n  @include labels-large;\n}\n","// Label mixins\n\n// Default: 20px\n// Large: 24px\n// Inline: em based\n\n@mixin labels-base {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: 0 7px;\n  font-size: $font-size-small;\n  font-weight: $font-weight-semibold;\n  line-height: 18px;\n  white-space: nowrap;\n  border: $border-width $border-style transparent;\n  border-radius: 2em;\n}\n\n@mixin labels-large {\n  // stylelint-disable-next-line primer/spacing\n  padding-right: 10px;\n  // stylelint-disable-next-line primer/spacing\n  padding-left: 10px;\n  line-height: 22px;\n}\n\n// Inline\n//\n// Doesn't increase height of parent element\n// Can be used with different font-sizes\n\n@mixin labels--inline {\n  display: inline;\n  // stylelint-disable-next-line primer/spacing\n  padding: 0.12em $em-spacer-5;\n  font-size: 85%;\n}\n","// Labels\n\n// Provide a wrapper to ensure labels stick together\n.labels {\n  position: relative;\n}\n\n// Default label\n\n.label, // TODO: Deprecate\n.Label {\n  @include labels-base;\n\n  border-color: var(--color-border-default);\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n// Large\n\n.Label--large {\n  @include labels-large;\n}\n\n// Inline\n\n.Label--inline {\n  @include labels--inline;\n}\n\n// Contrast\n\n.Label--primary {\n  color: var(--color-fg-default);\n  border-color: var(--color-neutral-emphasis);\n}\n\n.Label--secondary {\n  color: var(--color-fg-muted);\n  border-color: var(--color-border-default);\n}\n\n// Colors\n\n.Label--info, // TODO: deprecate\n.Label--accent {\n  color: var(--color-accent-fg);\n  border-color: var(--color-accent-emphasis);\n}\n\n.Label--success {\n  color: var(--color-success-fg);\n  border-color: var(--color-success-emphasis);\n}\n\n.Label--warning, // TODO: deprecate\n.Label--attention {\n  color: var(--color-attention-fg);\n  border-color: var(--color-attention-emphasis);\n}\n\n.Label--severe {\n  color: var(--color-severe-fg);\n  border-color: var(--color-severe-emphasis);\n}\n\n.Label--danger {\n  color: var(--color-danger-fg);\n  border-color: var(--color-danger-emphasis);\n}\n\n.Label--open {\n  color: var(--color-open-fg);\n  border-color: var(--color-open-emphasis);\n}\n\n.Label--closed {\n  color: var(--color-closed-fg);\n  border-color: var(--color-closed-emphasis);\n}\n\n.Label--done {\n  color: var(--color-done-fg);\n  border-color: var(--color-done-emphasis);\n}\n\n.Label--sponsors {\n  color: var(--color-sponsors-fg);\n  border-color: var(--color-sponsors-emphasis);\n}\n","// A rounded corner box containing a label \"open\" or \"closed\"\n\n// Default 32px\n// Small 24px\n\n.state, // TODO: Deprecate\n.State {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: 5px 12px;\n  font-size: $body-font-size;\n  font-weight: $font-weight-semibold;\n  // stylelint-disable-next-line primer/typography\n  line-height: 20px;\n  text-align: center;\n  white-space: nowrap;\n  // stylelint-disable-next-line primer/borders\n  border-radius: 2em;\n}\n\n.state, // TODO: Deprecate\n.State,\n.State--draft {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-neutral-emphasis);\n  border: $border-width $border-style transparent;\n}\n\n.State--open {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-open-emphasis);\n}\n\n.State--merged {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-done-emphasis);\n}\n\n.State--closed {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-closed-emphasis);\n}\n\n// Small\n\n.State--small {\n  // stylelint-disable-next-line primer/spacing\n  padding: 0 10px;\n  font-size: $font-size-small;\n  // stylelint-disable-next-line primer/typography\n  line-height: $size-3;\n\n  .octicon {\n    width: 1em; // Ensures different icons don't change State indicator width\n  }\n}\n","// Counters are rounded-corner badges for numbers\n.Counter {\n  display: inline-block;\n  min-width: $size-2; // makes sure it's a circle with just one digit\n  // stylelint-disable-next-line primer/spacing\n  padding: 0 6px;\n  font-size: $font-size-small;\n  font-weight: $font-weight-semibold;\n  // stylelint-disable-next-line primer/typography\n  line-height: $size-2 - 2px; // remove borders\n  color: var(--color-fg-default);\n  text-align: center;\n  background-color: var(--color-neutral-muted);\n  border: $border-width $border-style var(--color-counter-border);\n  // stylelint-disable-next-line primer/borders\n  border-radius: 2em;\n\n  &:empty {\n    display: none;\n  }\n\n  .octicon {\n    vertical-align: text-top;\n    opacity: 0.8;\n  }\n}\n\n.Counter--primary {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-neutral-emphasis);\n}\n\n.Counter--secondary {\n  color: var(--color-fg-muted);\n  background-color: var(--color-neutral-subtle);\n}\n","// diffstat\n//\n// Green/red blocks showing additions and deletions\n\n.diffstat {\n  font-size: $h6-size;\n  font-weight: $font-weight-bold;\n  color: var(--color-fg-muted);\n  white-space: nowrap;\n  cursor: default;\n}\n\n.diffstat-block-deleted,\n.diffstat-block-added,\n.diffstat-block-neutral {\n  display: inline-block;\n  width: $spacer-2;\n  height: $spacer-2;\n  // stylelint-disable-next-line primer/spacing\n  margin-left: 1px;\n  outline-offset: -1px; // Support Firefox custom colors\n}\n\n.diffstat-block-deleted {\n  background-color: var(--color-danger-emphasis);\n  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n\n.diffstat-block-added {\n  background-color: var(--color-diffstat-addition-bg);\n  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n\n.diffstat-block-neutral {\n  background-color: var(--color-neutral-muted);\n  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n","// Loaders\n\n// Animated Ellipsis\n\n.AnimatedEllipsis {\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: bottom;\n\n  &::after {\n    display: inline-block;\n    content: '...';\n    animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite;\n  }\n\n  @keyframes AnimatedEllipsis-keyframes {\n    0% { transform: translateX(-100%); }\n  }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n  font-family: $body-font;\n  font-size: $h4-size;\n  line-height: $body-line-height;\n  word-wrap: break-word;\n\n  // Clearfix on the markdown body\n  &::before {\n    display: table;\n    content: '';\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: '';\n  }\n\n  > *:first-child {\n    margin-top: 0 !important;\n  }\n\n  > *:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  // Anchors like <a name=\"examples\">. These sometimes end up wrapped around\n  // text when users mistakenly forget to close the tag or use self-closing tag\n  // syntax. We don't want them to appear like links.\n  // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n  // possibly faster to match), but it breaks styling of <a href> elements due\n  // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n  a:not([href]) {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  // Link Colors\n  .absent {\n    color: var(--color-danger-fg);\n  }\n\n  .anchor {\n    float: left;\n    padding-right: $spacer-1;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: -20px;\n    line-height: $lh-condensed-ultra;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  p,\n  blockquote,\n  ul,\n  ol,\n  dl,\n  table,\n  pre,\n  details {\n    margin-top: 0;\n    margin-bottom: $spacer-3;\n  }\n\n  hr {\n    height: $em-spacer-3;\n    padding: 0;\n    margin: $spacer-4 0;\n    background-color: var(--color-border-default);\n    border: 0;\n  }\n\n  blockquote {\n    // stylelint-disable-next-line primer/spacing\n    padding: 0 1em;\n    color: var(--color-fg-muted);\n    // stylelint-disable-next-line primer/borders\n    border-left: 0.25em $border-style var(--color-border-default);\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Headings\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: $spacer-4;\n    margin-bottom: $spacer-3;\n    font-weight: $font-weight-bold;\n    line-height: $lh-condensed;\n\n    .octicon-link {\n      color: var(--color-fg-default);\n      vertical-align: middle;\n      visibility: hidden;\n    }\n\n    &:hover .anchor {\n      text-decoration: none;\n\n      .octicon-link {\n        visibility: visible;\n      }\n    }\n\n    tt,\n    code {\n      // stylelint-disable-next-line primer/spacing\n      padding: 0 0.2em;\n      font-size: inherit;\n    }\n  }\n\n  h1 {\n    // stylelint-disable-next-line primer/spacing\n    padding-bottom: 0.3em;\n    // stylelint-disable-next-line primer/typography\n    font-size: 2em;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n  }\n\n  h2 {\n    // stylelint-disable-next-line primer/spacing\n    padding-bottom: 0.3em;\n    // stylelint-disable-next-line primer/typography\n    font-size: 1.5em;\n    border-bottom: $border-width $border-style var(--color-border-muted);\n  }\n\n  h3 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 1.25em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 0.875em;\n  }\n\n  h6 {\n    // stylelint-disable-next-line primer/typography\n    font-size: 0.85em;\n    color: var(--color-fg-muted);\n  }\n\n  summary {\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      display: inline-block;\n\n      .anchor {\n        // stylelint-disable-next-line primer/spacing\n        margin-left: -40px;\n      }\n    }\n\n    h1,\n    h2 {\n      padding-bottom: 0;\n      border-bottom: 0;\n    }\n  }\n}\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Lists, Blockquotes & Such\n  ul,\n  ol {\n    // stylelint-disable-next-line primer/spacing\n    padding-left: 2em;\n\n    &.no-list {\n      padding: 0;\n      list-style-type: none;\n    }\n  }\n\n  ol[type='1'] {\n    list-style-type: decimal;\n  }\n\n  ol[type='a'] {\n    list-style-type: lower-alpha;\n  }\n\n  ol[type='i'] {\n    list-style-type: lower-roman;\n  }\n\n  // Reset <ol> style to decimal (HTML default) specifically for AsciiDoc\n  // <div><ol> construction (doesn't affect MarkDown)\n  div > ol:not([type]) {\n    list-style-type: decimal;\n  }\n\n  // Did someone complain about list spacing? Encourage them\n  // to create the spacing with their markdown formatting.\n  // List behavior should be controled by the markup, not the css.\n  //\n  // For lists with padding between items, use blank\n  // lines between items. This will generate paragraphs with\n  // padding to space things out.\n  //\n  // - item\n  //\n  // - item\n  //\n  // - item\n  //\n  // For list without padding, don't use blank lines.\n  //\n  // - item\n  // - item\n  // - item\n  //\n  // Modifying the css to emulate these behaviors merely brakes\n  // one case in the process of solving another. Don't change\n  // this unless it's really really a bug.\n  ul ul,\n  ul ol,\n  ol ol,\n  ol ul {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  li > p {\n    margin-top: $spacer-3;\n  }\n\n  li + li {\n    margin-top: $em-spacer-3;\n  }\n\n  dl {\n    padding: 0;\n\n    dt {\n      padding: 0;\n      margin-top: $spacer-3;\n      font-size: 1em;\n      font-style: italic;\n      font-weight: $font-weight-bold;\n    }\n\n    dd {\n      padding: 0 $spacer-3;\n      margin-bottom: $spacer-3;\n    }\n  }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Tables\n  table {\n    display: block;\n    width: 100%; // keep for backwards compatibility\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n\n    th {\n      font-weight: $font-weight-bold;\n    }\n\n    th,\n    td {\n      // stylelint-disable-next-line primer/spacing\n      padding: 6px 13px;\n      border: $border-width $border-style var(--color-border-default);\n    }\n\n    tr {\n      background-color: var(--color-canvas-default);\n      border-top: $border-width $border-style var(--color-border-muted);\n\n      &:nth-child(2n) {\n        background-color: var(--color-canvas-subtle);\n      }\n    }\n\n    img {\n      background-color: transparent;\n    }\n  }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n  // Images & Stuff\n  img {\n    max-width: 100%;\n    // because we put padding on the images to hide header lines, and some people\n    // specify the width of their images in their markdown.\n    box-sizing: content-box;\n    background-color: var(--color-canvas-default);\n\n    &[align='right'] {\n      // stylelint-disable-next-line primer/spacing\n      padding-left: 20px;\n    }\n\n    &[align='left'] {\n      // stylelint-disable-next-line primer/spacing\n      padding-right: 20px;\n    }\n  }\n\n  .emoji {\n    max-width: none;\n    vertical-align: text-top;\n    // Override `<img>` styles so Emojis don't clash with zebra striping in our tables\n    background-color: transparent;\n  }\n\n  // Gollum Image Tags\n\n  // Framed\n  span.frame {\n    display: block;\n    overflow: hidden;\n\n    > span {\n      display: block;\n      float: left;\n      width: auto;\n      // stylelint-disable-next-line primer/spacing\n      padding: 7px;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n      overflow: hidden;\n      border: $border-width $border-style var(--color-border-default);\n    }\n\n    span img {\n      display: block;\n      float: left;\n    }\n\n    span span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      padding: 5px 0 0;\n      clear: both;\n      color: var(--color-fg-default);\n    }\n  }\n\n  span.align-center {\n    display: block;\n    overflow: hidden;\n    clear: both;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px auto 0;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    span img {\n      margin: 0 auto;\n      text-align: center;\n    }\n  }\n\n  span.align-right {\n    display: block;\n    overflow: hidden;\n    clear: both;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n      overflow: hidden;\n      text-align: right;\n    }\n\n    span img {\n      margin: 0;\n      text-align: right;\n    }\n  }\n\n  span.float-left {\n    display: block;\n    float: left;\n    // stylelint-disable-next-line primer/spacing\n    margin-right: 13px;\n    overflow: hidden;\n\n    span {\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px 0 0;\n    }\n  }\n\n  span.float-right {\n    display: block;\n    float: right;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: 13px;\n    overflow: hidden;\n\n    > span {\n      display: block;\n      // stylelint-disable-next-line primer/spacing\n      margin: 13px auto 0;\n      overflow: hidden;\n      text-align: right;\n    }\n  }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n  // Inline code snippets\n  code,\n  tt {\n    // stylelint-disable-next-line primer/spacing\n    padding: 0.2em 0.4em;\n    margin: 0;\n    // stylelint-disable-next-line primer/typography\n    font-size: 85%;\n    background-color: var(--color-neutral-muted);\n    border-radius: $border-radius;\n\n    br { display: none; }\n  }\n\n  del code { text-decoration: inherit; }\n\n  samp {\n    // stylelint-disable-next-line primer/typography\n    font-size: 85%;\n  }\n\n  pre {\n    word-wrap: normal;\n\n    code {\n      // stylelint-disable-next-line primer/typography\n      font-size: 100%;\n    }\n\n    // Code tags within code blocks (<pre>s)\n    > code {\n      padding: 0;\n      margin: 0;\n      word-break: normal;\n      white-space: pre;\n      background: transparent;\n      border: 0;\n    }\n  }\n\n  .highlight {\n    margin-bottom: $spacer-3;\n\n    pre {\n      margin-bottom: 0;\n      word-break: normal;\n    }\n  }\n\n  .highlight pre,\n  pre {\n    padding: $spacer-3;\n    overflow: auto;\n    // stylelint-disable-next-line primer/typography\n    font-size: 85%;\n    // stylelint-disable-next-line primer/typography\n    line-height: 1.45;\n    background-color: var(--color-canvas-subtle);\n    border-radius: $border-radius;\n  }\n\n  pre code,\n  pre tt {\n    display: inline;\n    max-width: auto;\n    padding: 0;\n    margin: 0;\n    overflow: visible;\n    line-height: inherit;\n    word-wrap: normal;\n    background-color: transparent;\n    border: 0;\n  }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n  td,\n  th {\n    // stylelint-disable-next-line primer/spacing\n    padding: 5px;\n    overflow: hidden;\n    font-size: $font-size-small;\n    line-height: $lh-condensed-ultra;\n    text-align: left;\n    white-space: nowrap;\n  }\n\n  .blob-num {\n    // stylelint-disable-next-line primer/spacing\n    padding: 10px $spacer-2 9px;\n    text-align: right;\n    background: var(--color-canvas-default);\n    border: 0;\n  }\n\n  tr { border-top: 0; }\n\n  th {\n    font-weight: $font-weight-bold;\n    background: var(--color-canvas-subtle);\n    border-top: 0;\n  }\n}\n","// stylelint-disable selector-max-type\n// stylelint-disable selector-max-compound-selectors\n\n.markdown-body {\n  [data-footnote-ref] {\n    &::before {\n      content: '[';\n    }\n\n    &::after {\n      content: ']';\n    }\n  }\n\n  .footnotes {\n    font-size: $h6-size;\n    color: var(--color-fg-muted);\n    border-top: $border;\n\n    ol {\n      padding-left: $spacer-3;\n    }\n\n    li {\n      position: relative;\n    }\n\n    li:target::before {\n      position: absolute;\n      top: -$spacer-2;\n      right: -$spacer-2;\n      bottom: -$spacer-2;\n      left: -$spacer-4;\n      pointer-events: none;\n      content: '';\n      // stylelint-disable-next-line primer/borders\n      border: 2px $border-style var(--color-accent-emphasis);\n      border-radius: $border-radius;\n    }\n\n    li:target {\n      color: var(--color-fg-default);\n    }\n\n    .data-footnote-backref g-emoji {\n      font-family: monospace;\n    }\n  }\n}\n",".Popover {\n  position: absolute;\n  z-index: 100;\n}\n\n.Popover-message {\n  position: relative;\n  width: 232px;\n  margin-right: auto;\n  margin-left: auto;\n  background-color: var(--color-canvas-overlay);\n  border: $border-width $border-style var(--color-border-default);\n  border-radius: $border-radius;\n\n  // Carets\n  &::before,\n  &::after {\n    position: absolute;\n    left: 50%;\n    display: inline-block;\n    content: '';\n  }\n\n  &::before {\n    top: -$spacer-3;\n    // stylelint-disable-next-line primer/spacing\n    margin-left: -9px;\n    // stylelint-disable-next-line primer/borders\n    border: $spacer-2 $border-style transparent;\n    border-bottom-color: var(--color-border-default);\n  }\n\n  &::after {\n    top: -14px;\n    margin-left: -$spacer-2;\n    // stylelint-disable-next-line primer/borders\n    border: 7px $border-style transparent;\n    border-bottom-color: var(--color-canvas-overlay);\n  }\n}\n\n// No caret\n.Popover-message--no-caret {\n  &::before,\n  &::after {\n    display: none;\n  }\n}\n\n// Bottom-oriented carets\n.Popover-message--bottom,\n.Popover-message--bottom-right,\n.Popover-message--bottom-left {\n  &::before,\n  &::after {\n    top: auto;\n    border-bottom-color: transparent;\n  }\n\n  &::before {\n    bottom: -$spacer-3;\n    border-top-color: var(--color-border-default);\n  }\n\n  &::after {\n    bottom: -14px;\n    border-top-color: var(--color-canvas-overlay);\n  }\n}\n\n// Top & Bottom: Right-oriented carets\n.Popover-message--top-right,\n.Popover-message--bottom-right {\n  right: -9px;\n  margin-right: 0;\n\n  &::before,\n  &::after {\n    left: auto;\n    margin-left: 0;\n  }\n\n  &::before {\n    right: 20px;\n  }\n\n  &::after {\n    right: 21px;\n  }\n}\n\n// Top & Bottom: Left-oriented carets\n.Popover-message--top-left,\n.Popover-message--bottom-left {\n  left: -9px;\n  margin-left: 0;\n\n  &::before,\n  &::after {\n    left: $spacer-4;\n    margin-left: 0;\n  }\n\n  &::after {\n    left: $spacer-4 + 1;\n  }\n}\n\n// Right- & Left-oriented carets\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom,\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n  &::before,\n  &::after {\n    top: 50%;\n    left: auto;\n    margin-left: 0;\n    border-bottom-color: transparent;\n  }\n\n  &::before {\n    margin-top: -($spacer-2 + 1);\n  }\n\n  &::after {\n    margin-top: -$spacer-2;\n  }\n}\n\n// Right-oriented carets\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom {\n  &::before {\n    right: -$spacer-3;\n    border-left-color: var(--color-border-default);\n  }\n\n  &::after {\n    right: -14px;\n    border-left-color: var(--color-canvas-overlay);\n  }\n}\n\n// Left-oriented carets\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n  &::before {\n    left: -$spacer-3;\n    border-right-color: var(--color-border-default);\n  }\n\n  &::after {\n    left: -14px;\n    border-right-color: var(--color-canvas-overlay);\n  }\n}\n\n// Right & Left: Top-oriented carets\n.Popover-message--right-top,\n.Popover-message--left-top {\n  &::before,\n  &::after {\n    top: $spacer-4;\n  }\n}\n\n// Right & Left: Bottom-oriented carets\n.Popover-message--right-bottom,\n.Popover-message--left-bottom {\n  &::before,\n  &::after {\n    top: auto;\n  }\n\n  &::before {\n    bottom: $spacer-3;\n  }\n\n  &::after {\n    bottom: $spacer-3 + 1;\n  }\n}\n\n.Popover-message--large {\n  @include breakpoint(sm) {\n    min-width: 320px;\n  }\n}\n\n// Responsive Popover\n// For < md it will show full-width anchored to the bottom\n\n@media (max-width: ($width-md - 0.02px)) {\n  .Popover {\n    position: fixed;\n    top: auto !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    left: 0 !important;\n  }\n\n  .Popover-message {\n    top: auto;\n    right: auto;\n    bottom: auto;\n    left: auto;\n    width: auto !important;\n    margin: $spacer-2;\n  }\n\n  // Increase tap area for touch input\n  .Popover-message > .btn-octicon {\n    padding: $spacer-2 + $spacer-1 !important;\n  }\n\n  // Remove caret\n  .Popover-message::after,\n  .Popover-message::before {\n    display: none;\n  }\n}\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n  @if $breakpoint == '' {\n    @content;\n  }\n\n  @else {\n    // Retrieves the value from the key\n    $value: map-get($breakpoints, $breakpoint);\n\n    // If the key exists in the map\n    @if $value != null {\n      // Prints a media query based on the value\n      @media (min-width: $value) {\n        @content;\n      }\n    }\n\n    // If the key doesn't exist in the map\n    @else {\n      @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. '\n        + 'Please make sure it is defined in `$breakpoints` map.';\n    }\n  }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n  @media\n    only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (min--moz-device-pixel-ratio: 2),\n    only screen and (-moz-min-device-pixel-ratio: 2),\n    only screen and (-o-min-device-pixel-ratio: 2/1),\n    only screen and (min-device-pixel-ratio: 2),\n    only screen and (min-resolution: 192dpi),\n    only screen and (min-resolution: 2dppx) {\n    @content;\n  }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n  &::before {\n    display: table;\n    content: '';\n  }\n\n  &::after {\n    display: table;\n    clear: both;\n    content: '';\n  }\n}\n","// Progress\n\n.Progress {\n  display: flex;\n  height: 8px;\n  overflow: hidden;\n  background-color: var(--color-neutral-muted);\n  border-radius: $border-radius;\n  outline: 1px solid transparent; // Support Firefox custom colors\n}\n\n.Progress--large {\n  height: 10px;\n}\n\n.Progress--small {\n  height: 5px;\n}\n\n.Progress-item {\n  outline: 2px solid transparent; // Support Firefox custom colors\n}\n\n.Progress-item + .Progress-item {\n  // stylelint-disable-next-line primer/spacing\n  margin-left: 2px;\n}\n","// stylelint-disable selector-max-type\n// selector-max-type is needed for body:not(.intent-mouse) to target keyboard only styles.\n\n$SelectMenu-max-height: 480px !default;\n\n// Select Menu\n//\n// A more advanced menu with support for navigation, filtering, and more.\n\n.SelectMenu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 99;\n  display: flex;\n  padding: $spacer-3;\n  pointer-events: none;\n  flex-direction: column;\n\n  @include breakpoint(sm) {\n    position: absolute;\n    top: auto;\n    right: auto;\n    bottom: auto;\n    left: auto;\n    padding: 0;\n  }\n}\n\n// Backdrop\n//\n// Adds a dark, semi transparent \"cover\" underneath the modal. Only visible for xs.\n\n.SelectMenu::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: '';\n  background-color: var(--color-primer-canvas-backdrop);\n\n  @include breakpoint(sm) {\n    display: none;\n  }\n}\n\n// Modal\n//\n// The main \"box\" that contains the content\n\n.SelectMenu-modal {\n  position: relative;\n  z-index: 99; // Needs to be higher than .details-overlay's z-index: 80.\n  display: flex;\n  max-height: 66%;\n  margin: auto 0;\n  overflow: hidden; // Enables border radius on scrollable child elements\n  pointer-events: auto;\n  flex-direction: column;\n  background-color: var(--color-canvas-overlay);\n  border: $border-width $border-style var(--color-select-menu-backdrop-border);\n  // stylelint-disable-next-line primer/borders\n  border-radius: $border-radius * 2;\n  box-shadow: var(--color-shadow-large);\n  animation: SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;\n\n  @keyframes SelectMenu-modal-animation {\n    0% {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n  }\n\n  @keyframes SelectMenu-modal-animation--sm {\n    0% {\n      opacity: 0;\n      transform: translateY(-$spacer-3);\n    }\n  }\n\n  @include breakpoint(sm) {\n    width: 300px;\n    height: auto;\n    max-height: $SelectMenu-max-height;\n    margin: $spacer-2 0 $spacer-3 0;\n    font-size: $font-size-small;\n    border-color: var(--color-border-default);\n    border-radius: $border-radius;\n    box-shadow: var(--color-shadow-large);\n    animation-name: SelectMenu-modal-animation--sm;\n  }\n}\n\n// Header\n//\n// Used for showing a title and the close button. Close button is only visible for xs.\n\n.SelectMenu-header {\n  display: flex;\n  padding: $spacer-3;\n  flex: none; // fixes header from getting squeezed in Safari iOS\n  align-items: center;\n  border-bottom: $border-width $border-style var(--color-border-muted);\n\n  @include breakpoint(sm) {\n    // stylelint-disable-next-line primer/spacing\n    padding: 7px 7px 7px $spacer-3;\n  }\n}\n\n.SelectMenu-title {\n  flex: 1;\n  font-size: $body-font-size;\n  font-weight: $font-weight-bold;\n\n  @include breakpoint(sm) {\n    font-size: inherit;\n  }\n}\n\n.SelectMenu-closeButton {\n  padding: $spacer-3;\n  margin: -$spacer-3;\n  line-height: 1;\n  color: var(--color-fg-muted);\n  background-color: transparent;\n  border: 0;\n\n  @include breakpoint(sm) {\n    padding: $spacer-2;\n    // stylelint-disable-next-line primer/spacing\n    margin: (-$spacer-2) (-7px); // Using -7px fixes a :focus glitch\n  }\n}\n\n// Filter\n//\n// An input to filter a large list\n\n.SelectMenu-filter {\n  padding: $spacer-3;\n  margin: 0;\n  border-bottom: $border-width $border-style var(--color-border-muted);\n\n  @include breakpoint(sm) {\n    padding: $spacer-2;\n  }\n}\n\n.SelectMenu-input {\n  display: block;\n  width: 100%;\n\n  @include breakpoint(sm) {\n    font-size: $h5-size;\n  }\n}\n\n// List\n//\n// The container that holds all the list items. Starts scrolling when the list gets too long.\n\n.SelectMenu-list {\n  position: relative;\n  padding: 0;\n  margin: 0;\n  // stylelint-disable-next-line primer/spacing\n  margin-bottom: -$border-width; // Hides the last border in the list\n  flex: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--color-canvas-overlay);\n  -webkit-overflow-scrolling: touch; // Adds momentum + bouncy scrolling\n}\n\n// List Item\n//\n// The interactive element used to make a selection\n\n.SelectMenu-item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: $spacer-3;\n  overflow: hidden;\n  color: var(--color-fg-default);\n  text-align: left;\n  cursor: pointer;\n  background-color: var(--color-canvas-overlay);\n  border: 0;\n  border-bottom: $border-width $border-style var(--color-border-muted);\n\n  @include breakpoint(sm) {\n    // stylelint-disable-next-line primer/spacing\n    padding-top: 7px;\n    // stylelint-disable-next-line primer/spacing\n    padding-bottom: 7px;\n  }\n\n  // Borderless\n  .SelectMenu-list--borderless & {\n    border-bottom: 0;\n  }\n}\n\n// Icon\n//\n// Icon shown on the left of a list item.\n\n.SelectMenu-icon {\n  width: $spacer-3; // fixed width to make sure following content aligns\n  margin-right: $spacer-2;\n  flex-shrink: 0;\n}\n\n// Check icon\n.SelectMenu-icon--check {\n  visibility: hidden;\n  transition: transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5), visibility 0s 0.12s linear;\n  transform: scale(0);\n}\n\n// Tabs\n//\n// Allows switching between multiple lists\n\n.SelectMenu-tabs {\n  display: flex;\n  flex-shrink: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: inset 0 -1px 0 var(--color-border-muted);\n  -webkit-overflow-scrolling: touch;\n\n  // Hide scrollbar so it doesn't cover the text\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  @include breakpoint(sm) {\n    padding: $spacer-2 $spacer-2 0 $spacer-2;\n  }\n}\n\n.SelectMenu-tab {\n  flex: 1;\n  padding: $spacer-2 $spacer-3;\n  font-size: $font-size-small;\n  font-weight: $font-weight-semibold;\n  color: var(--color-fg-muted);\n  text-align: center;\n  background-color: transparent;\n  border: 0;\n  // stylelint-disable-next-line primer/box-shadow\n  box-shadow: inset 0 -1px 0 var(--color-border-muted);\n\n  @include breakpoint(sm) {\n    flex: none;\n    padding: $spacer-1 $spacer-3;\n    border: $border-width $border-style transparent;\n    border-bottom-width: 0;\n    border-top-left-radius: $border-radius;\n    border-top-right-radius: $border-radius;\n  }\n\n  &[aria-selected='true'] {\n    z-index: 1; // Keeps box-shadow visible when hovering\n    color: var(--color-fg-default);\n    cursor: default;\n    background-color: var(--color-canvas-overlay);\n    // stylelint-disable-next-line primer/box-shadow\n    box-shadow: 0 0 0 1px var(--color-border-muted);\n\n    @include breakpoint(sm) {\n      border-color: var(--color-border-muted);\n      box-shadow: none;\n    }\n  }\n}\n\n// Message\n//\n// A container used to show different kinds of text messages.\n\n.SelectMenu-message {\n  // stylelint-disable-next-line primer/spacing\n  padding: 7px $spacer-3;\n  text-align: center;\n  background-color: var(--color-canvas-overlay);\n  border-bottom: $border-width $border-style var(--color-border-muted);\n}\n\n// Blankslate and Loading\n//\n// A container used to show a blankslate or the loading animation.\n\n.SelectMenu-blankslate,\n.SelectMenu-loading {\n  padding: $spacer-4 $spacer-3;\n  text-align: center;\n  background-color: var(--color-canvas-overlay);\n}\n\n// Divider\n//\n// Can be used to divide the list into multiple groups\n\n.SelectMenu-divider {\n  padding: $spacer-1 $spacer-3;\n  margin: 0;\n  font-size: $font-size-small;\n  font-weight: $font-weight-semibold;\n  color: var(--color-fg-muted);\n  background-color: var(--color-canvas-subtle);\n  border-bottom: $border-width $border-style var(--color-border-muted);\n\n  // Borderless\n  .SelectMenu-list--borderless & {\n    border-top: $border-width $border-style var(--color-border-muted);\n\n    &:empty {\n      padding: 0;\n      border-top: 0;\n    }\n  }\n}\n\n// Footer\n//\n// A container at the bottom.\n\n.SelectMenu-footer {\n  z-index: 0; // Avoid top border from getting covered by the negative margin of the list\n  padding: $spacer-2 $spacer-3;\n  font-size: $font-size-small;\n  color: var(--color-fg-muted);\n  text-align: center;\n  border-top: $border-width $border-style var(--color-border-muted);\n\n  @include breakpoint(sm) {\n    // stylelint-disable-next-line primer/spacing\n    padding: 7px $spacer-3;\n  }\n}\n\n// Has Filter (modifier)\n//\n// Makes sure that the filter input keeps a fixed position at the top while typing. Only visible for xs.\n\n.SelectMenu--hasFilter {\n  .SelectMenu-modal {\n    height: 80%;\n    max-height: none;\n    margin-top: 0;\n\n    @include breakpoint(sm) {\n      height: auto;\n      max-height: $SelectMenu-max-height;\n      margin-top: $spacer-2;\n    }\n  }\n}\n\n// States\n//\n// Different states\n\n// Reset outlines\n.SelectMenu-closeButton:focus,\n.SelectMenu-tab:focus,\n.SelectMenu-item:focus {\n  outline: 0;\n}\n\n// Reset <a> elements\n.SelectMenu-item:hover {\n  text-decoration: none;\n}\n\n// Selected\n//\n// Visible when a user clicks/taps on a list item\n\n.SelectMenu-item[aria-checked='true'] {\n  font-weight: $font-weight-semibold;\n  color: var(--color-fg-default);\n\n  .SelectMenu-icon--check {\n    visibility: visible;\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear;\n    transform: scale(1);\n  }\n}\n\n// Disabled\n//\n// Prevent list items to be selected\n\n.SelectMenu-item:disabled,\n.SelectMenu-item[aria-disabled='true'] {\n  color: var(--color-primer-fg-disabled);\n  pointer-events: none;\n}\n\n// Can hover states\n//\n// For mouse/keyboard input\n\n@media (hover: hover) {\n  body:not(.intent-mouse) .SelectMenu-closeButton:focus,\n  .SelectMenu-closeButton:hover {\n    color: var(--color-fg-default);\n  }\n\n  .SelectMenu-closeButton:active {\n    color: var(--color-fg-muted);\n  }\n\n  body:not(.intent-mouse) .SelectMenu-item:focus,\n  .SelectMenu-item:hover {\n    background-color: var(--color-neutral-subtle);\n  }\n\n  .SelectMenu-item:active {\n    background-color: var(--color-canvas-subtle);\n  }\n\n  body:not(.intent-mouse) .SelectMenu-tab:focus {\n    background-color: var(--color-select-menu-tap-focus-bg);\n  }\n\n  .SelectMenu-tab:hover {\n    color: var(--color-fg-default);\n  }\n\n  .SelectMenu-tab:not([aria-selected='true']):active {\n    color: var(--color-fg-default);\n    background-color: var(--color-canvas-subtle);\n  }\n}\n\n// Can not hover states\n//\n// For touch input\n\n@media (hover: none) {\n  // Android\n  .SelectMenu-item:focus,\n  .SelectMenu-item:active {\n    background-color: var(--color-canvas-subtle);\n  }\n\n  // iOS Safari\n  // :active would work if ontouchstart is added to the button\n  // Instead this tweaks the \"native\" highlight color\n  .SelectMenu-item {\n    -webkit-tap-highlight-color: var(--color-select-menu-tap-highlight);\n  }\n}\n","// Subhead styles\n.Subhead {\n  display: flex;\n  padding-bottom: $spacer-2;\n  margin-bottom: $spacer-3;\n  border-bottom: $border-width $border-style var(--color-border-muted);\n  flex-flow: row wrap;\n  justify-content: flex-end; // Keep actions right aligned.\n}\n\n// Modifier class to give a lot of breathing room between sections of content.\n.Subhead--spacious {\n  margin-top: $spacer-6;\n}\n\n// <h2> sized heading with normal font weight\n.Subhead-heading {\n  font-size: $h2-size;\n  font-weight: $font-weight-normal;\n  flex: 1 1 auto;\n  order: 0;\n}\n\n// Make the text bold and red for dangerous content\n.Subhead-heading--danger {\n  font-weight: $font-weight-bold;\n  color: var(--color-danger-fg);\n}\n\n// One-liner of supporting text\n.Subhead-description {\n  font-size: $body-font-size;\n  color: var(--color-fg-muted);\n  flex: 1 100%;\n  order: 2;\n}\n\n// Add 1 or 2 buttons to the right of the heading\n.Subhead-actions {\n  margin: $spacer-1 0 $spacer-1 $spacer-1;\n  align-self: center;\n  justify-content: flex-end;\n  order: 1;\n\n  + .Subhead-description {\n    margin-top: $spacer-1;\n  }\n}\n",".TimelineItem {\n  position: relative;\n  display: flex;\n  padding: $spacer-3 0;\n  margin-left: $spacer-3;\n\n  // The Timeline\n  &::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: 2px;\n    content: '';\n    background-color: var(--color-border-muted);\n  }\n\n  &:target .TimelineItem-badge {\n    border-color: var(--color-accent-emphasis);\n    // stylelint-disable-next-line primer/box-shadow\n    box-shadow: 0 0 0.2em var(--color-accent-muted);\n  }\n}\n\n.TimelineItem-badge {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: $spacer-5;\n  height: $spacer-5;\n  margin-right: $spacer-2;\n  margin-left: -$spacer-3 + 1;\n  color: var(--color-fg-muted);\n  align-items: center;\n  background-color: var(--color-timeline-badge-bg);\n  // stylelint-disable-next-line primer/borders\n  border: 2px $border-style var(--color-canvas-default);\n  border-radius: 50%;\n  justify-content: center;\n  flex-shrink: 0;\n\n  &--success {\n    color: var(--color-fg-on-emphasis);\n    background-color: var(--color-success-emphasis);\n    border: $border-width $border-style transparent;\n  }\n}\n\n.TimelineItem-body {\n  min-width: 0;\n  max-width: 100%;\n  margin-top: $spacer-1;\n  color: var(--color-fg-muted);\n  flex: auto;\n}\n\n.TimelineItem-avatar {\n  position: absolute;\n  left: -($spacer-6 + $spacer-5);\n  z-index: 1;\n}\n\n.TimelineItem-break {\n  position: relative;\n  z-index: 1;\n  height: $spacer-4;\n  margin: 0;\n  margin-bottom: -$spacer-3;\n  margin-left: -($spacer-6 + $spacer-3);\n  background-color: var(--color-canvas-default);\n  border: 0;\n  // stylelint-disable-next-line primer/borders\n  border-top: 4px $border-style var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n  padding-top: $spacer-1;\n  padding-bottom: 0;\n\n  // TimelineItem--condensed is often grouped. (commits)\n  &:last-child {\n    padding-bottom: $spacer-3;\n  }\n\n  .TimelineItem-badge {\n    height: $spacer-3;\n    margin-top: $spacer-2;\n    margin-bottom: $spacer-2;\n    color: var(--color-fg-muted);\n    background-color: var(--color-canvas-default);\n    border: 0;\n  }\n}\n","// Toast\n\n.Toast {\n  display: flex;\n  margin: $spacer-2;\n  color: var(--color-fg-default);\n  background-color: var(--color-canvas-default);\n  border-radius: $border-radius;\n  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n  @include breakpoint(sm) {\n    width: max-content;\n    max-width: 450px;\n    margin: $spacer-3;\n  }\n}\n\n.Toast-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: $spacer-3 * 3;\n  flex-shrink: 0;\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-accent-emphasis);\n  border: $border-width $border-style transparent;\n  border-right: 0;\n  border-top-left-radius: inherit;\n  border-bottom-left-radius: inherit;\n}\n\n.Toast-content {\n  padding: $spacer-3;\n}\n\n.Toast-dismissButton {\n  max-height: 54px; // keeps button aligned to the top\n  padding: $spacer-3;\n  color: inherit;\n  background-color: transparent;\n  border: 0;\n\n  &:hover {\n    opacity: 0.7;\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n}\n\n// Modifier\n\n.Toast--loading {\n  color: var(--color-fg-default);\n  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n  .Toast-icon {\n    background-color: var(--color-neutral-emphasis);\n  }\n}\n\n.Toast--error {\n  color: var(--color-fg-default);\n  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n  .Toast-icon {\n    background-color: var(--color-danger-emphasis);\n  }\n}\n\n.Toast--warning {\n  color: var(--color-fg-default);\n  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n  .Toast-icon {\n    background-color: var(--color-attention-emphasis);\n  }\n}\n\n.Toast--success {\n  color: var(--color-fg-default);\n  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n  .Toast-icon {\n    background-color: var(--color-success-emphasis);\n  }\n}\n\n// Animations\n\n.Toast--animateIn {\n  animation: Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;\n}\n\n@keyframes Toast--animateIn {\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n.Toast--animateOut {\n  animation: Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards;\n}\n\n@keyframes Toast--animateOut {\n  100% {\n    pointer-events: none;\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n.Toast--spinner {\n  animation: Toast--spinner 1000ms linear infinite;\n}\n\n@keyframes Toast--spinner {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n","// Catalyst in dotcom applies a display: block to all web component elements. This\n// rule overrides it so the status label and toggle switch are laid out correctly.\n.ToggleSwitch.ToggleSwitch {\n  display: inline-flex;\n}\n\n.ToggleSwitch {\n  align-items: center;\n  display: inline-flex;\n  gap: $spacer-2;\n\n  &:hover {\n    .ToggleSwitch-knob {\n      background-color: var(--color-btn-hover-bg);\n    }\n  }\n\n  &:active {\n    .ToggleSwitch-knob {\n      background-color: var(--color-btn-active-bg);\n    }\n  }\n}\n\n.ToggleSwitch--checked {\n  .ToggleSwitch-statusOn {\n    height: auto;\n    visibility: visible;\n  }\n\n  .ToggleSwitch-statusOff {\n    height: 0;\n    visibility: hidden;\n  }\n}\n\n.ToggleSwitch-track {\n  position: relative;\n  display: block;\n  width: $spacer-8;\n  height: $spacer-5;\n  padding: 0;\n  overflow: hidden;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  background-color: var(--color-switch-track-bg);\n  border: $border-width $border-style var(--color-switch-track-border);\n  border-radius: $border-radius;\n  transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n  transition-duration: 80ms;\n  transition-property: background-color, border-color;\n  appearance: none;\n\n  &:focus,\n  &:focus-visible {\n    outline-offset: 0;\n  }\n\n  @media (pointer: coarse) {\n    &::before {\n      @include minTouchTarget(calc($spacer-6 + $spacer-1));\n    }\n  }\n\n  @media (prefers-reduced-motion) {\n    transition: none;\n\n    * {\n      transition: none;\n    }\n  }\n}\n\n.ToggleSwitch-track[aria-checked='true'][aria-disabled='true'] {\n  background-color: var(--color-canvas-subtle);\n  border-color: var(--color-border-subtle);\n\n  &:hover,\n  &:active {\n    background-color: var(--color-canvas-subtle);\n\n    // This is the most straightforward way of setting the knob's styles when the\n    // switch is both checked and disabled.\n\n    // stylelint-disable-next-line selector-max-specificity\n    .ToggleSwitch-knob {\n      background-color: var(--color-switch-knob-checked-disabled-bg);\n    }\n  }\n\n  .ToggleSwitch-knob {\n    background-color: var(--color-switch-knob-checked-disabled-bg);\n  }\n}\n\n.ToggleSwitch-track[aria-checked='true'] {\n  background-color: var(--color-switch-track-checked-bg);\n  border-color: var(--color-switch-track-checked-border);\n\n  &:hover {\n    background-color: var(--color-switch-track-checked-hover-bg);\n  }\n\n  &:active {\n    background-color: var(--color-switch-track-checked-active-bg);\n  }\n\n  .ToggleSwitch-knob {\n    background-color: var(--color-switch-knob-checked-bg);\n    border: 0;\n    transform: translateX(calc(100% + 1px));\n  }\n\n  .ToggleSwitch-lineIcon {\n    transform: translateX(0%);\n  }\n\n  .ToggleSwitch-circleIcon {\n    transform: translateX(100%);\n  }\n}\n\n.ToggleSwitch-track[aria-disabled='true'] {\n  cursor: not-allowed;\n  background-color: var(--color-canvas-subtle);\n  border-color: var(--color-border-subtle);\n  transition-property: none;\n\n  &:hover,\n  &:active {\n    .ToggleSwitch-knob {\n      background-color: var(--color-btn-bg);\n    }\n  }\n\n  .ToggleSwitch-knob {\n    border-color: var(--color-border-default);\n    box-shadow: none;\n\n    &:hover,\n    &:active {\n      background-color: var(--color-btn-bg);\n    }\n  }\n\n  .ToggleSwitch-lineIcon {\n    color: var(--color-fg-subtle);\n  }\n\n  .ToggleSwitch-circleIcon {\n    color: var(--color-fg-subtle);\n  }\n}\n\n.ToggleSwitch-icons {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.ToggleSwitch-lineIcon {\n  line-height: 0;\n  color: var(--color-accent-fg);\n  transition-duration: 80ms;\n  transition-property: transform;\n  transform: translateX(-100%);\n  flex: 1 0 50%;\n}\n\n.ToggleSwitch-circleIcon {\n  line-height: 0;\n  color: var(--color-fg-default);\n  transition-duration: 80ms;\n  transition-property: transform;\n  transform: translateX(0);\n  flex: 1 0 50%;\n}\n\n.ToggleSwitch-knob {\n  position: absolute;\n  top: -1px;\n  bottom: -1px;\n  z-index: 1;\n  width: 50%;\n  background-color: var(--color-btn-bg);\n  border: $border-width $border-style var(--color-switch-track-border);\n  border-radius: $border-radius;\n  box-shadow: var(--color-shadow-medium), var(--color-btn-inset-shadow);\n  transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n  transition-duration: 80ms;\n  transition-property: transform;\n  transform: translateX(-1px);\n\n  @media (prefers-reduced-motion) {\n    transition: none;\n  }\n}\n\n.ToggleSwitch-status {\n  position: relative;\n  font-size: $body-font-size;\n  line-height: $body-line-height;\n  color: var(--color-fg-default);\n  text-align: right;\n}\n\n.ToggleSwitch--small {\n  .ToggleSwitch-status {\n    font-size: $font-size-small;\n  }\n\n  .ToggleSwitch-track {\n    width: $spacer-7;\n    height: $spacer-4;\n  }\n}\n\n.ToggleSwitch--disabled {\n  .ToggleSwitch-status {\n    color: var(--color-fg-muted);\n  }\n}\n\n.ToggleSwitch-statusOn {\n  height: 0;\n  visibility: hidden;\n}\n\n.ToggleSwitch-statusOff {\n  height: auto;\n  visibility: visible;\n}\n\n.ToggleSwitch--statusAtEnd {\n  flex-direction: row-reverse;\n\n  .ToggleSwitch-status {\n    text-align: left;\n  }\n}\n"],"names":[],"sourceRoot":""}