1
|
{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- 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-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","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: 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 sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > 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 #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > 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.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body 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.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\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","// 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","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\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// 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// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\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: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style 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","// 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: $text-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 // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\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$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\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-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\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-yellow: $yellow-800 !default;\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 // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // 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 // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\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 // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `<img>` styles so 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 // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $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 // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\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 // stylelint-disable-next-line primer/typography\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 // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/\r\n --color-focus: #3b469b; // https://irocore.com/aomurasaki/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #3f4551; // https://irocore.com/konnezu/\r\n --color-divider: #e5e2e4; // https://irocore.com/komachinezu/\r\n --color-bg: #fffffd; // https://irocore.com/shiro/\r\n --color-codebg: #f6f8fa; // GitHub\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/\r\n --color-focus: #e6e6e6; // https://irocore.com/shironezumi/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #c0c0c0; // https://irocore.com/gin-iro/\r\n --color-divider: #4d5158; // Discord\r\n --color-bg: #2f3136; // Discord\r\n --color-codebg: #414449; // kai GitHub\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
|
