{"version":3,"sources":["../src/src/product/index.scss","../src/product/index.scss","../src/src/alerts/flash.scss","../src/src/support/variables/layout.scss","../src/src/support/variables/color-system.scss","../src/src/support/variables/typography.scss","../src/src/avatars/avatar.scss","../src/src/avatars/avatar-parent-child.scss","../src/src/avatars/avatar-stack.scss","../src/src/avatars/circle-badge.scss","../src/src/blankslate/blankslate.scss","../src/src/support/variables/colors.scss","../src/src/branch-name/branch-name.scss","../src/src/labels/labels.scss","../src/src/labels/states.scss","../src/src/labels/counters.scss","../src/src/markdown/markdown-body.scss","../src/src/markdown/headings.scss","../src/src/markdown/lists.scss","../src/src/markdown/tables.scss","../src/src/markdown/images.scss","../src/src/markdown/code.scss","../src/src/support/variables/misc.scss","../src/src/markdown/blob-csv.scss","../src/src/popover/popover.scss","../src/src/support/mixins/layout.scss","../src/src/progress/progress.scss","../src/src/subhead/subhead.scss"],"names":[],"mappings":"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","file":"product.css","sourcesContent":["/*!\n * Primer-product\n * http://primer.github.io\n *\n * Released under MIT license. Copyright (c) 2019 GitHub Inc.\n */\n\n/* Primer master file*/\n/**/\n/* Imports all Primer files in their intended order for easy mass-inclusion.*/\n/* Should you need specific files, you can easily use separate `@import`s.*/\n\n/* Global requirements*/\n@import \"../support/index.scss\";\n\n/* Product specific css modules*/\n@import \"../alerts/index.scss\";\n@import \"../avatars/index.scss\";\n@import \"../blankslate/index.scss\";\n@import \"../branch-name/index.scss\";\n@import \"../labels/index.scss\";\n@import \"../markdown/index.scss\";\n@import \"../popover/index.scss\";\n@import \"../progress/index.scss\";\n@import \"../subhead/index.scss\";\n\n/*# sourceMappingURL=product.css.map */","/*!\n * Primer-product\n * http://primer.github.io\n *\n * Released under MIT license. Copyright (c) 2019 GitHub Inc.\n */.flash{position:relative;padding:16px;color:#032f62;background-color:#dbedff;border:1px solid rgba(27,31,35,0.15);border-radius:3px}.flash p:last-child{margin-bottom:0}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;color:inherit;text-align:center;cursor:pointer;background:none;border:0;appearance:none;opacity:0.6}.flash-close:hover{opacity:1}.flash-action{float:right;margin-top:-3px;margin-left:24px}.flash-warn{color:#735c0f;background-color:#fffbdd;border-color:rgba(27,31,35,0.15)}.flash-error{color:#86181d;background-color:#ffdce0;border-color:rgba(27,31,35,0.15)}.flash-success{color:#165c26;background-color:#dcffe4;border-color:rgba(27,31,35,0.15)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.warning{padding:.5em;margin-bottom:0.8em;font-weight:600;background-color:#fffbdd}.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;border-radius:3px}.avatar-small{border-radius:2px}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:#fff;border-radius:2px;box-shadow:-2px -2px 0 rgba(255,255,255,0.8)}.AvatarStack{position:relative;min-width:26px;height:20px}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{display:flex;background:#fff}.AvatarStack-body .avatar{position:relative;z-index:2;display:flex;width:20px;height:20px;box-sizing:content-box;margin-right:-11px;background-color:#fff;border-right:1px solid #fff;border-radius:2px;transition:margin 0.1s ease-in-out}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{z-index:1;border-right:0}.AvatarStack-body .avatar img{border-radius:2px}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none !important}.avatar.avatar-more{z-index:1;margin-right:0;background:#f6f8fa}.avatar.avatar-more::before,.avatar.avatar-more::after{position:absolute;display:block;height:20px;content:\"\";border-radius:2px;outline:1px solid #fff}.avatar.avatar-more::before{width:17px;background:#e1e4e8}.avatar.avatar-more::after{width:14px;background:#d1d5da}.AvatarStack--right .AvatarStack-body{right:0;flex-direction:row-reverse}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-right:0;margin-left:3px}.AvatarStack--right .avatar.avatar-more{background:#d1d5da}.AvatarStack--right .avatar.avatar-more::before{width:5px}.AvatarStack--right .avatar.avatar-more::after{width:2px;background:#f6f8fa}.AvatarStack--right .avatar{margin-right:0;margin-left:-11px;border-right:0;border-left:1px solid #fff}.CircleBadge{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(27,31,35,0.15)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:\"\";border-bottom:2px dashed #e1e4e8}.DashedConnection .CircleBadge{position:relative}.blankslate{position:relative;padding:32px;text-align:center;background-color:#fafbfc;border:1px solid #e1e4e8;border-radius:3px;box-shadow:inset 0 0 10px rgba(27,31,35,0.05)}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eaecef;border-radius:3px}.blankslate-icon{margin-right:4px;margin-bottom:8px;margin-left:4px;color:#a3aab1}.blankslate-capped{border-radius:0 0 3px 3px}.blankslate-spacious{padding:80px 40px}.blankslate-narrow{max-width:485px;margin:0 auto}.blankslate-large h3{margin:16px 0;font-size:20px}.blankslate-large p{font-size:16px}.blankslate-clean-background{background:none;border:0;box-shadow:none}.branch-name{display:inline-block;padding:2px 6px;font:12px \"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;color:rgba(27,31,35,0.6);background-color:#eaf5ff;border-radius:3px}.branch-name .octicon{margin:1px -2px 0 0;color:#a8bbd0}a.branch-name{color:#0366d6}.labels{position:relative}.label,.Label{display:inline-block;padding:3px 4px;font-size:12px;font-weight:600;line-height:1;color:#fff;border-radius:2px;box-shadow:inset 0 -1px 0 rgba(27,31,35,0.12)}.label:hover,.Label:hover{text-decoration:none}.Label--gray{color:#586069;background-color:#eaecef}.Label--outline{margin-top:-1px;margin-bottom:-1px;font-weight:400;color:#586069;background-color:transparent;border:1px solid rgba(27,31,35,0.15);box-shadow:none}.Label--outline-green{color:#28a745;border:1px solid #34d058}.Label--gray-darker{background-color:#6a737d}.Label--orange{background-color:#d15704}.state,.State{display:inline-block;padding:4px 8px;font-weight:600;line-height:20px;color:#fff;text-align:center;background-color:#6a737d;border-radius:3px}.State--green{background-color:#2cbe4e}.State--purple{background-color:#6f42c1}.State--red{background-color:#cb2431}.State--small{padding:.125em 4px;font-size:12px}.State--small .octicon{width:1em}.Counter{display:inline-block;padding:2px 5px;font-size:12px;font-weight:600;line-height:1;color:#586069;background-color:rgba(27,31,35,0.08);border-radius:20px}.Counter:empty{visibility:hidden}.Counter--gray-light{color:#24292e;background-color:rgba(27,31,35,0.15)}.Counter--gray{color:#fff;background-color:#6a737d}.markdown-body{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:\"\"}.markdown-body::after{display:table;clear:both;content:\"\"}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#cb2431}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:0.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit}.markdown-body h1{padding-bottom:0.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:0.875em}.markdown-body h6{font-size:0.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}.Popover{position:absolute;z-index:100}.Popover-message{position:relative;width:232px;margin-right:auto;margin-left:auto}.Popover-message::before,.Popover-message::after{position:absolute;left:50%;display:inline-block;content:\"\"}.Popover-message::before{top:-16px;margin-left:-9px;border:8px solid transparent;border-bottom-color:rgba(27,31,35,0.15)}.Popover-message::after{top:-14px;margin-left:-8px;border:7px solid transparent;border-bottom-color:#fff}.Popover-message--bottom::before,.Popover-message--bottom::after,.Popover-message--bottom-right::before,.Popover-message--bottom-right::after,.Popover-message--bottom-left::before,.Popover-message--bottom-left::after{top:auto;border-bottom-color:transparent}.Popover-message--bottom::before,.Popover-message--bottom-right::before,.Popover-message--bottom-left::before{bottom:-16px;border-top-color:rgba(27,31,35,0.15)}.Popover-message--bottom::after,.Popover-message--bottom-right::after,.Popover-message--bottom-left::after{bottom:-14px;border-top-color:#fff}.Popover-message--top-right,.Popover-message--bottom-right{right:-9px;margin-right:0}.Popover-message--top-right::before,.Popover-message--top-right::after,.Popover-message--bottom-right::before,.Popover-message--bottom-right::after{left:auto;margin-left:0}.Popover-message--top-right::before,.Popover-message--bottom-right::before{right:20px}.Popover-message--top-right::after,.Popover-message--bottom-right::after{right:21px}.Popover-message--top-left,.Popover-message--bottom-left{left:-9px;margin-left:0}.Popover-message--top-left::before,.Popover-message--top-left::after,.Popover-message--bottom-left::before,.Popover-message--bottom-left::after{left:24px;margin-left:0}.Popover-message--top-left::after,.Popover-message--bottom-left::after{left:25px}.Popover-message--right::before,.Popover-message--right::after,.Popover-message--right-top::before,.Popover-message--right-top::after,.Popover-message--right-bottom::before,.Popover-message--right-bottom::after,.Popover-message--left::before,.Popover-message--left::after,.Popover-message--left-top::before,.Popover-message--left-top::after,.Popover-message--left-bottom::before,.Popover-message--left-bottom::after{top:50%;left:auto;margin-left:0;border-bottom-color:transparent}.Popover-message--right::before,.Popover-message--right-top::before,.Popover-message--right-bottom::before,.Popover-message--left::before,.Popover-message--left-top::before,.Popover-message--left-bottom::before{margin-top:-9px}.Popover-message--right::after,.Popover-message--right-top::after,.Popover-message--right-bottom::after,.Popover-message--left::after,.Popover-message--left-top::after,.Popover-message--left-bottom::after{margin-top:-8px}.Popover-message--right::before,.Popover-message--right-top::before,.Popover-message--right-bottom::before{right:-16px;border-left-color:rgba(27,31,35,0.15)}.Popover-message--right::after,.Popover-message--right-top::after,.Popover-message--right-bottom::after{right:-14px;border-left-color:#fff}.Popover-message--left::before,.Popover-message--left-top::before,.Popover-message--left-bottom::before{left:-16px;border-right-color:rgba(27,31,35,0.15)}.Popover-message--left::after,.Popover-message--left-top::after,.Popover-message--left-bottom::after{left:-14px;border-right-color:#fff}.Popover-message--right-top::before,.Popover-message--right-top::after,.Popover-message--left-top::before,.Popover-message--left-top::after{top:24px}.Popover-message--right-bottom::before,.Popover-message--right-bottom::after,.Popover-message--left-bottom::before,.Popover-message--left-bottom::after{top:auto}.Popover-message--right-bottom::before,.Popover-message--left-bottom::before{bottom:16px}.Popover-message--right-bottom::after,.Popover-message--left-bottom::after{bottom:17px}@media (min-width: 544px){.Popover-message--large{min-width:320px}}.Progress{display:flex;height:8px;overflow:hidden;background-color:#e1e4e8;border-radius:3px}.Progress--large{height:10px}.Progress--small{height:5px}.Subhead{display:flex;padding-bottom:8px;margin-bottom:16px;border-bottom:1px #e1e4e8 solid;flex-flow:row wrap}.Subhead--spacious{margin-top:40px}.Subhead-heading{font-size:24px;font-weight:normal;flex:1 1 auto}.Subhead-heading--danger{font-weight:600;color:#cb2431}.Subhead-description{font-size:14px;color:#586069;flex:1 100%}.Subhead-actions{align-self:center;justify-content:flex-end}\n","// Default flash\n// stylelint-disable selector-max-type\n.flash {\n  position: relative;\n  padding: $spacer-3;\n  color: $blue-800;\n  background-color: $blue-100;\n  border: 1px solid $border-black-fade;\n  border-radius: 3px;\n\n  p:last-child {\n    margin-bottom: 0;\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  color: inherit;\n  text-align: center;\n  cursor: pointer;\n  // Undo `<button>` styles\n  background: none;\n  border: 0;\n  appearance: none;\n  opacity: 0.6;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n// Action button\n.flash-action {\n  float: right;\n  margin-top: -3px;\n  margin-left: $spacer-4;\n}\n\n//\n// Variations\n//\n\n.flash-warn {\n  color: $yellow-900;\n  background-color: $yellow-100;\n  border-color: $black-fade-15;\n}\n\n.flash-error {\n  color: $red-900;\n  background-color: $red-100;\n  border-color: $black-fade-15;\n}\n\n.flash-success {\n  color: $green-800;\n  background-color: $green-100;\n  border-color: $black-fade-15;\n}\n\n.flash-full {\n  margin-top: -1px;\n  border-width: 1px 0;\n  border-radius: 0;\n}\n\n// FIXME deprecate this\n.warning {\n  padding: $em-spacer-5;\n  margin-bottom: 0.8em;\n  font-weight: $font-weight-bold;\n  background-color: $yellow-100;\n}\n","// Layout variables\n// stylelint-disable declaration-bang-space-before\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: round($spacer / 2) !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// 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// 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//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n//   @include breakpoint($breakpoint) {\n//     .foo#{$variant}-bar { foo: bar !important; }\n//   }\n// }\n// ```\n$responsive-variants: (\n  \"\": \"\",\n  sm: \"-sm\",\n  md: \"-md\",\n  lg: \"-lg\",\n  xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n  static,\n  relative,\n  absolute,\n  fixed\n) !default;\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","// Typography variables\n// stylelint-disable declaration-bang-space-before\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\", \"Segoe UI Symbol\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\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  border-radius: 3px;\n}\n\n.avatar-small { border-radius: 2px; }\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  margin-bottom: 3px;\n}\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: $bg-white; // For transparent backgrounds\n  border-radius: 2px;\n  box-shadow: -2px -2px 0 rgba($white, 0.8);\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: $bg-white;\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    margin-right: -11px;\n    background-color: $bg-white;\n    border-right: $border-width $border-style $white;\n    border-radius: 2px;\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      border-radius: 2px;\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      margin-right: 3px;\n    }\n\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: $gray-100;\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    height: 20px;\n    content: \"\";\n    border-radius: 2px;\n    outline: $border-width $border-style $white;\n  }\n\n  &::before {\n    width: 17px;\n    background: $gray-200;\n  }\n\n  &::after {\n    width: 14px;\n    background: $gray-300;\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      margin-left: 3px;\n    }\n  }\n\n  .avatar.avatar-more {\n    background: $gray-300;\n\n    &::before {\n      width: 5px;\n    }\n\n    &::after {\n      width: 2px;\n      background: $gray-100;\n    }\n  }\n\n  .avatar {\n    margin-right: 0;\n    margin-left: -11px;\n    border-right: 0;\n    border-left: $border-width $border-style $white;\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: $white;\n  border-radius: 50%;\n  box-shadow: $box-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    border-bottom: 2px dashed $border-gray;\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  background-color: $gray-000;\n  border: 1px solid $gray-200;\n  border-radius: 3px;\n  box-shadow: inset 0 0 10px rgba($black, 0.05);\n\n  code {\n    padding: 2px 5px 3px;\n    font-size: $h5-size;\n    background: $bg-white;\n    border: 1px solid $border-gray-light;\n    border-radius: 3px;\n  }\n}\n\n.blankslate-icon {\n  margin-right: $spacer-1;\n  margin-bottom: $spacer-2;\n  margin-left: $spacer-1;\n  color: lighten($gray-400, 5%);\n}\n\n.blankslate-capped {\n  border-radius: 0 0 3px 3px;\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.blankslate-large {\n  h3 {\n    margin: $spacer-3 0;\n    font-size: $h3-size;\n  }\n\n  p {\n    font-size: $h4-size;\n  }\n}\n\n// was .clean-background\n.blankslate-clean-background {\n  background: none;\n  border: 0;\n  box-shadow: none;\n}\n","@import \"color-system.scss\";\n// Color variables\n// stylelint-disable declaration-bang-space-before\n\n// State indicators.\n$status-pending:    desaturate($yellow-700, 15%) !default;\n\n// Repository type colors\n// Should be able to deprecate these in future\n$repo-private-text: $black-fade-70 !default;\n$repo-private-bg:   $yellow-000 !default;\n$repo-private-icon: transparentize($yellow-900, 0.5) !default;\n\n// Highlight used for things like search\n$highlight-yellow: rgba(255, 247, 140, 0.5);\n\n// Border colors\n$border-black-fade:  $black-fade-15 !default;\n$border-white-fade:  $white-fade-15 !default;\n\n$border-blue:        $blue-500 !default;\n$border-blue-light:  $blue-200 !default;\n\n$border-green:       $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n\n$border-purple:      $purple !default;\n\n$border-red:         $red !default;\n$border-red-light:   desaturate($red-300, 60%) !default;\n\n$border-purple:      $purple !default;\n\n$border-yellow:      desaturate($yellow-300, 60%) !default;\n\n$border-gray-dark:   $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light:  lighten($gray-200, 3%) !default;\n$border-gray:        $gray-200 !default;\n\n// Background colors\n$bg-blue-light:     $blue-000 !default;\n$bg-blue:           $blue-500 !default;\n$bg-gray-dark:      $gray-900 !default;\n$bg-gray-light:     $gray-000 !default;\n$bg-gray:           $gray-100 !default;\n$bg-green:          $green-500 !default;\n$bg-green-light:    $green-100 !default;\n$bg-orange:         $orange-700 !default;\n$bg-purple:         $purple-500 !default;\n$bg-purple-light:   $purple-000 !default;\n$bg-red:            $red-500 !default;\n$bg-red-light:      $red-100 !default;\n$bg-white:          $white !default;\n$bg-yellow:         $yellow-500 !default;\n$bg-yellow-light:   $yellow-200 !default;\n\n// Text colors\n$text-blue:         $blue-500 !default;\n$text-gray-dark:    $gray-900 !default;\n$text-gray-light:   $gray-500 !default;\n$text-gray:         $gray-600 !default;\n$text-green:        $green-500 !default;\n$text-orange:       $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple:       $purple !default;\n$text-red:          $red-600 !default;\n$text-white:        $white !default;\n","// A nice way to display branch names inside the UI. Can be a link or not.\n// stylelint-disable selector-max-type\n.branch-name {\n  display: inline-block;\n  padding: 2px 6px;\n  font: 12px $mono-font;\n  color: rgba($black, 0.6);\n  background-color: lighten($blue-100, 3%);\n  border-radius: 3px;\n\n  .octicon {\n    margin: 1px -2px 0 0;\n    color: desaturate($blue-300, 70%);\n  }\n}\n\n// When a branch name is a link\n// stylelint-disable selector-no-qualifying-type\na.branch-name { color: $text-blue; }\n// stylelint-enable selector-no-qualifying-type\n","// Needs refactoring\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n// Labels\n//\n// Use labels to add keyword tags or phrases to issues and pull requests. These\n// are used within a list of issues/PRs, on individual issues/PRs, and within\n// the select menus that manage them.\n\n// Provide a wrapper to ensure labels stick together\n.labels {\n  position: relative;\n}\n\n// Each label gets common styles\n// .label will be deprecated for .Label\n.label,\n.Label {\n  display: inline-block;\n  padding: 3px $spacer-1;\n  font-size: $font-size-small;\n  font-weight: $font-weight-bold;\n  line-height: $lh-condensed-ultra; // prevent inheritance from changing proportions\n  color: $text-white;\n  border-radius: 2px;\n  box-shadow: inset 0 -1px 0 rgba($black, 0.12);\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n// Custom GitHub labels (not for issues/PRs/etc)\n//\n// Commonly used across the site to indicate a particular role. For example,\n// \"repo owner\" within code comments or role in organizations.\n.Label--gray {\n  color: $gray-600;\n  background-color: lighten($gray-200, 3%);\n}\n\n.Label--outline {\n  margin-top: -1px; // offsets the 1px border\n  margin-bottom: -1px; // offsets the 1px border\n  font-weight: $font-weight-normal;\n  color: $text-gray;\n  background-color: transparent;\n  border: 1px solid $black-fade-15;\n  box-shadow: none;\n}\n\n.Label--outline-green {\n  color: $text-green;\n  border: 1px solid $border-green;\n}\n\n.Label--gray-darker {\n  background-color: $gray;\n}\n\n.Label--orange {\n  background-color: $bg-orange;\n}\n","// A rounded corner box containing a label \"open\" or \"closed\"\n// The default state is gray.\n//\n// open     - $green background\n// reopened - $green background\n// closed   - $red background\n// merged   - $purple background\n\n// .state to be deprecated in replace of .State\n.state,\n.State {\n  display: inline-block;\n  padding: $spacer-1 $spacer-2;\n  font-weight: $font-weight-bold;\n  line-height: 20px;\n  color: $text-white;\n  text-align: center;\n  background-color: $gray-500;\n  border-radius: 3px;\n}\n\n.State--green { background-color: darken($green-400, 5%); }\n\n.State--purple { background-color: $bg-purple; }\n\n.State--red { background-color: $red-600; }\n\n.State--small {\n  padding: $em-spacer-2 $spacer-1;\n  font-size: $h6-size;\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  padding: 2px 5px;\n  font-size: $font-size-small;\n  font-weight: $font-weight-bold;\n  line-height: $lh-condensed-ultra;\n  color: $gray-600;\n  background-color: rgba($black, 0.08);\n  border-radius: 20px;\n\n  &:empty {\n    visibility: hidden;\n  }\n}\n\n.Counter--gray-light {\n  color: $text-gray-dark;\n  background-color: $black-fade-15;\n}\n\n.Counter--gray {\n  color: $white;\n  background-color: $gray;\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: $red-600;\n  }\n\n  .anchor {\n    float: left;\n    padding-right: $spacer-1;\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: $gray-200;\n    border: 0;\n  }\n\n  blockquote {\n    padding: 0 1em;\n    color: $gray-500;\n    border-left: 0.25em solid lighten($gray-300, 5%);\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    font-size: 11px;\n    line-height: 10px;\n    color: $gray-700;\n    vertical-align: middle;\n    background-color: $gray-000;\n    border: solid 1px darken($gray-300, 4%);\n    border-bottom-color: $gray-400;\n    border-radius: 3px;\n    box-shadow: inset 0 -1px 0 $gray-400;\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: $black;\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      font-size: inherit;\n    }\n  }\n\n  h1 {\n    padding-bottom: 0.3em;\n    font-size: 2em;\n    border-bottom: 1px solid lighten($gray-200, 3%);\n  }\n\n  h2 {\n    padding-bottom: 0.3em;\n    font-size: 1.5em;\n    border-bottom: 1px solid lighten($gray-200, 3%);\n  }\n\n  h3 {\n    font-size: 1.25em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    font-size: 0.875em;\n  }\n\n  h6 {\n    font-size: 0.85em;\n    color: $gray-500;\n  }\n}\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n  // Lists, Blockquotes & Such\n  ul,\n  ol {\n    padding-left: 2em;\n\n    &.no-list {\n      padding: 0;\n      list-style-type: none;\n    }\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 {\n    word-wrap: break-all;\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%;\n    overflow: auto;\n\n    th {\n      font-weight: $font-weight-bold;\n    }\n\n    th,\n    td {\n      padding: 6px 13px;\n      border: 1px solid lighten($gray-300, 5%);\n    }\n\n    tr {\n      background-color: $bg-white;\n      border-top: 1px solid darken($gray-300, 4%);\n\n      &:nth-child(2n) {\n        background-color: $gray-100;\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, primer/selector-no-utility\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: $bg-white;\n\n    &[align=right] {\n      padding-left: 20px;\n    }\n\n    &[align=left] {\n      padding-right: 20px;\n    }\n  }\n\n  .emoji {\n    max-width: none;\n    vertical-align: text-top;\n    // Override `<img>` styles so Emjois 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      padding: 7px;\n      margin: 13px 0 0;\n      overflow: hidden;\n      border: 1px solid lighten($gray-300, 5%);\n    }\n\n    span img {\n      display: block;\n      float: left;\n    }\n\n    span span {\n      display: block;\n      padding: 5px 0 0;\n      clear: both;\n      color: $text-gray-dark;\n    }\n  }\n\n  span.align-center {\n    display: block;\n    overflow: hidden;\n    clear: both;\n\n    > span {\n      display: block;\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      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    margin-right: 13px;\n    overflow: hidden;\n\n    span {\n      margin: 13px 0 0;\n    }\n  }\n\n  span.float-right {\n    display: block;\n    float: right;\n    margin-left: 13px;\n    overflow: hidden;\n\n    > span {\n      display: block;\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    padding: 0.2em 0.4em;\n    margin: 0;\n    font-size: 85%;\n    background-color: rgba($black, 0.05);\n    border-radius: $border-radius;\n\n    br { display: none; }\n  }\n\n  del code { text-decoration: inherit; }\n\n  pre {\n    word-wrap: normal;\n\n    // Code tags within code blocks (<pre>s)\n    > code {\n      padding: 0;\n      margin: 0;\n      font-size: 100%;\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    font-size: 85%;\n    line-height: 1.45;\n    background-color: $gray-100;\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","// Miscellaneous variables\n// stylelint-disable declaration-bang-space-before\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Custom explore grid border\n$exploregrid-item-border-radius: 4px;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n\n// Should be moved into custom github css\n$stats-switcher-py: 10px;\n// Future proof this `height` value by finding the computed line-height, then\n// adding the total value of the vertical padding. This var is used to toggle\n// between the stats bar and language breakdown.\n$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);\n\n$min_tab_size: 1;\n$max_tab_size: 12;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075);\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3);\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15;\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n  td,\n  th {\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    padding: 10px $spacer-2 9px;\n    text-align: right;\n    background: $bg-white;\n    border: 0;\n  }\n\n  tr { border-top: 0; }\n\n  th {\n    font-weight: $font-weight-bold;\n    background: $gray-100;\n    border-top: 0;\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\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    margin-left: -9px;\n    border: $spacer-2 $border-style transparent;\n    border-bottom-color: $border-black-fade;\n  }\n\n  &::after {\n    top: -14px;\n    margin-left: -$spacer-2;\n    border: 7px $border-style transparent;\n    border-bottom-color: $bg-white;\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: $border-black-fade;\n  }\n\n  &::after {\n    bottom: -14px;\n    border-top-color: $bg-white;\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: $border-black-fade;\n  }\n\n  &::after {\n    right: -14px;\n    border-left-color: $bg-white;\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: $border-black-fade;\n  }\n\n  &::after {\n    left: -14px;\n    border-right-color: $bg-white;\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\n  @include breakpoint(sm) {\n    min-width: 320px;\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: $gray-200;\n  border-radius: $border-radius;\n}\n\n.Progress--large {\n  height: 10px;\n}\n\n.Progress--small {\n  height: 5px;\n}\n","// Subhead styles\n.Subhead {\n  display: flex;\n  padding-bottom: $spacer-2;\n  margin-bottom: $spacer-3;\n  border-bottom: $border;\n  flex-flow: row wrap;\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: normal;\n  flex: 1 1 auto;\n}\n\n// Make the text bold and red for dangerous content\n.Subhead-heading--danger {\n  font-weight: $font-weight-bold;\n  color: $text-red;\n}\n\n// One-liner of supporting text\n.Subhead-description {\n  font-size: $body-font-size;\n  color: $text-gray;\n  flex: 1 100%;\n}\n\n// Add 1 or 2 buttons to the right of the heading\n.Subhead-actions {\n  align-self: center;\n  justify-content: flex-end;\n}\n"]}