{"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/dropdown/dropdown.scss","../src/src/support/variables/misc.scss","../src/src/header/header.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/markdown/blob-csv.scss","../src/src/popover/popover.scss","../src/src/support/mixins/layout.scss","../src/src/progress/progress.scss","../src/src/select-menu/select-menu.scss","../src/src/subhead/subhead.scss","../src/src/toasts/toasts.scss"],"names":[],"mappings":"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BftNgB,CeuNhB,eAAgB,CAChB,iBAAkB,CAClB,4BfvNkB,CewNlB,gCAAiC,CAPnC,oCAWI,YAAa,CFnNX,0BEwMN,iBAeI,a1B1NQ,C0B2NR,YAAa,CAEhB,CAED,gBACE,MAAO,CACP,gB1B3NoB,C0B4NpB,cxBzNoB,CwB0NpB,exBtNwB,CwBuNxB,azBvOuB,CyBwOvB,iBAAkB,CAClB,4BAA6B,CAC7B,QAAS,CACT,iCzB9OuB,CuBSnB,0BE4NN,gBAYI,SAAU,CACV,gB1BtOkB,C0BuOlB,4BAA+C,CAC/C,qBAAsB,CACtB,0BfnPe,CeoPf,2BfpPe,CekQlB,CA/BD,sCAqBI,SAAU,CACV,azBpPqB,CyBqPrB,qBzB5JQ,CyB6JR,4BzB7PqB,CuBSnB,0BE4NN,sCA2BM,oBzBhQmB,CyBiQnB,eAAgB,CAEnB,CAOH,+DAGE,iB1BjQoB,C0BkQpB,iBAAkB,CAClB,qBzB/KU,CyBgLX,oBAOC,gB1B3QoB,C0B4QpB,QAAS,CACT,cxB1QoB,CwB2QpB,exBxQoB,CwByQpB,azBxRuB,CyByRvB,wBzB7RuB,CyB8RvB,4Bf7RkB,Ce8RlB,+Bf9RkB,CesRpB,gCAWI,YAAa,CAXjB,+BAeI,eAAgB,CACjB,mBAQD,gB1BlSoB,C0BmSpB,cxBhSoB,CwBiSpB,azB7SuB,CyB8SvB,iBAAkB,CAClB,4BflTkB,CaSd,0BEoSN,mBAQI,e1B/SQ,C0BiTX,CAMD,yCAEI,UAAW,CACX,eAAgB,CAChB,YAAa,CFxTX,0BEoTN,yCAOM,WAAY,CACZ,gBAAiB,CACjB,c1B5TuB,C0B8T1B,CAXH,mDAeI,0BAAoD,CACrD,6CAUD,YAAa,CACd,uBAIC,oBAAqB,CACtB,sCAOC,exBjVwB,CwBkVxB,azB9VuB,CyB4VzB,uDAKI,kBAAmB,CACnB,0EAA4E,CAC5E,kBAAmB,CACpB,sBAQD,sEAEE,UzBrRQ,CyBsRR,wBzBvWqB,CyBwWtB,wBAGC,UzB1RQ,CyB2RR,wBzB7WqB,CyB8WtB,8CAGC,wBzBpXqB,CyBqXtB,iDAGC,azB5XqB,CyB6XrB,wBzBpYqB,CyBqYtB,kDAGC,azBjYqB,CyBkYrB,wBzB1YqB,CyB2YtB,CAOH,qBAEE,+CAEE,wBzBvZqB,CyBwZtB,iBAMC,iDzB3ZqB,CyB4ZtB,CCjaH,SACE,YAAa,CACb,kB3BQU,C2BPV,kB3BaoB,C2BZpB,+BhBAkB,CgBClB,kBAAmB,CACpB,mBAIC,e3BSoB,C2BRrB,iBAIC,czBFY,CyBGZ,kBAAmB,CACnB,aAAc,CACf,yBAIC,ezBAoB,CyBCpB,a1B6CuB,C0B5CxB,qBAIC,czBWmB,CyBVnB,a1BrBuB,C0BsBvB,WAAY,CACb,iBAIC,iBAAkB,CAClB,wBAAyB,CAC1B,OCnCC,YAAa,CACb,U5BOU,C4BNV,a3B+Fa,C2B9Fb,qB3B+FU,C2B9FV,iBjBAiB,CiBCjB,gE3B4Fa,CuBtFT,0BIZN,OASI,yBAAkB,CAAlB,sBAAkB,CAAlB,iBAAkB,CAClB,eAAgB,CAChB,W5BIkB,C4BFrB,CAED,YACE,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,UAAoB,CACpB,aAAc,CACd,U3B8EU,C2B7EV,wB3BJuB,C2BKvB,8BAA+B,CAC/B,iCAAkC,CACnC,eAGC,Y5BboB,C4BcrB,qBAGC,eAAgB,CAChB,Y5BlBoB,C4BmBpB,4BAA6B,CAC7B,QAAS,CAJX,sDAQI,a3BhCqB,C2BiCrB,YAAa,CATjB,4BAaI,a3BvCqB,C2BwCtB,0BAMD,wB3BeuB,C2BdxB,4BAGC,a3B7CuB,C2B8CvB,wB3BbuB,C2BcxB,4BAGC,wB3B9BuB,C2B+BxB,4BAGC,wB3BzDuB,C2B0DxB,kBAKC,4EAA6E,CAC9E,4BAGC,GACE,SAAU,CACV,0BAA2B,CAAA,CAI/B,mBACE,+EAAgF,CACjF,6BAGC,KACE,mBAAoB,CACpB,SAAU,CACV,0BAA2B,CAAA,CAI/B,gBACE,+CAAgD,CACjD,0BAGC,KAAO,sBAAuB,CAC9B,GAAK,wBAAyB,CAAA","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 \"../dropdown/index.scss\";\n@import \"../header/index.scss\";\n@import \"../labels/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 \"../toasts/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}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eaecef;border-radius:3px}.blankslate img{width:56px;height:56px}.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 img{width:80px;height:80px}.blankslate-large h3{margin:16px 0;font-size:24px}.blankslate-large p{font-size:16px}.blankslate-clean-background{border:0}.branch-name{display:inline-block;padding:2px 6px;font:12px \"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,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}.dropdown{position:relative}.dropdown-caret{display:inline-block;width:0;height:0;vertical-align:middle;content:\"\";border-style:solid;border-width:4px 4px 0;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:100;width:160px;padding-top:4px;padding-bottom:4px;margin-top:2px;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(27,31,35,0.15);border-radius:4px;box-shadow:0 1px 15px rgba(27,31,35,0.15)}.dropdown-menu::before,.dropdown-menu::after{position:absolute;display:inline-block;content:\"\"}.dropdown-menu::before{border:8px solid transparent;border-bottom-color:rgba(27,31,35,0.15)}.dropdown-menu::after{border:7px solid transparent;border-bottom-color:#fff}.dropdown-menu>ul{list-style:none}.dropdown-menu-no-overflow{width:auto}.dropdown-menu-no-overflow .dropdown-item{padding:4px 16px;overflow:visible;text-overflow:inherit}.dropdown-item{display:block;padding:4px 8px 4px 16px;overflow:hidden;color:#24292e;text-overflow:ellipsis;white-space:nowrap}.dropdown-item:focus,.dropdown-item:hover{color:#fff;text-decoration:none;background-color:#0366d6;outline:none}.dropdown-item:focus>.octicon,.dropdown-item:hover>.octicon{color:inherit;opacity:1}.dropdown-item.btn-link{width:100%;text-align:left}.dropdown-signout{width:100%;text-align:left;background:none;border:0}.dropdown-divider{display:block;height:0;margin:8px 0;border-top:1px #e1e4e8 solid}.dropdown-header{padding:4px 16px;font-size:12px;color:#586069}.dropdown-item[aria-checked=\"false\"] .octicon-check{display:none}.dropdown-menu-w{top:0;right:100%;left:auto;width:auto;margin-top:0;margin-right:8px}.dropdown-menu-w::before{top:10px;right:-16px;left:auto;border-color:transparent;border-left-color:rgba(27,31,35,0.15)}.dropdown-menu-w::after{top:11px;right:-14px;left:auto;border-color:transparent;border-left-color:#fff}.dropdown-menu-e{top:0;left:100%;width:auto;margin-top:0;margin-left:8px}.dropdown-menu-e::before{top:8px;left:-16px;border-color:transparent;border-right-color:rgba(27,31,35,0.15)}.dropdown-menu-e::after{top:11px;left:-14px;border-color:transparent;border-right-color:#fff}.dropdown-menu-ne{top:auto;bottom:100%;left:0;margin-bottom:3px}.dropdown-menu-ne::before,.dropdown-menu-ne::after{top:auto;right:auto}.dropdown-menu-ne::before{bottom:-8px;left:9px;border-top:8px solid rgba(27,31,35,0.15);border-right:8px solid transparent;border-bottom:0;border-left:8px solid transparent}.dropdown-menu-ne::after{bottom:-7px;left:10px;border-top:7px solid #fff;border-right:7px solid transparent;border-bottom:0;border-left:7px solid transparent}.dropdown-menu-s{right:50%;left:auto;transform:translateX(50%)}.dropdown-menu-s::before{top:-16px;right:50%;transform:translateX(50%)}.dropdown-menu-s::after{top:-14px;right:50%;transform:translateX(50%)}.dropdown-menu-sw{right:0;left:auto}.dropdown-menu-sw::before{top:-16px;right:9px;left:auto}.dropdown-menu-sw::after{top:-14px;right:10px;left:auto}.dropdown-menu-se::before{top:-16px;left:9px}.dropdown-menu-se::after{top:-14px;left:10px}.dropdown-menu-dark{color:#fff;background:#2f363d;border-color:#444d56;box-shadow:0 1px 15px rgba(27,31,35,0.15)}.dropdown-menu-dark::before{border-bottom-color:#444d56}.dropdown-menu-dark::after{border-bottom-color:#2f363d}.dropdown-menu-dark .dropdown-header{color:#d1d5da}.dropdown-menu-dark .dropdown-divider{border-top-color:#444d56}.dropdown-menu-dark .dropdown-item{color:inherit}.dropdown-menu-dark.dropdown-menu-w::before{border-color:transparent transparent transparent #444d56}.dropdown-menu-dark.dropdown-menu-w::after{border-color:transparent transparent transparent #2f363d}.dropdown-menu-dark.dropdown-menu-e::before{border-color:transparent #444d56 transparent transparent}.dropdown-menu-dark.dropdown-menu-e::after{border-color:transparent #2f363d transparent transparent}.dropdown-menu-dark.dropdown-menu-ne::before{border-color:#444d56 transparent transparent transparent}.dropdown-menu-dark.dropdown-menu-ne::after{border-color:#2f363d transparent transparent transparent}.Header{z-index:32;display:flex;padding:16px;font-size:14px;line-height:1.5;color:rgba(255,255,255,0.7);background-color:#24292e;align-items:center;flex-wrap:nowrap}.Header-item{display:flex;margin-right:16px;align-self:stretch;align-items:center;flex-wrap:nowrap}.Header-item--full{flex:auto}.Header-link{font-weight:600;color:#fff;white-space:nowrap}.Header-link:hover,.Header-link:focus{color:rgba(255,255,255,0.7);text-decoration:none}.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;white-space:nowrap;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\";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}.SelectMenu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;padding:16px;pointer-events:none;flex-direction:column}@media (min-width: 544px){.SelectMenu{position:absolute;top:auto;right:auto;bottom:auto;left:auto;padding:0}}.SelectMenu::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:\"\";background-color:rgba(27,31,35,0.5)}@media (min-width: 544px){.SelectMenu::before{display:none}}.SelectMenu-modal{position:relative;z-index:99;display:flex;max-height:66%;margin:auto 0;overflow:hidden;pointer-events:auto;flex-direction:column;background-color:#f6f8fa;border-radius:6px;box-shadow:0 0 18px rgba(0,0,0,0.4);animation:SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards}@keyframes SelectMenu-modal-animation{0%{opacity:0;transform:scale(0.9)}}@keyframes SelectMenu-modal-animation--sm{0%{opacity:0;transform:translateY(-16px)}}@media (min-width: 544px){.SelectMenu-modal{width:300px;height:auto;max-height:350px;margin:4px 0 16px 0;font-size:12px;border:1px solid #d1d5da;border-radius:3px;box-shadow:0 1px 5px rgba(27,31,35,0.15);animation-name:SelectMenu-modal-animation--sm}}.SelectMenu-header{display:flex;flex:none;padding:16px}@media (min-width: 544px){.SelectMenu-header{padding-top:8px;padding-bottom:8px}}.SelectMenu-title{flex:auto;font-size:14px;font-weight:600}@media (min-width: 544px){.SelectMenu-title{font-size:inherit}}.SelectMenu-closeButton{padding:16px;margin:-16px;color:#6a737d;background-color:transparent;border:0}@media (min-width: 544px){.SelectMenu-closeButton{display:none}}.SelectMenu-filter{padding:16px;margin:0;border-top:1px #e1e4e8 solid}@media (min-width: 544px){.SelectMenu-filter{padding:8px}}.SelectMenu-input{display:block;width:100%}@media (min-width: 544px){.SelectMenu-input{font-size:14px}}.SelectMenu-list{position:relative;padding:0;margin:0;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-top:1px #e1e4e8 solid;-webkit-overflow-scrolling:touch}.SelectMenu-item{display:flex;align-items:center;width:100%;padding:16px;overflow:hidden;color:#586069;text-align:left;cursor:pointer;background-color:#fff;border:0}.SelectMenu-item+.SelectMenu-item{border-top:1px solid #eaecef}@media (min-width: 544px){.SelectMenu-item{padding-top:8px;padding-bottom:8px}}.SelectMenu-icon{width:16px;margin-right:8px;visibility:hidden;transition:transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5),visibility 0s 0.12s linear;transform:scale(0)}.SelectMenu-tabs{display:flex;flex-shrink:0;margin-bottom:-1px;overflow-x:auto;overflow-y:hidden;border-top:1px #e1e4e8 solid;-webkit-overflow-scrolling:touch}.SelectMenu-tabs::-webkit-scrollbar{display:none}@media (min-width: 544px){.SelectMenu-tabs{padding:0 8px;border-top:0}}.SelectMenu-tab{flex:1;padding:8px 16px;font-size:12px;font-weight:500;color:#6a737d;text-align:center;background-color:transparent;border:0;box-shadow:inset 0 -1px 0 #e1e4e8}@media (min-width: 544px){.SelectMenu-tab{flex:none;padding:4px 16px;border:1px solid transparent;border-bottom-width:0;border-top-left-radius:3px;border-top-right-radius:3px}}.SelectMenu-tab[aria-selected=\"true\"]{z-index:1;color:#24292e;background-color:#fff;box-shadow:0 0 0 1px #e1e4e8}@media (min-width: 544px){.SelectMenu-tab[aria-selected=\"true\"]{border-color:#e1e4e8;box-shadow:none}}.SelectMenu-message,.SelectMenu-blankslate,.SelectMenu-loading{padding:24px 16px;text-align:center;background-color:#fff}.SelectMenu-divider{padding:4px 16px;margin:0;font-size:12px;font-weight:600;color:#6a737d;background-color:#f6f8fa;border-top:1px #e1e4e8 solid;border-bottom:1px #e1e4e8 solid}.SelectMenu-divider:first-child{border-top:0}.SelectMenu-divider:last-child{border-bottom:0}.SelectMenu-footer{padding:8px 16px;font-size:12px;color:#6a737d;text-align:center;border-top:1px #e1e4e8 solid}@media (min-width: 544px){.SelectMenu-footer{padding:4px 8px}}.SelectMenu--hasFilter .SelectMenu-modal{height:80%;max-height:none;margin-top:0}@media (min-width: 544px){.SelectMenu--hasFilter .SelectMenu-modal{height:auto;max-height:350px;margin-top:4px}}.SelectMenu--hasFilter .SelectMenu-item:last-child{box-shadow:0 1px 0 #eaecef}.SelectMenu-tab:focus,.SelectMenu-item:focus{outline:none}.SelectMenu-item:hover{text-decoration:none}.SelectMenu-item[aria-checked=\"true\"]{font-weight:500;color:#24292e}.SelectMenu-item[aria-checked=\"true\"] .SelectMenu-icon{visibility:visible;transition:transform 0.12s cubic-bezier(0, 0, 0.2, 1),visibility 0s linear;transform:scale(1)}@media (hover: hover){body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover{color:#fff;background-color:#0366d6}.SelectMenu-item:active{color:#fff;background-color:#2188ff}body:not(.intent-mouse) .SelectMenu-tab:focus{background-color:#dbedff}.SelectMenu-tab:not([aria-checked=\"true\"]):hover{color:#24292e;background-color:#e1e4e8}.SelectMenu-tab:not([aria-checked=\"true\"]):active{color:#24292e;background-color:#f6f8fa}}@media (hover: none){.SelectMenu-item:focus,.SelectMenu-item:active{background-color:#fafbfc}.SelectMenu-item{-webkit-tap-highlight-color:rgba(209,213,218,0.5)}}.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}.Toast{display:flex;margin:8px;color:#1b1f23;background-color:#fff;border-radius:3px;box-shadow:inset 0 0 0 1px #d1d5da,0 1px 5px rgba(27,31,35,0.15)}@media (min-width: 544px){.Toast{width:max-content;max-width:450px;margin:16px}}.Toast-icon{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;color:#fff;background-color:#0366d6;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.Toast-content{padding:16px}.Toast-dismissButton{max-height:54px;padding:16px;background-color:transparent;border:0}.Toast-dismissButton:focus,.Toast-dismissButton:hover{color:#586069;outline:none}.Toast-dismissButton:active{color:#959da5}.Toast--error .Toast-icon{background-color:#d73a49}.Toast--warning .Toast-icon{color:#24292e;background-color:#f9c513}.Toast--success .Toast-icon{background-color:#28a745}.Toast--loading .Toast-icon{background-color:#586069}.Toast--animateIn{animation:Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards}@keyframes Toast--animateIn{0%{opacity:0;transform:translateY(100%)}}.Toast--animateOut{animation:Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards}@keyframes Toast--animateOut{100%{pointer-events:none;opacity:0;transform:translateY(100%)}}.Toast--spinner{animation:Toast--spinner 1000ms linear infinite}@keyframes Toast--spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\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\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// -------- Pink --------\n$pink-000:      #ffeef8 !default;\n$pink-100:      #fedbf0 !default;\n$pink-200:      #f9b3dd !default;\n$pink-300:      #f692ce !default;\n$pink-400:      #ec6cb9 !default;\n$pink-500:      #ea4aaa !default;\n$pink-600:      #d03592 !default;\n$pink-700:      #b93a86 !default;\n$pink-800:      #99306f !default;\n$pink-900:      #6d224f !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\n// -------- Color gradient maps --------\n\n$grays: (\n  0: $gray-000,\n  1: $gray-100,\n  2: $gray-200,\n  3: $gray-300,\n  4: $gray-400,\n  5: $gray-500,\n  6: $gray-600,\n  7: $gray-700,\n  8: $gray-800,\n  9: $gray-900,\n) !default;\n\n$blues: (\n  0: $blue-000,\n  1: $blue-100,\n  2: $blue-200,\n  3: $blue-300,\n  4: $blue-400,\n  5: $blue-500,\n  6: $blue-600,\n  7: $blue-700,\n  8: $blue-800,\n  9: $blue-900,\n) !default;\n\n$greens: (\n  0: $green-000,\n  1: $green-100,\n  2: $green-200,\n  3: $green-300,\n  4: $green-400,\n  5: $green-500,\n  6: $green-600,\n  7: $green-700,\n  8: $green-800,\n  9: $green-900,\n) !default;\n\n$yellows: (\n  0: $yellow-000,\n  1: $yellow-100,\n  2: $yellow-200,\n  3: $yellow-300,\n  4: $yellow-400,\n  5: $yellow-500,\n  6: $yellow-600,\n  7: $yellow-700,\n  8: $yellow-800,\n  9: $yellow-900,\n) !default;\n\n$oranges: (\n  0: $orange-000,\n  1: $orange-100,\n  2: $orange-200,\n  3: $orange-300,\n  4: $orange-400,\n  5: $orange-500,\n  6: $orange-600,\n  7: $orange-700,\n  8: $orange-800,\n  9: $orange-900,\n) !default;\n\n$reds: (\n  0: $red-000,\n  1: $red-100,\n  2: $red-200,\n  3: $red-300,\n  4: $red-400,\n  5: $red-500,\n  6: $red-600,\n  7: $red-700,\n  8: $red-800,\n  9: $red-900,\n) !default;\n\n$purples: (\n  0: $purple-000,\n  1: $purple-100,\n  2: $purple-200,\n  3: $purple-300,\n  4: $purple-400,\n  5: $purple-500,\n  6: $purple-600,\n  7: $purple-700,\n  8: $purple-800,\n  9: $purple-900,\n) !default;\n\n$pinks: (\n  0: $pink-000,\n  1: $pink-100,\n  2: $pink-200,\n  3: $pink-300,\n  4: $pink-400,\n  5: $pink-500,\n  6: $pink-600,\n  7: $pink-700,\n  8: $pink-800,\n  9: $pink-900,\n) !default;\n\n$hue-maps: (\n  \"gray\": $grays,\n  \"blue\": $blues,\n  \"green\": $greens,\n  \"yellow\": $yellows,\n  \"orange\": $oranges,\n  \"red\": $reds,\n  \"purple\": $purples,\n  \"pink\": $pinks,\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$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, 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\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  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: 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// 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","@import \"color-system.scss\";\n// Color variables\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-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-pink:           $pink-500 !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$bg-yellow-dark:    $yellow-700 !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-pink:         $pink-500 !default;\n$text-red:          $red-600 !default;\n$text-white:        $white !default;\n$text-yellow:       $yellow-800 !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",".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: solid;\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.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  margin-top: 2px;\n  list-style: none;\n  background-color: $bg-white;\n  background-clip: padding-box;\n  border: $border-width $border-style $black-fade-15;\n  border-radius: $spacer-1;\n  box-shadow: $box-shadow-large;\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: inline-block;\n    content: \"\";\n  }\n\n  &::before {\n    border: $spacer-2 solid transparent;\n    border-bottom-color: $black-fade-15;\n  }\n\n  &::after {\n    border: 7px solid transparent;\n    border-bottom-color: $white;\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: $text-gray-dark;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:focus,\n  &:hover {\n    color: $text-white;\n    text-decoration: none;\n    background-color: $bg-blue;\n    outline: none;\n\n    > .octicon {\n      color: inherit;\n      opacity: 1;\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;\n}\n\n.dropdown-header {\n  padding: $spacer-1 $spacer-3;\n  font-size: $h6-size;\n  color: $text-gray;\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: $black-fade-15;\n  }\n\n  &::after {\n    top: 11px;\n    right: -14px;\n    left: auto;\n    border-color: transparent;\n    border-left-color: $white;\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: $spacer-2;\n    left: -$spacer-3;\n    border-color: transparent;\n    border-right-color: $black-fade-15;\n  }\n\n  &::after {\n    top: 11px;\n    left: -14px;\n    border-color: transparent;\n    border-right-color: $white;\n  }\n}\n\n.dropdown-menu-ne {\n  top: auto;\n  bottom: 100%;\n  left: 0;\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    border-top: $spacer-2 solid $black-fade-15;\n    border-right: $spacer-2 solid transparent;\n    border-bottom: 0;\n    border-left: $spacer-2 solid transparent;\n  }\n\n  &::after {\n    bottom: -7px;\n    left: 10px;\n    border-top: 7px solid $white;\n    border-right: 7px solid transparent;\n    border-bottom: 0;\n    border-left: 7px solid 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\n// Dark dropdowns\n.dropdown-menu-dark {\n  color: $white;\n  background: $gray-800;\n  border-color: $gray-700;\n  box-shadow: $box-shadow-large;\n\n  &::before {\n    border-bottom-color: $gray-700;\n  }\n\n  &::after {\n    border-bottom-color: $gray-800;\n  }\n\n  .dropdown-header {\n    color: $gray-300;\n  }\n\n  .dropdown-divider {\n    border-top-color: $border-gray-darker;\n  }\n\n  .dropdown-item {\n    color: inherit;\n  }\n\n  // Directional classes\n\n  &.dropdown-menu-w {\n    &::before {\n      border-color: transparent transparent transparent $gray-700;\n    }\n\n    &::after {\n      border-color: transparent transparent transparent $gray-800;\n    }\n  }\n\n  &.dropdown-menu-e {\n    &::before {\n      border-color: transparent $gray-700 transparent transparent;\n    }\n\n    &::after {\n      border-color: transparent $gray-800 transparent transparent;\n    }\n  }\n\n  &.dropdown-menu-ne {\n    &::before {\n      border-color: $gray-700 transparent transparent transparent;\n    }\n\n    &::after {\n      border-color: $gray-800 transparent transparent transparent;\n    }\n  }\n}\n","// Miscellaneous variables\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",".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: $white-fade-70;\n  background-color: $bg-gray-dark;\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: $white;\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    color: $white-fade-70;\n    text-decoration: none;\n  }\n}\n","// Needs refactoring\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  white-space: nowrap;\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\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","// 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","// stylelint-disable selector-max-type\n\n// selector-max-type is needed for body:not(.intent-mouse) to target keyboard only styles.\n// TODO: Introduce an additional .intent-keyboard class\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\" underneat 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: $black-fade-50;\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: $gray-100;\n  border-radius: $border-radius * 2;\n  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);\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: 350px;\n    margin: $spacer-1 0 $spacer-3 0;\n    font-size: $font-size-small;\n    border: $border-width $border-style $border-gray-dark;\n    border-radius: $border-radius;\n    box-shadow: $box-shadow-medium;\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  flex: none; // fixes header from getting squeezed in Safari iOS\n  padding: $spacer-3;\n\n  @include breakpoint(sm) {\n    padding-top: $spacer-2;\n    padding-bottom: $spacer-2;\n  }\n}\n\n.SelectMenu-title {\n  flex: auto;\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  color: $text-gray-light;\n  background-color: transparent;\n  border: 0;\n\n  @include breakpoint(sm) {\n    display: none;\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-top: $border;\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  flex: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: $bg-white;\n  border-top: $border;\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: $text-gray;\n  text-align: left;\n  cursor: pointer;\n  background-color: $bg-white;\n  border: 0;\n\n  & + & {\n    // Add a top border only if the above element also is a list item\n    border-top: $border-width $border-style lighten($gray-200, 3%);\n  }\n\n  @include breakpoint(sm) {\n    padding-top: $spacer-2;\n    padding-bottom: $spacer-2;\n  }\n}\n\n// Icon\n//\n// The icon shown on the left of a list item. Typically a check icon.\n\n.SelectMenu-icon {\n  width: $spacer-3; // fixed width to make sure following content aligns\n  margin-right: $spacer-2;\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  margin-bottom: -$border-width; // hide border of element below\n  overflow-x: auto;\n  overflow-y: hidden;\n  border-top: $border;\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: 0 $spacer-2;\n    border-top: 0;\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: $text-gray-light;\n  text-align: center;\n  background-color: transparent;\n  border: 0;\n  box-shadow: inset 0 -1px 0 $border-color;\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: $text-gray-dark;\n    background-color: $bg-white;\n    box-shadow: 0 0 0 1px $border-color;\n\n    @include breakpoint(sm) {\n      border-color: $border-color;\n      box-shadow: none;\n    }\n  }\n}\n\n// Message, Blankslate and Loading\n//\n// A container used to show different kinds of content. Like a message, a blankslate or the loading animation.\n\n.SelectMenu-message,\n.SelectMenu-blankslate,\n.SelectMenu-loading {\n  padding: $spacer-4 $spacer-3;\n  text-align: center;\n  background-color: $bg-white;\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-bold;\n  color: $text-gray-light;\n  background-color: $gray-100;\n  border-top: $border;\n  border-bottom: $border;\n\n  &:first-child {\n    border-top: 0;\n  }\n\n  &:last-child {\n    border-bottom: 0;\n  }\n}\n\n// Footer\n//\n// A container at the bottom.\n\n.SelectMenu-footer {\n  padding: $spacer-2 $spacer-3;\n  font-size: $font-size-small;\n  color: $text-gray-light;\n  text-align: center;\n  border-top: $border;\n\n  @include breakpoint(sm) {\n    padding: $spacer-1 $spacer-2;\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: 350px;\n      margin-top: $spacer-1;\n    }\n  }\n\n  // Show bottom \"border\" for the last item when the list doesn't take up the whole height\n  .SelectMenu-item:last-child {\n    box-shadow: 0 $border-width 0 lighten($gray-200, 3%);\n  }\n}\n\n// States\n//\n// Different states\n\n// Reset outlines\n.SelectMenu-tab:focus,\n.SelectMenu-item:focus {\n  outline: none;\n}\n\n// Reset <a> elements\n.SelectMenu-item:hover {\n  text-decoration: none;\n}\n\n// Selected\n//\n// Visible when a used clicks/taps on a list item\n\n.SelectMenu-item[aria-checked=\"true\"] {\n  font-weight: $font-weight-semibold;\n  color: $text-gray-dark;\n\n  .SelectMenu-icon {\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// Can hover states\n//\n// For mouse/keyboard input\n\n@media (hover: hover) {\n  body:not(.intent-mouse) .SelectMenu-item:focus,\n  .SelectMenu-item:hover {\n    color: $text-white;\n    background-color: $blue-500;\n  }\n\n  .SelectMenu-item:active {\n    color: $text-white;\n    background-color: $blue-400;\n  }\n\n  body:not(.intent-mouse) .SelectMenu-tab:focus {\n    background-color: $blue-100;\n  }\n\n  .SelectMenu-tab:not([aria-checked=\"true\"]):hover {\n    color: $text-gray-dark;\n    background-color: $gray-200;\n  }\n\n  .SelectMenu-tab:not([aria-checked=\"true\"]):active {\n    color: $text-gray-dark;\n    background-color: $gray-100;\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: $gray-000;\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: rgba($gray-300, 0.5);\n  }\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","// Toast\n\n.Toast {\n  display: flex;\n  margin: $spacer-2;\n  color: $black;\n  background-color: $bg-white;\n  border-radius: $border-radius;\n  box-shadow: inset 0 0 0 1px $border-gray-dark, $box-shadow-medium;\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: $text-white;\n  background-color: $blue-500;\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  background-color: transparent;\n  border: 0;\n\n  &:focus,\n  &:hover {\n    color: $text-gray;\n    outline: none;\n  }\n\n  &:active {\n    color: $gray-400;\n  }\n}\n\n// Modifier\n\n.Toast--error .Toast-icon {\n  background-color: $red-500;\n}\n\n.Toast--warning .Toast-icon {\n  color: $gray-900;\n  background-color: $yellow-600;\n}\n\n.Toast--success .Toast-icon {\n  background-color: $green-500;\n}\n\n.Toast--loading .Toast-icon {\n  background-color: $gray-600;\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 { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n"]}