/*! @primer/css/core http://primer.style/css Released under MIT license. Copyright (c) 2019 GitHub Inc. */
.octicon { display: inline-block; vertical-align: text-top; fill: currentColor; }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; }

summary { display: list-item; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none !important; }

/* Links ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; /* 1 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #1b1f23; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: 600; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

* { box-sizing: border-box; }

input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; }

body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; }

a { color: #0366d6; text-decoration: none; }

a:hover { text-decoration: underline; }

b, strong { font-weight: 600; }

hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; }

hr::before, .rule::before { display: table; content: ""; }

hr::after, .rule::after { display: table; clear: both; content: ""; }

table { border-spacing: 0; border-collapse: collapse; }

td, th { padding: 0; }

button { cursor: pointer; border-radius: 0; }

[hidden][hidden] { display: none !important; }

details summary { cursor: pointer; }

details:not([open]) > *:not(summary) { display: none !important; }

kbd { display: inline-block; padding: 3px 5px; font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #d1d5da; border-bottom-color: #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }

h1 { font-size: 32px; font-weight: 600; }

h2 { font-size: 24px; font-weight: 600; }

h3 { font-size: 20px; font-weight: 600; }

h4 { font-size: 16px; font-weight: 600; }

h5 { font-size: 14px; font-weight: 600; }

h6 { font-size: 12px; font-weight: 600; }

p { margin-top: 0; margin-bottom: 10px; }

small { font-size: 90%; }

blockquote { margin: 0; }

ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; }

ol ol, ul ol { list-style-type: lower-roman; }

ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }

dd { margin-left: 0; }

tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 12px; }

pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 12px; }

.octicon { vertical-align: text-bottom; }

.Box { background-color: #fff; border: 1px solid #d1d5da; border-radius: 3px; }

.Box--condensed { line-height: 1.25; }

.Box--condensed .Box-header { padding: 8px 16px; }

.Box--condensed .Box-body { padding: 8px 16px; }

.Box--condensed .Box-footer { padding: 8px 16px; }

.Box--condensed .Box-btn-octicon.btn-octicon { padding: 8px 16px; margin: -8px -16px; line-height: 1.25; }

.Box--condensed .Box-row { padding: 8px 16px; }

.Box--spacious .Box-header { padding: 24px; line-height: 1.25; }

.Box--spacious .Box-title { font-size: 20px; }

.Box--spacious .Box-body { padding: 24px; }

.Box--spacious .Box-footer { padding: 24px; }

.Box--spacious .Box-btn-octicon.btn-octicon { padding: 24px; margin: -24px -24px; }

.Box--spacious .Box-row { padding: 24px; }

.Box-header { padding: 16px; margin: -1px -1px 0; background-color: #f6f8fa; border-color: #d1d5da; border-style: solid; border-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.Box-title { font-size: 14px; font-weight: 600; }

.Box-body { padding: 16px; border-bottom: 1px solid #e1e4e8; }

.Box-body:last-of-type { margin-bottom: -1px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

.Box-row { padding: 16px; margin-top: -1px; list-style-type: none; border-top: 1px solid #e1e4e8; }

.Box-row:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }

.Box-row:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

.Box-row.Box-row--unread, .Box-row.unread { box-shadow: 2px 0 0 #0366d6 inset; }

.Box-row.navigation-focus .Box-row--drag-button { color: #0366d6; cursor: grab; opacity: 100; }

.Box-row.navigation-focus.is-dragging .Box-row--drag-button { cursor: grabbing; }

.Box-row.navigation-focus.sortable-chosen { background-color: #fafbfc; }

.Box-row.navigation-focus.sortable-ghost { background-color: #f6f8fa; }

.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide { opacity: 0; }

.Box-row--focus-gray.navigation-focus { background-color: #f6f8fa; }

.Box-row--focus-blue.navigation-focus { background-color: #f1f8ff; }

.Box-row--hover-gray:hover { background-color: #f6f8fa; }

.Box-row--hover-blue:hover { background-color: #f1f8ff; }

@media (min-width: 768px) { .Box-row-link { color: #24292e; text-decoration: none; } .Box-row-link:hover { color: #0366d6; text-decoration: none; } }

.Box-row--drag-button { opacity: 0; }

.Box-footer { padding: 16px; margin-top: -1px; border-top: 1px solid #e1e4e8; }

.Box--scrollable { max-height: 324px; overflow: scroll; }

.Box--blue { border-color: #c8e1ff; }

.Box--blue .Box-header { background-color: #f1f8ff; border-color: #c8e1ff; }

.Box--blue .Box-body { border-color: #c8e1ff; }

.Box--blue .Box-row { border-color: #c8e1ff; }

.Box--blue .Box-footer { border-color: #c8e1ff; }

.Box--danger { border-color: #d73a49; }

.Box--danger .Box-row:first-of-type { border-color: #d73a49; }

.Box--danger .Box-body:last-of-type { border-color: #d73a49; }

.Box-header--blue { background-color: #f1f8ff; border-color: #c8e1ff; }

.Box-row--yellow { background-color: #fffbdd; }

.Box-row--blue { background-color: #f1f8ff; }

.Box-row--gray { background-color: #f6f8fa; }

.Box-btn-octicon.btn-octicon { padding: 16px 16px; margin: -16px -16px; line-height: 1.5; }

.breadcrumb-item { display: inline-block; margin-left: -0.35em; white-space: nowrap; list-style: none; }

.breadcrumb-item::after { padding-right: 0.5em; padding-left: 0.5em; color: #e1e4e8; content: "/"; }

.breadcrumb-item:first-child { margin-left: 0; }

.breadcrumb-item-selected, .breadcrumb-item[aria-current] { color: #586069; }

.breadcrumb-item-selected::after, .breadcrumb-item[aria-current]::after { content: none; }

.btn { position: relative; display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 600; line-height: 20px; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background-repeat: repeat-x; background-position: -1px -1px; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; appearance: none; }

.btn i { font-style: normal; font-weight: 500; opacity: 0.75; }

.btn .octicon { vertical-align: text-top; }

.btn .Counter { color: #586069; text-shadow: none; background-color: rgba(27, 31, 35, 0.1); }

.btn:hover { text-decoration: none; background-repeat: repeat-x; }

.btn:focus { outline: 0; }

.btn:disabled, .btn.disabled, .btn[aria-disabled=true] { cursor: default; background-position: 0 0; }

.btn:active, .btn.selected, .btn[aria-selected=true] { background-image: none; }

.btn { color: #24292e; background-color: #eff3f6; background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); }

.btn:focus, .btn.focus { box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.3); }

.btn:hover, .btn.hover { background-color: #e6ebf1; background-image: linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%); background-position: -0.5em; border-color: rgba(27, 31, 35, 0.35); }

.btn:active, .btn.selected, .btn[aria-selected=true], [open] > .btn { background-color: #e9ecef; background-image: none; border-color: rgba(27, 31, 35, 0.35); box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15); }

.btn:disabled, .btn.disabled, .btn[aria-disabled=true] { color: rgba(36, 41, 46, 0.4); background-color: #eff3f6; background-image: none; border-color: rgba(27, 31, 35, 0.2); box-shadow: none; }

.btn-primary { color: #fff; background-color: #28a745; background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%); }

.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2em rgba(52, 208, 88, 0.4); }

.btn-primary:hover, .btn-primary.hover { background-color: #269f42; background-image: linear-gradient(-180deg, #2fcb53 0%, #269f42 90%); background-position: -0.5em; border-color: rgba(27, 31, 35, 0.5); }

.btn-primary:active, .btn-primary.selected, .btn-primary[aria-selected=true], [open] > .btn-primary { background-color: #279f43; background-image: none; border-color: rgba(27, 31, 35, 0.5); box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15); }

.btn-primary:disabled, .btn-primary.disabled, .btn-primary[aria-disabled=true] { color: rgba(255, 255, 255, 0.75); background-color: #94d3a2; background-image: none; border-color: rgba(27, 31, 35, 0.2); box-shadow: none; }

.btn-primary .Counter { color: #29b249; background-color: #fff; }

.btn-blue { color: #fff; background-color: #0361cc; background-image: linear-gradient(-180deg, #0679fc 0%, #0361cc 90%); }

.btn-blue:focus, .btn-blue.focus { box-shadow: 0 0 0 0.2em rgba(6, 121, 252, 0.4); }

.btn-blue:hover, .btn-blue.hover { background-color: #035cc2; background-image: linear-gradient(-180deg, #0374f4 0%, #035cc2 90%); background-position: -0.5em; border-color: rgba(27, 31, 35, 0.5); }

.btn-blue:active, .btn-blue.selected, .btn-blue[aria-selected=true], [open] > .btn-blue { background-color: #045cc1; background-image: none; border-color: rgba(27, 31, 35, 0.5); box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15); }

.btn-blue:disabled, .btn-blue.disabled, .btn-blue[aria-disabled=true] { color: rgba(255, 255, 255, 0.75); background-color: #81b0e5; background-image: none; border-color: rgba(27, 31, 35, 0.2); box-shadow: none; }

.btn-blue .Counter { color: #0366d6; background-color: #fff; }

.btn-danger { color: #cb2431; background-color: #fafbfc; background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); }

.btn-danger:focus { box-shadow: 0 0 0 0.2em rgba(203, 36, 49, 0.4); }

.btn-danger:hover { color: #fff; background-color: #cb2431; background-image: linear-gradient(-180deg, #de4450 0%, #cb2431 90%); border-color: rgba(27, 31, 35, 0.5); }

.btn-danger:hover .Counter { color: #fff; }

.btn-danger:active, .btn-danger.selected, .btn-danger[aria-selected=true], [open] > .btn-danger { color: #fff; background-color: #b5202c; background-image: none; border-color: rgba(27, 31, 35, 0.5); box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15); }

.btn-danger:disabled, .btn-danger.disabled, .btn-danger[aria-disabled=true] { color: rgba(203, 36, 49, 0.4); background-color: #eff3f6; background-image: none; border-color: rgba(27, 31, 35, 0.2); box-shadow: none; }

.btn-outline { color: #0366d6; background-color: #fff; background-image: none; }

.btn-outline .Counter { background-color: rgba(27, 31, 35, 0.07); }

.btn-outline:hover, .btn-outline:active, .btn-outline.selected, .btn-outline[aria-selected=true], [open] > .btn-outline { color: #fff; background-color: #0366d6; background-image: none; border-color: #0366d6; }

.btn-outline:hover .Counter, .btn-outline:active .Counter, .btn-outline.selected .Counter, .btn-outline[aria-selected=true] .Counter, [open] > .btn-outline .Counter { color: #0366d6; background-color: #fff; }

.btn-outline:focus { border-color: #0366d6; box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.4); }

.btn-outline:disabled, .btn-outline.disabled, .btn-outline[aria-disabled=true] { color: rgba(27, 31, 35, 0.3); background-color: #fff; border-color: rgba(27, 31, 35, 0.15); box-shadow: none; }

.btn-with-count { float: left; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-sm { padding: 3px 10px; font-size: 12px; line-height: 20px; }

.btn-large { padding: 0.75em 1.25em; font-size: inherit; border-radius: 6px; }

.btn-block { display: block; width: 100%; text-align: center; }

.btn-link { display: inline-block; padding: 0; font-size: inherit; color: #0366d6; text-decoration: none; white-space: nowrap; cursor: pointer; user-select: none; background-color: transparent; border: 0; appearance: none; }

.btn-link:hover { text-decoration: underline; }

.btn-link:disabled, .btn-link:disabled:hover, .btn-link[aria-disabled=true], .btn-link[aria-disabled=true]:hover { color: rgba(88, 96, 105, 0.5); cursor: default; }

.btn-invisible { color: #0366d6; background-color: #fff; background-image: none; border: 0; }

.btn-invisible:hover, .btn-invisible:active, .btn-invisible:focus, .btn-invisible.selected, .btn-invisible[aria-selected=true], .btn-invisible.zeroclipboard-is-hover, .btn-invisible.zeroclipboard-is-active { color: #0366d6; background: none; outline: none; box-shadow: none; }

.btn-octicon { display: inline-block; padding: 5px; margin-left: 5px; line-height: 1; color: #586069; vertical-align: middle; background: transparent; border: 0; }

.btn-octicon:hover { color: #0366d6; }

.btn-octicon.disabled, .btn-octicon[aria-disabled=true] { color: #959da5; cursor: default; }

.btn-octicon.disabled:hover, .btn-octicon[aria-disabled=true]:hover { color: #959da5; }

.btn-octicon-danger:hover { color: #cb2431; }

.BtnGroup { display: inline-block; vertical-align: middle; }

.BtnGroup::before { display: table; content: ""; }

.BtnGroup::after { display: table; clear: both; content: ""; }

.BtnGroup + .BtnGroup, .BtnGroup + .btn { margin-left: 4px; }

.BtnGroup-item { position: relative; float: left; border-right-width: 0; border-radius: 0; }

.BtnGroup-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.BtnGroup-item:last-child { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.BtnGroup-item.selected, .BtnGroup-item[aria-selected=true], .BtnGroup-item:focus, .BtnGroup-item:active, .BtnGroup-item:hover { border-right-width: 1px; }

.BtnGroup-item.selected + .BtnGroup-item, .BtnGroup-item.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item[aria-selected=true] + .BtnGroup-item, .BtnGroup-item[aria-selected=true] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:focus + .BtnGroup-item, .BtnGroup-item:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:active + .BtnGroup-item, .BtnGroup-item:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:hover + .BtnGroup-item, .BtnGroup-item:hover + .BtnGroup-parent .BtnGroup-item { border-left-width: 0; }

.BtnGroup-parent { float: left; }

.BtnGroup-parent:first-child .BtnGroup-item { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.BtnGroup-parent:last-child .BtnGroup-item { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.BtnGroup-parent .BtnGroup-item { border-right-width: 0; border-radius: 0; }

.BtnGroup-parent.selected .BtnGroup-item, .BtnGroup-parent[aria-selected=true] .BtnGroup-item, .BtnGroup-parent:focus .BtnGroup-item, .BtnGroup-parent:active .BtnGroup-item, .BtnGroup-parent:hover .BtnGroup-item { border-right-width: 1px; }

.BtnGroup-parent.selected + .BtnGroup-item, .BtnGroup-parent.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent[aria-selected=true] + .BtnGroup-item, .BtnGroup-parent[aria-selected=true] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:focus + .BtnGroup-item, .BtnGroup-parent:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:active + .BtnGroup-item, .BtnGroup-parent:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:hover + .BtnGroup-item, .BtnGroup-parent:hover + .BtnGroup-parent .BtnGroup-item { border-left-width: 0; }

.BtnGroup-item:focus, .BtnGroup-item:active, .BtnGroup-parent:focus, .BtnGroup-parent:active { z-index: 1; }

.close-button { padding: 0; background: transparent; border: 0; outline: none; }

.hidden-text-expander { display: block; }

.hidden-text-expander.inline { position: relative; top: -1px; display: inline-block; margin-left: 5px; line-height: 0; }

.hidden-text-expander a, .ellipsis-expander { display: inline-block; height: 12px; padding: 0 5px 5px; font-size: 12px; font-weight: 600; line-height: 6px; color: #444d56; text-decoration: none; vertical-align: middle; background: #dfe2e5; border: 0; border-radius: 1px; }

.hidden-text-expander a:hover, .ellipsis-expander:hover { text-decoration: none; background-color: #c6cbd1; }

.hidden-text-expander a:active, .ellipsis-expander:active { color: #fff; background-color: #2188ff; }

.social-count { float: left; padding: 3px 10px; font-size: 12px; font-weight: 600; line-height: 20px; color: #24292e; vertical-align: middle; background-color: #fff; border: 1px solid rgba(27, 31, 35, 0.2); border-left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.social-count:hover, .social-count:active { text-decoration: none; }

.social-count:hover { color: #0366d6; cursor: pointer; }

.TableObject { display: table; }

.TableObject-item { display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle; }

.TableObject-item--primary { width: 99%; }

fieldset { padding: 0; margin: 0; border: 0; }

label { font-weight: 600; }

.form-control, .form-select { min-height: 34px; padding: 6px 8px; font-size: 16px; line-height: 20px; color: #24292e; vertical-align: middle; background-color: #fff; background-repeat: no-repeat; background-position: right 8px center; border: 1px solid #d1d5da; border-radius: 3px; outline: none; box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075); }

.form-control.focus, .form-control:focus, .form-select.focus, .form-select:focus { border-color: #2188ff; outline: none; box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(3, 102, 214, 0.3); }

@media (min-width: 768px) { .form-control, .form-select { font-size: 14px; } }

.input-contrast { background-color: #fafbfc; }

.input-contrast:focus { background-color: #fff; }

.input-dark { color: #fff; background-color: rgba(255, 255, 255, 0.15); border-color: transparent; }

.input-dark::placeholder { color: inherit; opacity: 0.6; }

.input-dark.focus, .input-dark:focus { border-color: rgba(27, 31, 35, 0.3); box-shadow: 0 0 0 0.2em rgba(121, 184, 255, 0.4); }

::placeholder { color: #6a737d; }

.input-sm { min-height: 28px; padding-top: 3px; padding-bottom: 3px; font-size: 12px; line-height: 20px; }

.input-lg { padding: 4px 10px; font-size: 16px; }

.input-block { display: block; width: 100%; }

.input-monospace { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; }

.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button { position: absolute; right: 0; display: none !important; pointer-events: none; visibility: hidden; }

.form-checkbox { padding-left: 20px; margin: 15px 0; vertical-align: middle; }

.form-checkbox label em.highlight { position: relative; left: -4px; padding: 2px 4px; font-style: normal; background: #fffbdd; border-radius: 3px; }

.form-checkbox input[type=checkbox], .form-checkbox input[type=radio] { float: left; margin: 5px 0 0 -20px; vertical-align: middle; }

.form-checkbox .note { display: block; margin: 0; font-size: 12px; font-weight: 400; color: #586069; }

.form-checkbox-details { display: none; }

.form-checkbox-details-trigger:checked ~ * .form-checkbox-details, .form-checkbox-details-trigger:checked ~ .form-checkbox-details { display: block; }

.hfields { margin: 15px 0; }

.hfields::before { display: table; content: ""; }

.hfields::after { display: table; clear: both; content: ""; }

.hfields .form-group { float: left; margin: 0 30px 0 0; }

.hfields .form-group dt label, .hfields .form-group .form-group-header label { display: inline-block; margin: 5px 0 0; color: #586069; }

.hfields .form-group dt img, .hfields .form-group .form-group-header img { position: relative; top: -2px; }

.hfields .btn { float: left; margin: 28px 25px 0 -20px; }

.hfields .form-select { margin-top: 5px; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; appearance: none; }

.form-actions::before { display: table; content: ""; }

.form-actions::after { display: table; clear: both; content: ""; }

.form-actions .btn { float: right; }

.form-actions .btn + .btn { margin-right: 5px; }

.form-warning { padding: 8px 10px; margin: 10px 0; font-size: 14px; color: #735c0f; background: #fffbdd; border: 1px solid #d9d0a5; border-radius: 3px; }

.form-warning p { margin: 0; line-height: 1.5; }

.form-warning a { font-weight: 600; }

.form-select { display: inline-block; max-width: 100%; height: 34px; padding-right: 24px; background-color: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: right 8px center; background-size: 8px 10px; appearance: none; }

.form-select::-ms-expand { opacity: 0; }

.form-select[multiple] { height: auto; }

.select-sm { height: 28px; min-height: 28px; padding-top: 3px; padding-bottom: 3px; font-size: 12px; }

.select-sm[multiple] { height: auto; min-height: 0; }

.form-group { margin: 15px 0; }

.form-group .form-control { width: 440px; max-width: 100%; margin-right: 5px; background-color: #fafbfc; }

.form-group .form-control:focus { background-color: #fff; }

.form-group .form-control.shorter { width: 130px; }

.form-group .form-control.short { width: 250px; }

.form-group .form-control.long { width: 100%; }

.form-group textarea.form-control { width: 100%; height: 200px; min-height: 200px; }

.form-group textarea.form-control.short { height: 50px; min-height: 50px; }

.form-group dt, .form-group .form-group-header { margin: 0 0 6px; }

.form-group label { position: relative; }

.form-group.flattened dt, .form-group.flattened .form-group-header { float: left; margin: 0; line-height: 32px; }

.form-group.flattened dd, .form-group.flattened .form-group-body { line-height: 32px; }

.form-group dd h4, .form-group .form-group-body h4 { margin: 4px 0 0; }

.form-group dd h4.is-error, .form-group .form-group-body h4.is-error { color: #cb2431; }

.form-group dd h4.is-success, .form-group .form-group-body h4.is-success { color: #28a745; }

.form-group dd h4 + .note, .form-group .form-group-body h4 + .note { margin-top: 0; }

.form-group.required dt label::after, .form-group.required .form-group-header label::after { padding-left: 5px; color: #cb2431; content: "*"; }

.form-group .success, .form-group .error, .form-group .indicator { display: none; font-size: 12px; font-weight: 600; }

.form-group.loading { opacity: 0.5; }

.form-group.loading .indicator { display: inline; }

.form-group.loading .spinner { display: inline-block; vertical-align: middle; }

.form-group.successful .success { display: inline; color: #28a745; }

.form-group.successed .success, .form-group.successed .warning, .form-group.successed .error, .form-group.warn .success, .form-group.warn .warning, .form-group.warn .error, .form-group.errored .success, .form-group.errored .warning, .form-group.errored .error { position: absolute; z-index: 10; display: block; max-width: 450px; padding: 5px 8px; margin: 4px 0 0; font-size: 13px; font-weight: 400; border-style: solid; border-width: 1px; border-radius: 3px; }

.form-group.successed .success::after, .form-group.successed .success::before, .form-group.successed .warning::after, .form-group.successed .warning::before, .form-group.successed .error::after, .form-group.successed .error::before, .form-group.warn .success::after, .form-group.warn .success::before, .form-group.warn .warning::after, .form-group.warn .warning::before, .form-group.warn .error::after, .form-group.warn .error::before, .form-group.errored .success::after, .form-group.errored .success::before, .form-group.errored .warning::after, .form-group.errored .warning::before, .form-group.errored .error::after, .form-group.errored .error::before { position: absolute; bottom: 100%; left: 10px; z-index: 15; width: 0; height: 0; pointer-events: none; content: " "; border: solid transparent; }

.form-group.successed .success::after, .form-group.successed .warning::after, .form-group.successed .error::after, .form-group.warn .success::after, .form-group.warn .warning::after, .form-group.warn .error::after, .form-group.errored .success::after, .form-group.errored .warning::after, .form-group.errored .error::after { border-width: 5px; }

.form-group.successed .success::before, .form-group.successed .warning::before, .form-group.successed .error::before, .form-group.warn .success::before, .form-group.warn .warning::before, .form-group.warn .error::before, .form-group.errored .success::before, .form-group.errored .warning::before, .form-group.errored .error::before { margin-left: -1px; border-width: 6px; }

.form-group.successed .success { color: #144620; background-color: #dcffe4; border-color: #34d058; }

.form-group.successed .success::after { border-bottom-color: #dcffe4; }

.form-group.successed .success::before { border-bottom-color: #34d058; }

.form-group.warn .warning { color: #735c0f; background-color: #fffbdd; border-color: #d9d0a5; }

.form-group.warn .warning::after { border-bottom-color: #fffbdd; }

.form-group.warn .warning::before { border-bottom-color: #d9d0a5; }

.form-group.errored label { color: #cb2431; }

.form-group.errored .error { color: #86181d; background-color: #ffdce0; border-color: #cea0a5; }

.form-group.errored .error::after { border-bottom-color: #ffdce0; }

.form-group.errored .error::before { border-bottom-color: #cea0a5; }

.note { min-height: 17px; margin: 4px 0 2px; font-size: 12px; color: #586069; }

.note .spinner { margin-right: 3px; vertical-align: middle; }

dl.form-group > dd .form-control.is-autocheck-loading, dl.form-group > dd .form-control.is-autocheck-successful, dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-errored { padding-right: 30px; }

dl.form-group > dd .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-loading { background-image: url("/images/spinners/octocat-spinner-16px.gif"); }

dl.form-group > dd .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-successful { background-image: url("/images/modules/ajax/success.png"); }

dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-errored { background-image: url("/images/modules/ajax/error.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { dl.form-group > dd .form-control.is-autocheck-loading, dl.form-group > dd .form-control.is-autocheck-successful, dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-errored { background-size: 16px 16px; } dl.form-group > dd .form-control.is-autocheck-loading, .form-group > .form-group-body .form-control.is-autocheck-loading { background-image: url("/images/spinners/octocat-spinner-32.gif"); } dl.form-group > dd .form-control.is-autocheck-successful, .form-group > .form-group-body .form-control.is-autocheck-successful { background-image: url("/images/modules/ajax/success@2x.png"); } dl.form-group > dd .form-control.is-autocheck-errored, .form-group > .form-group-body .form-control.is-autocheck-errored { background-image: url("/images/modules/ajax/error@2x.png"); } }

.status-indicator { display: inline-block; width: 16px; height: 16px; margin-left: 5px; }

.status-indicator .octicon { display: none; }

.status-indicator-success::before { content: ""; }

.status-indicator-success .octicon-check { display: inline-block; color: #28a745; fill: #28a745; }

.status-indicator-success .octicon-x { display: none; }

.status-indicator-failed::before { content: ""; }

.status-indicator-failed .octicon-check { display: none; }

.status-indicator-failed .octicon-x { display: inline-block; color: #cb2431; fill: #d73a49; }

.status-indicator-loading { width: 16px; background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif"); background-repeat: no-repeat; background-position: 0 0; background-size: 16px; }

.inline-form { display: inline-block; }

.inline-form .btn-plain { background-color: transparent; border: 0; }

.drag-and-drop { padding: 7px 10px; margin: 0; font-size: 13px; line-height: 16px; color: #586069; background-color: #fafbfc; border: 1px solid #c3c8cf; border-top: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.drag-and-drop .default, .drag-and-drop .loading, .drag-and-drop .error { display: none; }

.drag-and-drop .error { color: #cb2431; }

.drag-and-drop img { vertical-align: top; }

.is-default .drag-and-drop .default { display: inline-block; }

.is-uploading .drag-and-drop .loading { display: inline-block; }

.is-bad-file .drag-and-drop .bad-file { display: inline-block; }

.is-duplicate-filename .drag-and-drop .duplicate-filename { display: inline-block; }

.is-too-big .drag-and-drop .too-big { display: inline-block; }

.is-hidden-file .drag-and-drop .hidden-file { display: inline-block; }

.is-empty .drag-and-drop .empty { display: inline-block; }

.is-bad-permissions .drag-and-drop .bad-permissions { display: inline-block; }

.is-repository-required .drag-and-drop .repository-required { display: inline-block; }

.drag-and-drop-error-info { font-weight: 400; color: #586069; }

.drag-and-drop-error-info a { color: #0366d6; }

.is-failed .drag-and-drop .failed-request { display: inline-block; }

.manual-file-chooser { position: absolute; width: 240px; padding: 5px; margin-left: -80px; cursor: pointer; opacity: 0.0001; }

.manual-file-chooser:hover + .manual-file-chooser-text { text-decoration: underline; }

.btn .manual-file-chooser { top: 0; padding: 0; line-height: 34px; }

.upload-enabled textarea { display: block; border-bottom: 1px dashed #dfe2e5; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.upload-enabled.focused { border-radius: 3px; box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(3, 102, 214, 0.3); }

.upload-enabled.focused .form-control { box-shadow: none; }

.upload-enabled.focused .drag-and-drop { border-color: #4a9eff; }

.dragover textarea, .dragover .drag-and-drop { box-shadow: #c9ff00 0 0 3px; }

.write-content { position: relative; }

.previewable-comment-form { position: relative; }

.previewable-comment-form .tabnav { position: relative; padding: 8px 8px 0; }

.previewable-comment-form .comment { border: 1px solid #c3c8cf; }

.previewable-comment-form .comment-form-error { margin-bottom: 8px; }

.previewable-comment-form .write-content, .previewable-comment-form .preview-content { display: none; margin: 0 8px 8px; }

.previewable-comment-form.write-selected .write-content, .previewable-comment-form.preview-selected .preview-content { display: block; }

.previewable-comment-form textarea { display: block; width: 100%; min-height: 100px; max-height: 500px; padding: 8px; resize: vertical; }

.form-action-spacious { margin-top: 10px; }

div.composer { margin-top: 0; border: 0; }

.composer .comment-form-textarea { height: 200px; min-height: 200px; }

.composer .tabnav { margin: 0 0 10px; }

h2.account { margin: 15px 0 0; font-size: 18px; font-weight: 400; color: #586069; }

p.explain { position: relative; font-size: 12px; color: #586069; }

p.explain strong { color: #24292e; }

p.explain .octicon { margin-right: 5px; color: #959da5; }

p.explain .minibutton { top: -4px; float: right; }

.form-group label { position: static; }

.input-group { display: table; }

.input-group .form-control { position: relative; width: 100%; }

.input-group .form-control:focus { z-index: 2; }

.input-group .form-control + .btn { margin-left: 0; }

.input-group.inline { display: inline-table; }

.input-group .form-control, .input-group-button { display: table-cell; }

.input-group-button { width: 1%; vertical-align: middle; }

.input-group .form-control:first-child, .input-group-button:first-child .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group-button:first-child .btn { margin-right: -1px; }

.input-group .form-control:last-child, .input-group-button:last-child .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group-button:last-child .btn { margin-left: -1px; }

.radio-group::before { display: table; content: ""; }

.radio-group::after { display: table; clear: both; content: ""; }

.radio-label { float: left; padding: 6px 16px 6px 36px; margin-left: -1px; font-size: 14px; line-height: 20px; color: #24292e; cursor: pointer; border: 1px solid #d1d5da; }

:checked + .radio-label { position: relative; z-index: 1; border-color: #0366d6; }

.radio-label:first-of-type { margin-left: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.radio-label:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.radio-input { z-index: 3; float: left; margin: 10px -32px 0 16px; }

.container-sm { max-width: 544px; margin-right: auto; margin-left: auto; }

.container-md { max-width: 768px; margin-right: auto; margin-left: auto; }

.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; }

.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; }

.col-1 { width: 8.3333333333%; }

.col-2 { width: 16.6666666667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.3333333333%; }

.col-5 { width: 41.6666666667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.3333333333%; }

.col-8 { width: 66.6666666667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.3333333333%; }

.col-11 { width: 91.6666666667%; }

.col-12 { width: 100%; }

@media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } }

@media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } }

@media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } }

@media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; } .col-xl-2 { width: 16.6666666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.3333333333%; } .col-xl-5 { width: 41.6666666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.3333333333%; } .col-xl-8 { width: 66.6666666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.3333333333%; } .col-xl-11 { width: 91.6666666667%; } .col-xl-12 { width: 100%; } }

.gutter { margin-right: -16px; margin-left: -16px; }

.gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }

.gutter-condensed { margin-right: -8px; margin-left: -8px; }

.gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }

.gutter-spacious { margin-right: -24px; margin-left: -24px; }

.gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; }

@media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; } .gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-sm-condensed { margin-right: -8px; margin-left: -8px; } .gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-sm-spacious { margin-right: -24px; margin-left: -24px; } .gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

@media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; } .gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-md-condensed { margin-right: -8px; margin-left: -8px; } .gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-md-spacious { margin-right: -24px; margin-left: -24px; } .gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

@media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; } .gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-lg-condensed { margin-right: -8px; margin-left: -8px; } .gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-lg-spacious { margin-right: -24px; margin-left: -24px; } .gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

@media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; } .gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-xl-condensed { margin-right: -8px; margin-left: -8px; } .gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-xl-spacious { margin-right: -24px; margin-left: -24px; } .gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

.offset-1 { margin-left: 8.3333333333% !important; }

.offset-2 { margin-left: 16.6666666667% !important; }

.offset-3 { margin-left: 25% !important; }

.offset-4 { margin-left: 33.3333333333% !important; }

.offset-5 { margin-left: 41.6666666667% !important; }

.offset-6 { margin-left: 50% !important; }

.offset-7 { margin-left: 58.3333333333% !important; }

.offset-8 { margin-left: 66.6666666667% !important; }

.offset-9 { margin-left: 75% !important; }

.offset-10 { margin-left: 83.3333333333% !important; }

.offset-11 { margin-left: 91.6666666667% !important; }

@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333% !important; } .offset-sm-2 { margin-left: 16.6666666667% !important; } .offset-sm-3 { margin-left: 25% !important; } .offset-sm-4 { margin-left: 33.3333333333% !important; } .offset-sm-5 { margin-left: 41.6666666667% !important; } .offset-sm-6 { margin-left: 50% !important; } .offset-sm-7 { margin-left: 58.3333333333% !important; } .offset-sm-8 { margin-left: 66.6666666667% !important; } .offset-sm-9 { margin-left: 75% !important; } .offset-sm-10 { margin-left: 83.3333333333% !important; } .offset-sm-11 { margin-left: 91.6666666667% !important; } }

@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333% !important; } .offset-md-2 { margin-left: 16.6666666667% !important; } .offset-md-3 { margin-left: 25% !important; } .offset-md-4 { margin-left: 33.3333333333% !important; } .offset-md-5 { margin-left: 41.6666666667% !important; } .offset-md-6 { margin-left: 50% !important; } .offset-md-7 { margin-left: 58.3333333333% !important; } .offset-md-8 { margin-left: 66.6666666667% !important; } .offset-md-9 { margin-left: 75% !important; } .offset-md-10 { margin-left: 83.3333333333% !important; } .offset-md-11 { margin-left: 91.6666666667% !important; } }

@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333% !important; } .offset-lg-2 { margin-left: 16.6666666667% !important; } .offset-lg-3 { margin-left: 25% !important; } .offset-lg-4 { margin-left: 33.3333333333% !important; } .offset-lg-5 { margin-left: 41.6666666667% !important; } .offset-lg-6 { margin-left: 50% !important; } .offset-lg-7 { margin-left: 58.3333333333% !important; } .offset-lg-8 { margin-left: 66.6666666667% !important; } .offset-lg-9 { margin-left: 75% !important; } .offset-lg-10 { margin-left: 83.3333333333% !important; } .offset-lg-11 { margin-left: 91.6666666667% !important; } }

@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333% !important; } .offset-xl-2 { margin-left: 16.6666666667% !important; } .offset-xl-3 { margin-left: 25% !important; } .offset-xl-4 { margin-left: 33.3333333333% !important; } .offset-xl-5 { margin-left: 41.6666666667% !important; } .offset-xl-6 { margin-left: 50% !important; } .offset-xl-7 { margin-left: 58.3333333333% !important; } .offset-xl-8 { margin-left: 66.6666666667% !important; } .offset-xl-9 { margin-left: 75% !important; } .offset-xl-10 { margin-left: 83.3333333333% !important; } .offset-xl-11 { margin-left: 91.6666666667% !important; } }

.menu { margin-bottom: 15px; list-style: none; background-color: #fff; border: 1px solid #d1d5da; border-radius: 3px; }

.menu-item { position: relative; display: block; padding: 8px 10px; border-bottom: 1px #e1e4e8 solid; }

.menu-item:first-child { border-top: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; }

.menu-item:first-child::before { border-top-left-radius: 2px; }

.menu-item:last-child { border-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

.menu-item:last-child::before { border-bottom-left-radius: 2px; }

.menu-item:hover { text-decoration: none; background-color: #f6f8fa; }

.menu-item.selected, .menu-item[aria-selected=true], .menu-item[aria-current] { font-weight: 600; color: #24292e; cursor: default; background-color: #fff; }

.menu-item.selected::before, .menu-item[aria-selected=true]::before, .menu-item[aria-current]::before { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; content: ""; background-color: #e36209; }

.menu-item .octicon { width: 16px; margin-right: 5px; color: #24292e; text-align: center; }

.menu-item .Counter { float: right; margin-left: 5px; }

.menu-item .menu-warning { float: right; color: #86181d; }

.menu-item .avatar { float: left; margin-right: 5px; }

.menu-item.alert .Counter { color: #cb2431; }

.menu-heading { display: block; padding: 8px 10px; margin-top: 0; margin-bottom: 0; font-size: 13px; font-weight: 600; line-height: 20px; color: #586069; background-color: #f3f5f8; border-bottom: 1px #e1e4e8 solid; }

.menu-heading:hover { text-decoration: none; }

.menu-heading:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }

.menu-heading:last-child { border-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

.tabnav { margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #d1d5da; }

.tabnav .Counter { margin-left: 5px; }

.tabnav-tabs { margin-bottom: -1px; }

.tabnav-tab { display: inline-block; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #586069; text-decoration: none; background-color: transparent; border: 1px solid transparent; border-bottom: 0; }

.tabnav-tab.selected, .tabnav-tab[aria-selected=true], .tabnav-tab[aria-current] { color: #24292e; background-color: #fff; border-color: #d1d5da; border-radius: 3px 3px 0 0; }

.tabnav-tab:hover, .tabnav-tab:focus { color: #24292e; text-decoration: none; }

.tabnav-extra { display: inline-block; padding-top: 10px; margin-left: 10px; font-size: 12px; color: #586069; }

.tabnav-extra > .octicon { margin-right: 2px; }

a.tabnav-extra:hover { color: #0366d6; text-decoration: none; }

.tabnav-btn { margin-left: 10px; }

.filter-list { list-style-type: none; }

.filter-list.small .filter-item { padding: 4px 10px; margin: 0 0 2px; font-size: 12px; }

.filter-list.pjax-active .filter-item { color: #586069; background-color: transparent; }

.filter-list.pjax-active .filter-item.pjax-active { color: #fff; background-color: #0366d6; }

.filter-item { position: relative; display: block; padding: 8px 10px; margin-bottom: 5px; overflow: hidden; font-size: 14px; color: #586069; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; border-radius: 3px; }

.filter-item:hover { text-decoration: none; background-color: #eaecef; }

.filter-item.selected, .filter-item[aria-selected=true], .filter-item[aria-current] { color: #fff; background-color: #0366d6; }

.filter-item .count { float: right; font-weight: 600; }

.filter-item .bar { position: absolute; top: 2px; right: 0; bottom: 2px; z-index: -1; display: inline-block; background-color: #eff3f6; }

.SideNav { background-color: #fafbfc; }

.SideNav-item { position: relative; display: block; width: 100%; padding: 16px; color: #586069; text-align: left; background-color: transparent; border: 0; border-top: 1px #e1e4e8 solid; }

.SideNav-item:first-child { border-top: 0; }

.SideNav-item:last-child { box-shadow: 0 1px 0 #e1e4e8; }

.SideNav-item::before { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; width: 3px; pointer-events: none; content: ""; }

.SideNav-item:hover, .SideNav-item:focus { color: #24292e; text-decoration: none; background-color: #f6f8fa; outline: none; }

.SideNav-item:hover::before, .SideNav-item:focus::before { background-color: #d1d5da; }

.SideNav-item:active { background-color: #fff; }

.SideNav-item[aria-current="page"], .SideNav-item[aria-selected="true"] { font-weight: 500; color: #24292e; background-color: #fff; }

.SideNav-item[aria-current="page"]::before, .SideNav-item[aria-selected="true"]::before { background-color: #e36209; }

.SideNav-icon { width: 16px; color: #6a737d; }

.SideNav-subItem { position: relative; display: block; width: 100%; padding: 4px 0; color: #0366d6; text-align: left; background-color: transparent; border: 0; }

.SideNav-subItem:hover, .SideNav-subItem:focus { color: #24292e; text-decoration: none; outline: none; }

.SideNav-subItem[aria-current="page"], .SideNav-subItem[aria-selected="true"] { font-weight: 500; color: #24292e; }

.subnav { margin-bottom: 20px; }

.subnav::before { display: table; content: ""; }

.subnav::after { display: table; clear: both; content: ""; }

.subnav-bordered { padding-bottom: 20px; border-bottom: 1px solid #eaecef; }

.subnav-flush { margin-bottom: 0; }

.subnav-item { position: relative; float: left; padding: 6px 14px; font-weight: 600; line-height: 20px; color: #586069; border: 1px #e1e4e8 solid; }

.subnav-item + .subnav-item { margin-left: -1px; }

.subnav-item:hover, .subnav-item:focus { text-decoration: none; background-color: #f6f8fa; }

.subnav-item.selected, .subnav-item[aria-selected=true], .subnav-item[aria-current] { z-index: 2; color: #fff; background-color: #0366d6; border-color: #0366d6; }

.subnav-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.subnav-item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.subnav-search { position: relative; margin-left: 10px; }

.subnav-search-input { width: 320px; padding-left: 30px; color: #586069; }

.subnav-search-input-wide { width: 500px; }

.subnav-search-icon { position: absolute; top: 9px; left: 8px; display: block; color: #c6cbd1; text-align: center; pointer-events: none; }

.subnav-search-context .btn { color: #444d56; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.subnav-search-context .btn:hover, .subnav-search-context .btn:focus, .subnav-search-context .btn:active, .subnav-search-context .btn.selected { z-index: 2; }

.subnav-search-context + .subnav-search { margin-left: -1px; }

.subnav-search-context + .subnav-search .subnav-search-input { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.subnav-search-context .select-menu-modal-holder { z-index: 30; }

.subnav-search-context .select-menu-modal { width: 220px; }

.subnav-search-context .select-menu-item-icon { color: inherit; }

.subnav-spacer-right { padding-right: 10px; }

.UnderlineNav { display: flex; overflow-x: auto; overflow-y: hidden; border-bottom: 1px #e1e4e8 solid; justify-content: space-between; }

.UnderlineNav-body { display: flex; }

.UnderlineNav-item { padding: 16px 8px; margin-right: 16px; font-size: 14px; line-height: 1.5; color: #586069; text-align: center; white-space: nowrap; background-color: transparent; border: 0; border-bottom: 2px solid transparent; }

.UnderlineNav-item:hover, .UnderlineNav-item:focus { color: #24292e; text-decoration: none; border-bottom-color: #d1d5da; transition: 0.2s ease; }

.UnderlineNav-item:hover .UnderlineNav-octicon, .UnderlineNav-item:focus .UnderlineNav-octicon { color: #6a737d; }

.UnderlineNav-item.selected, .UnderlineNav-item[role=tab][aria-selected=true], .UnderlineNav-item[aria-current] { font-weight: 600; color: #24292e; border-bottom-color: #e36209; }

.UnderlineNav-item.selected .UnderlineNav-octicon, .UnderlineNav-item[role=tab][aria-selected=true] .UnderlineNav-octicon, .UnderlineNav-item[aria-current] .UnderlineNav-octicon { color: #6a737d; }

.UnderlineNav--right { justify-content: flex-end; }

.UnderlineNav--right .UnderlineNav-item { margin-right: 0; margin-left: 16px; }

.UnderlineNav--right .UnderlineNav-actions { flex: 1 1 auto; }

.UnderlineNav-actions { align-self: center; }

.UnderlineNav--full { display: block; }

.UnderlineNav-octicon { color: #959da5; }

.UnderlineNav-container { display: flex; justify-content: space-between; }

.pagination::before { display: table; content: ""; }

.pagination::after { display: table; clear: both; content: ""; }

.pagination a, .pagination span, .pagination em { position: relative; float: left; padding: 7px 12px; margin-left: -1px; font-size: 13px; font-style: normal; font-weight: 600; color: #0366d6; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background: #fff; border: 1px solid #e1e4e8; }

.pagination a:first-child, .pagination span:first-child, .pagination em:first-child { margin-left: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.pagination a:last-child, .pagination span:last-child, .pagination em:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus, .pagination em:hover, .pagination em:focus { z-index: 2; text-decoration: none; background-color: #eff3f6; border-color: #e1e4e8; }

.pagination .selected { z-index: 3; }

.pagination .current, .pagination .current:hover, .pagination [aria-current], .pagination [aria-current]:hover { z-index: 3; color: #fff; background-color: #0366d6; border-color: #0366d6; }

.pagination .gap, .pagination .disabled, .pagination [aria-disabled=true], .pagination .gap:hover, .pagination .disabled:hover, .pagination [aria-disabled=true]:hover { color: #d1d5da; cursor: default; background-color: #fafbfc; }

.paginate-container { margin-top: 20px; margin-bottom: 15px; text-align: center; }

.paginate-container .pagination { display: inline-block; }

.tooltipped { position: relative; }

.tooltipped::after { position: absolute; z-index: 1000000; display: none; padding: 0.5em 0.75em; font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; -webkit-font-smoothing: subpixel-antialiased; color: #fff; text-align: center; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-wrap: break-word; white-space: pre; pointer-events: none; content: attr(aria-label); background: #1b1f23; border-radius: 3px; opacity: 0; }

.tooltipped::before { position: absolute; z-index: 1000001; display: none; width: 0; height: 0; color: #1b1f23; pointer-events: none; content: ""; border: 6px solid transparent; opacity: 0; }

@keyframes tooltip-appear { from { opacity: 0; }
  to { opacity: 1; } }

.tooltipped:hover::before, .tooltipped:hover::after, .tooltipped:active::before, .tooltipped:active::after, .tooltipped:focus::before, .tooltipped:focus::after { display: inline-block; text-decoration: none; animation-name: tooltip-appear; animation-duration: 0.1s; animation-fill-mode: forwards; animation-timing-function: ease-in; animation-delay: 0.4s; }

.tooltipped-no-delay:hover::before, .tooltipped-no-delay:hover::after, .tooltipped-no-delay:active::before, .tooltipped-no-delay:active::after, .tooltipped-no-delay:focus::before, .tooltipped-no-delay:focus::after { animation-delay: 0s; }

.tooltipped-multiline:hover::after, .tooltipped-multiline:active::after, .tooltipped-multiline:focus::after { display: table-cell; }

.tooltipped-s::after, .tooltipped-se::after, .tooltipped-sw::after { top: 100%; right: 50%; margin-top: 6px; }

.tooltipped-s::before, .tooltipped-se::before, .tooltipped-sw::before { top: auto; right: 50%; bottom: -7px; margin-right: -6px; border-bottom-color: #1b1f23; }

.tooltipped-se::after { right: auto; left: 50%; margin-left: -16px; }

.tooltipped-sw::after { margin-right: -16px; }

.tooltipped-n::after, .tooltipped-ne::after, .tooltipped-nw::after { right: 50%; bottom: 100%; margin-bottom: 6px; }

.tooltipped-n::before, .tooltipped-ne::before, .tooltipped-nw::before { top: -7px; right: 50%; bottom: auto; margin-right: -6px; border-top-color: #1b1f23; }

.tooltipped-ne::after { right: auto; left: 50%; margin-left: -16px; }

.tooltipped-nw::after { margin-right: -16px; }

.tooltipped-s::after, .tooltipped-n::after { transform: translateX(50%); }

.tooltipped-w::after { right: 100%; bottom: 50%; margin-right: 6px; transform: translateY(50%); }

.tooltipped-w::before { top: 50%; bottom: 50%; left: -7px; margin-top: -6px; border-left-color: #1b1f23; }

.tooltipped-e::after { bottom: 50%; left: 100%; margin-left: 6px; transform: translateY(50%); }

.tooltipped-e::before { top: 50%; right: -7px; bottom: 50%; margin-top: -6px; border-right-color: #1b1f23; }

.tooltipped-align-right-1::after, .tooltipped-align-right-2::after { right: 0; margin-right: 0; }

.tooltipped-align-right-1::before { right: 10px; }

.tooltipped-align-right-2::before { right: 15px; }

.tooltipped-align-left-1::after, .tooltipped-align-left-2::after { left: 0; margin-left: 0; }

.tooltipped-align-left-1::before { left: 5px; }

.tooltipped-align-left-2::before { left: 10px; }

.tooltipped-multiline::after { width: max-content; max-width: 250px; word-wrap: break-word; white-space: pre-line; border-collapse: separate; }

.tooltipped-multiline.tooltipped-s::after, .tooltipped-multiline.tooltipped-n::after { right: auto; left: 50%; transform: translateX(-50%); }

.tooltipped-multiline.tooltipped-w::after, .tooltipped-multiline.tooltipped-e::after { right: 100%; }

@media screen and (min-width: 0\0) { .tooltipped-multiline::after { width: 250px; } }

.tooltipped-sticky::before, .tooltipped-sticky::after { display: inline-block; }

.tooltipped-sticky.tooltipped-multiline::after { display: table-cell; }

.css-truncate.css-truncate-overflow, .css-truncate .css-truncate-overflow, .css-truncate.css-truncate-target, .css-truncate .css-truncate-target { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.css-truncate.css-truncate-target, .css-truncate .css-truncate-target { display: inline-block; max-width: 125px; vertical-align: top; }

.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target, .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target, .css-truncate.expandable:hover .css-truncate-target, .css-truncate.expandable.css-truncate-target:hover { max-width: 10000px !important; }

/* Fade in an element */
.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; }

.anim-fade-in.fast { animation-duration: 300ms; }

@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

/* Fade out an element */
.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; }

.anim-fade-out.fast { animation-duration: 0.3s; }

@keyframes fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Fade in and slide up an element */
.anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; }

@keyframes fade-up { 0% { opacity: 0.8;
    transform: translateY(100%); }
  100% { opacity: 1;
    transform: translateY(0); } }

/* Fade an element out and slide down */
.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; }

@keyframes fade-down { 0% { opacity: 1;
    transform: translateY(0); }
  100% { opacity: 0.5;
    transform: translateY(100%); } }

/* Grow an element width from 0 to 100% */
.anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; }

@keyframes grow-x { to { width: 100%; } }

/* Shrink an element from 100% to 0% */
.anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; }

@keyframes shrink-x { to { width: 0%; } }

/* Fade in an element and scale it fast */
.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); }

@keyframes scale-in { 0% { opacity: 0;
    transform: scale(0.5); }
  100% { opacity: 1;
    transform: scale(1); } }

/* Pulse an element's opacity */
.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes pulse { 0% { opacity: 0.3; }
  10% { opacity: 1; }
  100% { opacity: 0.3; } }

/* Pulse in an element */
.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; }

@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.1, 1.1, 1.1); }
  100% { transform: scale3d(1, 1, 1); } }

/* Increase scale of an element on hover */
.hover-grow { transition: transform 0.3s; backface-visibility: hidden; }

.hover-grow:hover { transform: scale(1.025); }

/* Add a gray border to the left and right */
.border-x { border-right: 1px #e1e4e8 solid !important; border-left: 1px #e1e4e8 solid !important; }

/* Add a gray border to the top and bottom */
.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; }

/* Responsive gray borders */
/* Add a gray border on all sides at/above this breakpoint */
.border { border: 1px #e1e4e8 solid !important; }

/* Set the border width to 0 on all sides at/above this breakpoint */
.border-0 { border: 0 !important; }

/* Add a gray border to the top */
.border-top { border-top: 1px #e1e4e8 solid !important; }

/* Add a gray border to the right */
.border-right { border-right: 1px #e1e4e8 solid !important; }

/* Add a gray border to the bottom */
.border-bottom { border-bottom: 1px #e1e4e8 solid !important; }

/* Add a gray border to the left */
.border-left { border-left: 1px #e1e4e8 solid !important; }

/* Remove the top border */
.border-top-0 { border-top: 0 !important; }

/* Remove the right border */
.border-right-0 { border-right: 0 !important; }

/* Remove the bottom border */
.border-bottom-0 { border-bottom: 0 !important; }

/* Remove the left border */
.border-left-0 { border-left: 0 !important; }

/* Remove the border-radius */
.rounded-0 { border-radius: 0 !important; }

/* Add a border-radius to all corners */
.rounded-1 { border-radius: 3px !important; }

/* Add a 2x border-radius to all corners */
.rounded-2 { border-radius: 6px !important; }

.rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }

.rounded-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }

.rounded-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }

.rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.rounded-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }

.rounded-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }

.rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.rounded-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }

.rounded-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }

.rounded-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }

.rounded-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }

.rounded-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }

@media (min-width: 544px) { /* Add a gray border on all sides at/above this breakpoint */ .border-sm { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-sm-0 { border: 0 !important; } /* Add a gray border to the top */ .border-sm-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-sm-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-sm-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-sm-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-sm-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-sm-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-sm-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-sm-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-sm-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-sm-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-sm-2 { border-radius: 6px !important; } .rounded-sm-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-sm-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-sm-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-sm-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-sm-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-sm-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-sm-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-sm-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-sm-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-sm-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-sm-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-sm-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

@media (min-width: 768px) { /* Add a gray border on all sides at/above this breakpoint */ .border-md { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-md-0 { border: 0 !important; } /* Add a gray border to the top */ .border-md-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-md-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-md-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-md-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-md-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-md-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-md-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-md-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-md-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-md-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-md-2 { border-radius: 6px !important; } .rounded-md-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-md-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-md-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-md-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-md-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-md-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-md-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-md-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-md-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-md-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-md-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-md-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

@media (min-width: 1012px) { /* Add a gray border on all sides at/above this breakpoint */ .border-lg { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-lg-0 { border: 0 !important; } /* Add a gray border to the top */ .border-lg-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-lg-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-lg-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-lg-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-lg-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-lg-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-lg-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-lg-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-lg-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-lg-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-lg-2 { border-radius: 6px !important; } .rounded-lg-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-lg-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-lg-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-lg-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-lg-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-lg-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-lg-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-lg-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-lg-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-lg-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-lg-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-lg-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

@media (min-width: 1280px) { /* Add a gray border on all sides at/above this breakpoint */ .border-xl { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-xl-0 { border: 0 !important; } /* Add a gray border to the top */ .border-xl-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-xl-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-xl-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-xl-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-xl-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-xl-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-xl-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-xl-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-xl-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-xl-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-xl-2 { border-radius: 6px !important; } .rounded-xl-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-xl-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-xl-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-xl-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-xl-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-xl-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-xl-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-xl-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-xl-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-xl-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-xl-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-xl-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

/* Add a 50% border-radius to make something into a circle */
.circle { border-radius: 50% !important; }

/* Change the border style to dashed, in conjunction with another utility */
.border-dashed { border-style: dashed !important; }

/* Use with .border to turn the border blue */
.border-blue { border-color: #0366d6 !important; }

/* Use with .border to turn the border blue-light */
.border-blue-light { border-color: #c8e1ff !important; }

/* Use with .border to turn the border green */
.border-green { border-color: #34d058 !important; }

/* Use with .border to turn the border green light */
.border-green-light { border-color: #a2cbac !important; }

/* Use with .border to turn the border red */
.border-red { border-color: #d73a49 !important; }

/* Use with .border to turn the border red-light */
.border-red-light { border-color: #cea0a5 !important; }

/* Use with .border to turn the border purple */
.border-purple { border-color: #6f42c1 !important; }

/* Use with .border to turn the border yellow */
.border-yellow { border-color: #d9d0a5 !important; }

/* Use with .border to turn the border gray-light */
.border-gray-light { border-color: #eaecef !important; }

/* Use with .border to turn the border gray-dark */
.border-gray-dark { border-color: #d1d5da !important; }

/* Use with .border to turn the border rgba black 0.15 */
.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; }

/* Use with .border to turn the border rgba white 0.15 */
.border-white-fade { border-color: rgba(255, 255, 255, 0.15) !important; }

/* Use with .border to turn the border white w/varying transparency */
.border-white-fade-15 { border-color: rgba(255, 255, 255, 0.15) !important; }

.border-white-fade-30 { border-color: rgba(255, 255, 255, 0.3) !important; }

.border-white-fade-50 { border-color: rgba(255, 255, 255, 0.5) !important; }

.border-white-fade-70 { border-color: rgba(255, 255, 255, 0.7) !important; }

.border-white-fade-85 { border-color: rgba(255, 255, 255, 0.85) !important; }

.box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; }

.box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; }

.box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; }

.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; }

.box-shadow-none { box-shadow: none !important; }

/* Set the background to $bg-white */
.bg-white { background-color: #fff !important; }

/* Set the background to $bg-blue */
.bg-blue { background-color: #0366d6 !important; }

/* Set the background to $bg-blue-light */
.bg-blue-light { background-color: #f1f8ff !important; }

/* Set the background to $bg-gray-dark */
.bg-gray-dark { background-color: #24292e !important; }

/* Set the background to $bg-gray */
.bg-gray { background-color: #f6f8fa !important; }

/* Set the background to $bg-gray-light */
.bg-gray-light { background-color: #fafbfc !important; }

/* Set the background to $bg-green */
.bg-green { background-color: #28a745 !important; }

/* Set the background to $bg-green-light */
.bg-green-light { background-color: #dcffe4 !important; }

/* Set the background to $bg-red */
.bg-red { background-color: #d73a49 !important; }

/* Set the background to $bg-red-light */
.bg-red-light { background-color: #ffdce0 !important; }

/* Set the background to $bg-yellow */
.bg-yellow { background-color: #ffd33d !important; }

/* Set the background to $bg-yellow-light */
.bg-yellow-light { background-color: #fff5b1 !important; }

/* Set the background to $bg-yellow-dark */
.bg-yellow-dark { background-color: #dbab09 !important; }

/* Set the background to $bg-purple */
.bg-purple { background-color: #6f42c1 !important; }

/* Set the background to $bg-pink */
.bg-pink { background-color: #ea4aaa !important; }

/* Set the background to $bg-purple-light */
.bg-purple-light { background-color: #f5f0ff !important; }

.color-gray-0 { color: #fafbfc !important; }

.bg-gray-0 { background-color: #fafbfc !important; }

.color-gray-1 { color: #f6f8fa !important; }

.bg-gray-1 { background-color: #f6f8fa !important; }

.color-gray-2 { color: #e1e4e8 !important; }

.bg-gray-2 { background-color: #e1e4e8 !important; }

.color-gray-3 { color: #d1d5da !important; }

.bg-gray-3 { background-color: #d1d5da !important; }

.color-gray-4 { color: #959da5 !important; }

.bg-gray-4 { background-color: #959da5 !important; }

.color-gray-5 { color: #6a737d !important; }

.bg-gray-5 { background-color: #6a737d !important; }

.color-gray-6 { color: #586069 !important; }

.bg-gray-6 { background-color: #586069 !important; }

.color-gray-7 { color: #444d56 !important; }

.bg-gray-7 { background-color: #444d56 !important; }

.color-gray-8 { color: #2f363d !important; }

.bg-gray-8 { background-color: #2f363d !important; }

.color-gray-9 { color: #24292e !important; }

.bg-gray-9 { background-color: #24292e !important; }

.color-blue-0 { color: #f1f8ff !important; }

.bg-blue-0 { background-color: #f1f8ff !important; }

.color-blue-1 { color: #dbedff !important; }

.bg-blue-1 { background-color: #dbedff !important; }

.color-blue-2 { color: #c8e1ff !important; }

.bg-blue-2 { background-color: #c8e1ff !important; }

.color-blue-3 { color: #79b8ff !important; }

.bg-blue-3 { background-color: #79b8ff !important; }

.color-blue-4 { color: #2188ff !important; }

.bg-blue-4 { background-color: #2188ff !important; }

.color-blue-5 { color: #0366d6 !important; }

.bg-blue-5 { background-color: #0366d6 !important; }

.color-blue-6 { color: #005cc5 !important; }

.bg-blue-6 { background-color: #005cc5 !important; }

.color-blue-7 { color: #044289 !important; }

.bg-blue-7 { background-color: #044289 !important; }

.color-blue-8 { color: #032f62 !important; }

.bg-blue-8 { background-color: #032f62 !important; }

.color-blue-9 { color: #05264c !important; }

.bg-blue-9 { background-color: #05264c !important; }

.color-green-0 { color: #f0fff4 !important; }

.bg-green-0 { background-color: #f0fff4 !important; }

.color-green-1 { color: #dcffe4 !important; }

.bg-green-1 { background-color: #dcffe4 !important; }

.color-green-2 { color: #bef5cb !important; }

.bg-green-2 { background-color: #bef5cb !important; }

.color-green-3 { color: #85e89d !important; }

.bg-green-3 { background-color: #85e89d !important; }

.color-green-4 { color: #34d058 !important; }

.bg-green-4 { background-color: #34d058 !important; }

.color-green-5 { color: #28a745 !important; }

.bg-green-5 { background-color: #28a745 !important; }

.color-green-6 { color: #22863a !important; }

.bg-green-6 { background-color: #22863a !important; }

.color-green-7 { color: #176f2c !important; }

.bg-green-7 { background-color: #176f2c !important; }

.color-green-8 { color: #165c26 !important; }

.bg-green-8 { background-color: #165c26 !important; }

.color-green-9 { color: #144620 !important; }

.bg-green-9 { background-color: #144620 !important; }

.color-yellow-0 { color: #fffdef !important; }

.bg-yellow-0 { background-color: #fffdef !important; }

.color-yellow-1 { color: #fffbdd !important; }

.bg-yellow-1 { background-color: #fffbdd !important; }

.color-yellow-2 { color: #fff5b1 !important; }

.bg-yellow-2 { background-color: #fff5b1 !important; }

.color-yellow-3 { color: #ffea7f !important; }

.bg-yellow-3 { background-color: #ffea7f !important; }

.color-yellow-4 { color: #ffdf5d !important; }

.bg-yellow-4 { background-color: #ffdf5d !important; }

.color-yellow-5 { color: #ffd33d !important; }

.bg-yellow-5 { background-color: #ffd33d !important; }

.color-yellow-6 { color: #f9c513 !important; }

.bg-yellow-6 { background-color: #f9c513 !important; }

.color-yellow-7 { color: #dbab09 !important; }

.bg-yellow-7 { background-color: #dbab09 !important; }

.color-yellow-8 { color: #b08800 !important; }

.bg-yellow-8 { background-color: #b08800 !important; }

.color-yellow-9 { color: #735c0f !important; }

.bg-yellow-9 { background-color: #735c0f !important; }

.color-orange-0 { color: #fff8f2 !important; }

.bg-orange-0 { background-color: #fff8f2 !important; }

.color-orange-1 { color: #ffebda !important; }

.bg-orange-1 { background-color: #ffebda !important; }

.color-orange-2 { color: #ffd1ac !important; }

.bg-orange-2 { background-color: #ffd1ac !important; }

.color-orange-3 { color: #ffab70 !important; }

.bg-orange-3 { background-color: #ffab70 !important; }

.color-orange-4 { color: #fb8532 !important; }

.bg-orange-4 { background-color: #fb8532 !important; }

.color-orange-5 { color: #f66a0a !important; }

.bg-orange-5 { background-color: #f66a0a !important; }

.color-orange-6 { color: #e36209 !important; }

.bg-orange-6 { background-color: #e36209 !important; }

.color-orange-7 { color: #d15704 !important; }

.bg-orange-7 { background-color: #d15704 !important; }

.color-orange-8 { color: #c24e00 !important; }

.bg-orange-8 { background-color: #c24e00 !important; }

.color-orange-9 { color: #a04100 !important; }

.bg-orange-9 { background-color: #a04100 !important; }

.color-red-0 { color: #ffeef0 !important; }

.bg-red-0 { background-color: #ffeef0 !important; }

.color-red-1 { color: #ffdce0 !important; }

.bg-red-1 { background-color: #ffdce0 !important; }

.color-red-2 { color: #fdaeb7 !important; }

.bg-red-2 { background-color: #fdaeb7 !important; }

.color-red-3 { color: #f97583 !important; }

.bg-red-3 { background-color: #f97583 !important; }

.color-red-4 { color: #ea4a5a !important; }

.bg-red-4 { background-color: #ea4a5a !important; }

.color-red-5 { color: #d73a49 !important; }

.bg-red-5 { background-color: #d73a49 !important; }

.color-red-6 { color: #cb2431 !important; }

.bg-red-6 { background-color: #cb2431 !important; }

.color-red-7 { color: #b31d28 !important; }

.bg-red-7 { background-color: #b31d28 !important; }

.color-red-8 { color: #9e1c23 !important; }

.bg-red-8 { background-color: #9e1c23 !important; }

.color-red-9 { color: #86181d !important; }

.bg-red-9 { background-color: #86181d !important; }

.color-purple-0 { color: #f5f0ff !important; }

.bg-purple-0 { background-color: #f5f0ff !important; }

.color-purple-1 { color: #e6dcfd !important; }

.bg-purple-1 { background-color: #e6dcfd !important; }

.color-purple-2 { color: #d1bcf9 !important; }

.bg-purple-2 { background-color: #d1bcf9 !important; }

.color-purple-3 { color: #b392f0 !important; }

.bg-purple-3 { background-color: #b392f0 !important; }

.color-purple-4 { color: #8a63d2 !important; }

.bg-purple-4 { background-color: #8a63d2 !important; }

.color-purple-5 { color: #6f42c1 !important; }

.bg-purple-5 { background-color: #6f42c1 !important; }

.color-purple-6 { color: #5a32a3 !important; }

.bg-purple-6 { background-color: #5a32a3 !important; }

.color-purple-7 { color: #4c2889 !important; }

.bg-purple-7 { background-color: #4c2889 !important; }

.color-purple-8 { color: #3a1d6e !important; }

.bg-purple-8 { background-color: #3a1d6e !important; }

.color-purple-9 { color: #29134e !important; }

.bg-purple-9 { background-color: #29134e !important; }

.color-pink-0 { color: #ffeef8 !important; }

.bg-pink-0 { background-color: #ffeef8 !important; }

.color-pink-1 { color: #fedbf0 !important; }

.bg-pink-1 { background-color: #fedbf0 !important; }

.color-pink-2 { color: #f9b3dd !important; }

.bg-pink-2 { background-color: #f9b3dd !important; }

.color-pink-3 { color: #f692ce !important; }

.bg-pink-3 { background-color: #f692ce !important; }

.color-pink-4 { color: #ec6cb9 !important; }

.bg-pink-4 { background-color: #ec6cb9 !important; }

.color-pink-5 { color: #ea4aaa !important; }

.bg-pink-5 { background-color: #ea4aaa !important; }

.color-pink-6 { color: #d03592 !important; }

.bg-pink-6 { background-color: #d03592 !important; }

.color-pink-7 { color: #b93a86 !important; }

.bg-pink-7 { background-color: #b93a86 !important; }

.color-pink-8 { color: #99306f !important; }

.bg-pink-8 { background-color: #99306f !important; }

.color-pink-9 { color: #6d224f !important; }

.bg-pink-9 { background-color: #6d224f !important; }

.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; }

/* Set the text color to $text-blue */
.text-blue { color: #0366d6 !important; }

/* Set the text color to $text-red */
.text-red { color: #cb2431 !important; }

/* Set the text color to $text-gray-light */
.text-gray-light { color: #6a737d !important; }

/* Set the text color to $text-gray */
.text-gray { color: #586069 !important; }

/* Set the text color to $text-gray-dark */
.text-gray-dark { color: #24292e !important; }

/* Set the text color to $text-green */
.text-green { color: #28a745 !important; }

/* Set the text color to $text-yellow */
.text-yellow { color: #b08800 !important; }

/* Set the text color to $text-orange */
.text-orange { color: #a04100 !important; }

/* Set the text color to $text-orange-light */
.text-orange-light { color: #e36209 !important; }

/* Set the text color to $text-purple */
.text-purple { color: #6f42c1 !important; }

/* Set the text color to $text-pink */
.text-pink { color: #ea4aaa !important; }

/* Set the text color to $text-white */
.text-white { color: #fff !important; }

/* Set the text color to inherit */
.text-inherit { color: inherit !important; }

.link-gray { color: #586069 !important; }

.link-gray:hover { color: #0366d6 !important; }

.link-gray-dark { color: #24292e !important; }

.link-gray-dark:hover { color: #0366d6 !important; }

/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */
.link-hover-blue:hover { color: #0366d6 !important; }

/* Make a link $text-gray, then $text-blue on hover and removes the underline */
.muted-link { color: #586069 !important; }

.muted-link:hover { color: #0366d6 !important; text-decoration: none; }

.details-overlay[open] > summary::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: block; cursor: default; content: " "; background: transparent; }

.details-overlay-dark[open] > summary::before { z-index: 99; background: rgba(27, 31, 35, 0.5); }

.details-reset > summary { list-style: none; }

.details-reset > summary::before { display: none; }

.details-reset > summary::-webkit-details-marker { display: none; }

.flex-row { flex-direction: row !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column { flex-direction: column !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-justify-start { justify-content: flex-start !important; }

.flex-justify-end { justify-content: flex-end !important; }

.flex-justify-center { justify-content: center !important; }

.flex-justify-between { justify-content: space-between !important; }

.flex-justify-around { justify-content: space-around !important; }

.flex-items-start { align-items: flex-start !important; }

.flex-items-end { align-items: flex-end !important; }

.flex-items-center { align-items: center !important; }

.flex-items-baseline { align-items: baseline !important; }

.flex-items-stretch { align-items: stretch !important; }

.flex-content-start { align-content: flex-start !important; }

.flex-content-end { align-content: flex-end !important; }

.flex-content-center { align-content: center !important; }

.flex-content-between { align-content: space-between !important; }

.flex-content-around { align-content: space-around !important; }

.flex-content-stretch { align-content: stretch !important; }

.flex-1 { flex: 1 !important; }

.flex-auto { flex: auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-self-auto { align-self: auto !important; }

.flex-self-start { align-self: flex-start !important; }

.flex-self-end { align-self: flex-end !important; }

.flex-self-center { align-self: center !important; }

.flex-self-baseline { align-self: baseline !important; }

.flex-self-stretch { align-self: stretch !important; }

.flex-order-1 { order: 1 !important; }

.flex-order-2 { order: 2 !important; }

.flex-order-none { order: inherit !important; }

@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-justify-start { justify-content: flex-start !important; } .flex-sm-justify-end { justify-content: flex-end !important; } .flex-sm-justify-center { justify-content: center !important; } .flex-sm-justify-between { justify-content: space-between !important; } .flex-sm-justify-around { justify-content: space-around !important; } .flex-sm-items-start { align-items: flex-start !important; } .flex-sm-items-end { align-items: flex-end !important; } .flex-sm-items-center { align-items: center !important; } .flex-sm-items-baseline { align-items: baseline !important; } .flex-sm-items-stretch { align-items: stretch !important; } .flex-sm-content-start { align-content: flex-start !important; } .flex-sm-content-end { align-content: flex-end !important; } .flex-sm-content-center { align-content: center !important; } .flex-sm-content-between { align-content: space-between !important; } .flex-sm-content-around { align-content: space-around !important; } .flex-sm-content-stretch { align-content: stretch !important; } .flex-sm-1 { flex: 1 !important; } .flex-sm-auto { flex: auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-self-auto { align-self: auto !important; } .flex-sm-self-start { align-self: flex-start !important; } .flex-sm-self-end { align-self: flex-end !important; } .flex-sm-self-center { align-self: center !important; } .flex-sm-self-baseline { align-self: baseline !important; } .flex-sm-self-stretch { align-self: stretch !important; } .flex-sm-order-1 { order: 1 !important; } .flex-sm-order-2 { order: 2 !important; } .flex-sm-order-none { order: inherit !important; } }

@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column { flex-direction: column !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-justify-start { justify-content: flex-start !important; } .flex-md-justify-end { justify-content: flex-end !important; } .flex-md-justify-center { justify-content: center !important; } .flex-md-justify-between { justify-content: space-between !important; } .flex-md-justify-around { justify-content: space-around !important; } .flex-md-items-start { align-items: flex-start !important; } .flex-md-items-end { align-items: flex-end !important; } .flex-md-items-center { align-items: center !important; } .flex-md-items-baseline { align-items: baseline !important; } .flex-md-items-stretch { align-items: stretch !important; } .flex-md-content-start { align-content: flex-start !important; } .flex-md-content-end { align-content: flex-end !important; } .flex-md-content-center { align-content: center !important; } .flex-md-content-between { align-content: space-between !important; } .flex-md-content-around { align-content: space-around !important; } .flex-md-content-stretch { align-content: stretch !important; } .flex-md-1 { flex: 1 !important; } .flex-md-auto { flex: auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-self-auto { align-self: auto !important; } .flex-md-self-start { align-self: flex-start !important; } .flex-md-self-end { align-self: flex-end !important; } .flex-md-self-center { align-self: center !important; } .flex-md-self-baseline { align-self: baseline !important; } .flex-md-self-stretch { align-self: stretch !important; } .flex-md-order-1 { order: 1 !important; } .flex-md-order-2 { order: 2 !important; } .flex-md-order-none { order: inherit !important; } }

@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-justify-start { justify-content: flex-start !important; } .flex-lg-justify-end { justify-content: flex-end !important; } .flex-lg-justify-center { justify-content: center !important; } .flex-lg-justify-between { justify-content: space-between !important; } .flex-lg-justify-around { justify-content: space-around !important; } .flex-lg-items-start { align-items: flex-start !important; } .flex-lg-items-end { align-items: flex-end !important; } .flex-lg-items-center { align-items: center !important; } .flex-lg-items-baseline { align-items: baseline !important; } .flex-lg-items-stretch { align-items: stretch !important; } .flex-lg-content-start { align-content: flex-start !important; } .flex-lg-content-end { align-content: flex-end !important; } .flex-lg-content-center { align-content: center !important; } .flex-lg-content-between { align-content: space-between !important; } .flex-lg-content-around { align-content: space-around !important; } .flex-lg-content-stretch { align-content: stretch !important; } .flex-lg-1 { flex: 1 !important; } .flex-lg-auto { flex: auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-self-auto { align-self: auto !important; } .flex-lg-self-start { align-self: flex-start !important; } .flex-lg-self-end { align-self: flex-end !important; } .flex-lg-self-center { align-self: center !important; } .flex-lg-self-baseline { align-self: baseline !important; } .flex-lg-self-stretch { align-self: stretch !important; } .flex-lg-order-1 { order: 1 !important; } .flex-lg-order-2 { order: 2 !important; } .flex-lg-order-none { order: inherit !important; } }

@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-justify-start { justify-content: flex-start !important; } .flex-xl-justify-end { justify-content: flex-end !important; } .flex-xl-justify-center { justify-content: center !important; } .flex-xl-justify-between { justify-content: space-between !important; } .flex-xl-justify-around { justify-content: space-around !important; } .flex-xl-items-start { align-items: flex-start !important; } .flex-xl-items-end { align-items: flex-end !important; } .flex-xl-items-center { align-items: center !important; } .flex-xl-items-baseline { align-items: baseline !important; } .flex-xl-items-stretch { align-items: stretch !important; } .flex-xl-content-start { align-content: flex-start !important; } .flex-xl-content-end { align-content: flex-end !important; } .flex-xl-content-center { align-content: center !important; } .flex-xl-content-between { align-content: space-between !important; } .flex-xl-content-around { align-content: space-around !important; } .flex-xl-content-stretch { align-content: stretch !important; } .flex-xl-1 { flex: 1 !important; } .flex-xl-auto { flex: auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-self-auto { align-self: auto !important; } .flex-xl-self-start { align-self: flex-start !important; } .flex-xl-self-end { align-self: flex-end !important; } .flex-xl-self-center { align-self: center !important; } .flex-xl-self-baseline { align-self: baseline !important; } .flex-xl-self-stretch { align-self: stretch !important; } .flex-xl-order-1 { order: 1 !important; } .flex-xl-order-2 { order: 2 !important; } .flex-xl-order-none { order: inherit !important; } }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

@media (min-width: 544px) { .position-sm-static { position: static !important; } .position-sm-relative { position: relative !important; } .position-sm-absolute { position: absolute !important; } .position-sm-fixed { position: fixed !important; } .position-sm-sticky { position: sticky !important; } }

@media (min-width: 768px) { .position-md-static { position: static !important; } .position-md-relative { position: relative !important; } .position-md-absolute { position: absolute !important; } .position-md-fixed { position: fixed !important; } .position-md-sticky { position: sticky !important; } }

@media (min-width: 1012px) { .position-lg-static { position: static !important; } .position-lg-relative { position: relative !important; } .position-lg-absolute { position: absolute !important; } .position-lg-fixed { position: fixed !important; } .position-lg-sticky { position: sticky !important; } }

@media (min-width: 1280px) { .position-xl-static { position: static !important; } .position-xl-relative { position: relative !important; } .position-xl-absolute { position: absolute !important; } .position-xl-fixed { position: fixed !important; } .position-xl-sticky { position: sticky !important; } }

/* Set top 0 */
.top-0 { top: 0 !important; }

/* Set right 0 */
.right-0 { right: 0 !important; }

/* Set bottom 0 */
.bottom-0 { bottom: 0 !important; }

/* Set left 0 */
.left-0 { left: 0 !important; }

/* Vertical align middle */
.v-align-middle { vertical-align: middle !important; }

/* Vertical align top */
.v-align-top { vertical-align: top !important; }

/* Vertical align bottom */
.v-align-bottom { vertical-align: bottom !important; }

/* Vertical align to the top of the text */
.v-align-text-top { vertical-align: text-top !important; }

/* Vertical align to the bottom of the text */
.v-align-text-bottom { vertical-align: text-bottom !important; }

/* Vertical align to the parent's baseline */
.v-align-baseline { vertical-align: baseline !important; }

.overflow-visible { overflow: visible !important; }

.overflow-x-visible { overflow-x: visible !important; }

.overflow-y-visible { overflow-y: visible !important; }

.overflow-hidden { overflow: hidden !important; }

.overflow-x-hidden { overflow-x: hidden !important; }

.overflow-y-hidden { overflow-y: hidden !important; }

.overflow-auto { overflow: auto !important; }

.overflow-x-auto { overflow-x: auto !important; }

.overflow-y-auto { overflow-y: auto !important; }

.overflow-scroll { overflow: scroll !important; }

.overflow-x-scroll { overflow-x: scroll !important; }

.overflow-y-scroll { overflow-y: scroll !important; }

/* Clear floats around the element */
.clearfix::before { display: table; content: ""; }

.clearfix::after { display: table; clear: both; content: ""; }

/* Float to the left */
.float-left { float: left !important; }

/* Float to the right */
.float-right { float: right !important; }

/* No float */
.float-none { float: none !important; }

@media (min-width: 544px) { /* Float to the left */ .float-sm-left { float: left !important; } /* Float to the right */ .float-sm-right { float: right !important; } /* No float */ .float-sm-none { float: none !important; } }

@media (min-width: 768px) { /* Float to the left */ .float-md-left { float: left !important; } /* Float to the right */ .float-md-right { float: right !important; } /* No float */ .float-md-none { float: none !important; } }

@media (min-width: 1012px) { /* Float to the left */ .float-lg-left { float: left !important; } /* Float to the right */ .float-lg-right { float: right !important; } /* No float */ .float-lg-none { float: none !important; } }

@media (min-width: 1280px) { /* Float to the left */ .float-xl-left { float: left !important; } /* Float to the right */ .float-xl-right { float: right !important; } /* No float */ .float-xl-none { float: none !important; } }

/* Max width 100% */
.width-fit { max-width: 100% !important; }

/* Set the width to 100% */
.width-full { width: 100% !important; }

/* Max height 100% */
.height-fit { max-height: 100% !important; }

/* Set the height to 100% */
.height-full { height: 100% !important; }

/* Remove min-width from element */
.min-width-0 { min-width: 0 !important; }

.width-auto { width: auto !important; }

/* Set the direction to rtl */
.direction-rtl { direction: rtl !important; }

/* Set the direction to ltr */
.direction-ltr { direction: ltr !important; }

@media (min-width: 544px) { .width-sm-auto { width: auto !important; } /* Set the direction to rtl */ .direction-sm-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-sm-ltr { direction: ltr !important; } }

@media (min-width: 768px) { .width-md-auto { width: auto !important; } /* Set the direction to rtl */ .direction-md-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-md-ltr { direction: ltr !important; } }

@media (min-width: 1012px) { .width-lg-auto { width: auto !important; } /* Set the direction to rtl */ .direction-lg-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-lg-ltr { direction: ltr !important; } }

@media (min-width: 1280px) { .width-xl-auto { width: auto !important; } /* Set the direction to rtl */ .direction-xl-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-xl-ltr { direction: ltr !important; } }

/* Set a $size margin to all sides at $breakpoint */
.m-0 { margin: 0 !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-0 { margin-top: 0 !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-0 { margin-right: 0 !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 { margin-bottom: 0 !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-0 { margin-left: 0 !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-1 { margin: 4px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-1 { margin-top: 4px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-1 { margin-right: 4px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-1 { margin-bottom: 4px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-1 { margin-left: 4px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n1 { margin-top: -4px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n1 { margin-right: -4px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n1 { margin-bottom: -4px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n1 { margin-left: -4px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-2 { margin: 8px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-2 { margin-top: 8px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-2 { margin-right: 8px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 { margin-bottom: 8px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-2 { margin-left: 8px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n2 { margin-top: -8px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n2 { margin-right: -8px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n2 { margin-bottom: -8px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n2 { margin-left: -8px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-3 { margin: 16px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-3 { margin-top: 16px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-3 { margin-right: 16px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 { margin-bottom: 16px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-3 { margin-left: 16px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n3 { margin-top: -16px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n3 { margin-right: -16px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n3 { margin-bottom: -16px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n3 { margin-left: -16px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-4 { margin: 24px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-4 { margin-top: 24px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-4 { margin-right: 24px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-4 { margin-bottom: 24px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-4 { margin-left: 24px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n4 { margin-top: -24px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n4 { margin-right: -24px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n4 { margin-bottom: -24px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n4 { margin-left: -24px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-5 { margin: 32px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-5 { margin-top: 32px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-5 { margin-right: 32px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-5 { margin-bottom: 32px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-5 { margin-left: 32px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n5 { margin-top: -32px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n5 { margin-right: -32px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n5 { margin-bottom: -32px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n5 { margin-left: -32px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-6 { margin: 40px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-6 { margin-top: 40px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-6 { margin-right: 40px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-6 { margin-bottom: 40px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-6 { margin-left: 40px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n6 { margin-top: -40px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n6 { margin-right: -40px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n6 { margin-bottom: -40px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n6 { margin-left: -40px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }

/* responsive horizontal auto margins */
.mx-auto { margin-right: auto !important; margin-left: auto !important; }

@media (min-width: 544px) { /* Set a $size margin to all sides at $breakpoint */ .m-sm-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } }

@media (min-width: 768px) { /* Set a $size margin to all sides at $breakpoint */ .m-md-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } }

@media (min-width: 1012px) { /* Set a $size margin to all sides at $breakpoint */ .m-lg-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } }

@media (min-width: 1280px) { /* Set a $size margin to all sides at $breakpoint */ .m-xl-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } }

/* Set a $size padding to all sides at $breakpoint */
.p-0 { padding: 0 !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-0 { padding-top: 0 !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-0 { padding-right: 0 !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-0 { padding-bottom: 0 !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-0 { padding-left: 0 !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-1 { padding: 4px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-1 { padding-top: 4px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-1 { padding-right: 4px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-1 { padding-bottom: 4px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-1 { padding-left: 4px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-1 { padding-right: 4px !important; padding-left: 4px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-2 { padding: 8px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-2 { padding-top: 8px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-2 { padding-right: 8px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-2 { padding-bottom: 8px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-2 { padding-left: 8px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-2 { padding-right: 8px !important; padding-left: 8px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-3 { padding: 16px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-3 { padding-top: 16px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-3 { padding-right: 16px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-3 { padding-bottom: 16px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-3 { padding-left: 16px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-3 { padding-right: 16px !important; padding-left: 16px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-4 { padding: 24px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-4 { padding-top: 24px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-4 { padding-right: 24px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-4 { padding-bottom: 24px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-4 { padding-left: 24px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-4 { padding-right: 24px !important; padding-left: 24px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-5 { padding: 32px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-5 { padding-top: 32px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-5 { padding-right: 32px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-5 { padding-bottom: 32px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-5 { padding-left: 32px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-5 { padding-right: 32px !important; padding-left: 32px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-6 { padding: 40px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-6 { padding-top: 40px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-6 { padding-right: 40px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-6 { padding-bottom: 40px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-6 { padding-left: 40px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-6 { padding-right: 40px !important; padding-left: 40px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }

@media (min-width: 544px) { /* Set a $size padding to all sides at $breakpoint */ .p-sm-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

@media (min-width: 768px) { /* Set a $size padding to all sides at $breakpoint */ .p-md-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

@media (min-width: 1012px) { /* Set a $size padding to all sides at $breakpoint */ .p-lg-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

@media (min-width: 1280px) { /* Set a $size padding to all sides at $breakpoint */ .p-xl-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

.p-responsive { padding-right: 16px !important; padding-left: 16px !important; }

@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } }

@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } }

/* Set the font size to 26px */
.h1 { font-size: 26px !important; }

@media (min-width: 768px) { .h1 { font-size: 32px !important; } }

/* Set the font size to 22px */
.h2 { font-size: 22px !important; }

@media (min-width: 768px) { .h2 { font-size: 24px !important; } }

/* Set the font size to 18px */
.h3 { font-size: 18px !important; }

@media (min-width: 768px) { .h3 { font-size: 20px !important; } }

/* Set the font size to 16px */
.h4 { font-size: 16px !important; }

/* Set the font size to 14px */
.h5 { font-size: 14px !important; }

/* Set the font size to 12px */
.h6 { font-size: 12px !important; }

.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; }

/* Set the font size to 26px */
.f1 { font-size: 26px !important; }

@media (min-width: 768px) { .f1 { font-size: 32px !important; } }

/* Set the font size to 22px */
.f2 { font-size: 22px !important; }

@media (min-width: 768px) { .f2 { font-size: 24px !important; } }

/* Set the font size to 18px */
.f3 { font-size: 18px !important; }

@media (min-width: 768px) { .f3 { font-size: 20px !important; } }

/* Set the font size to 16px */
.f4 { font-size: 16px !important; }

@media (min-width: 768px) { .f4 { font-size: 16px !important; } }

/* Set the font size to 14px */
.f5 { font-size: 14px !important; }

/* Set the font size to 12px */
.f6 { font-size: 12px !important; }

/* Set the font size to 40px and weight to light */
.f00-light { font-size: 40px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f00-light { font-size: 48px !important; } }

/* Set the font size to 32px and weight to light */
.f0-light { font-size: 32px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f0-light { font-size: 40px !important; } }

/* Set the font size to 26px and weight to light */
.f1-light { font-size: 26px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f1-light { font-size: 32px !important; } }

/* Set the font size to 22px and weight to light */
.f2-light { font-size: 22px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f2-light { font-size: 24px !important; } }

/* Set the font size to 18px and weight to light */
.f3-light { font-size: 18px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f3-light { font-size: 20px !important; } }

/* Set the font size to ${#h6-size} */
.text-small { font-size: 12px !important; }

/* Large leading paragraphs */
.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; }

/* Set the line height to ultra condensed */
.lh-condensed-ultra { line-height: 1 !important; }

/* Set the line height to condensed */
.lh-condensed { line-height: 1.25 !important; }

/* Set the line height to default */
.lh-default { line-height: 1.5 !important; }

/* Set the line height to zero */
.lh-0 { line-height: 0 !important; }

@media (min-width: 544px) { /* Set the line height to ultra condensed */ .lh-sm-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-sm-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-sm-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-sm-0 { line-height: 0 !important; } }

@media (min-width: 768px) { /* Set the line height to ultra condensed */ .lh-md-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-md-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-md-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-md-0 { line-height: 0 !important; } }

@media (min-width: 1012px) { /* Set the line height to ultra condensed */ .lh-lg-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-lg-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-lg-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-lg-0 { line-height: 0 !important; } }

@media (min-width: 1280px) { /* Set the line height to ultra condensed */ .lh-xl-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-xl-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-xl-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-xl-0 { line-height: 0 !important; } }

/* Text align to the right */
.text-right { text-align: right !important; }

/* Text align to the left */
.text-left { text-align: left !important; }

/* Text align to the center */
.text-center { text-align: center !important; }

@media (min-width: 544px) { /* Text align to the right */ .text-sm-right { text-align: right !important; } /* Text align to the left */ .text-sm-left { text-align: left !important; } /* Text align to the center */ .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { /* Text align to the right */ .text-md-right { text-align: right !important; } /* Text align to the left */ .text-md-left { text-align: left !important; } /* Text align to the center */ .text-md-center { text-align: center !important; } }

@media (min-width: 1012px) { /* Text align to the right */ .text-lg-right { text-align: right !important; } /* Text align to the left */ .text-lg-left { text-align: left !important; } /* Text align to the center */ .text-lg-center { text-align: center !important; } }

@media (min-width: 1280px) { /* Text align to the right */ .text-xl-right { text-align: right !important; } /* Text align to the left */ .text-xl-left { text-align: left !important; } /* Text align to the center */ .text-xl-center { text-align: center !important; } }

/* Set the font weight to normal */
.text-normal { font-weight: 400 !important; }

/* Set the font weight to bold */
.text-bold { font-weight: 600 !important; }

/* Set the font to italic */
.text-italic { font-style: italic !important; }

/* Make text uppercase */
.text-uppercase { text-transform: uppercase !important; }

/* Underline text */
.text-underline { text-decoration: underline !important; }

/* Don't underline text */
.no-underline { text-decoration: none !important; }

/* Don't wrap white space */
.no-wrap { white-space: nowrap !important; }

/* Normal white space */
.ws-normal { white-space: normal !important; }

/* Force long "words" to wrap if they exceed the width of the container */
.break-word { word-break: break-word !important; word-wrap: break-word !important; overflow-wrap: break-word !important; }

/* Specifically apply word-break: break-all; per MDN: > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`, > `word-break: break-all` will create a break at the exact place where text would > otherwise overflow its container (even if putting an entire word on its own line > would negate the need for a break). see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values */
.wb-break-all { word-break: break-all !important; }

.text-emphasized { font-weight: 600; color: #24292e; }

.list-style-none { list-style: none !important; }

/* Add a dark text shadow */
.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); }

/* Add a light text shadow */
.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

/* Set to monospace font */
.text-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important; }

/* Disallow user from selecting text */
.user-select-none { user-select: none !important; }

.d-block { display: block !important; }

.d-flex { display: flex !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-inline-flex { display: inline-flex !important; }

.d-none { display: none !important; }

.d-table { display: table !important; }

.d-table-cell { display: table-cell !important; }

@media (min-width: 544px) { .d-sm-block { display: block !important; } .d-sm-flex { display: flex !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .d-sm-table { display: table !important; } .d-sm-table-cell { display: table-cell !important; } }

@media (min-width: 768px) { .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .d-md-table { display: table !important; } .d-md-table-cell { display: table-cell !important; } }

@media (min-width: 1012px) { .d-lg-block { display: block !important; } .d-lg-flex { display: flex !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .d-lg-table { display: table !important; } .d-lg-table-cell { display: table-cell !important; } }

@media (min-width: 1280px) { .d-xl-block { display: block !important; } .d-xl-flex { display: flex !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .d-xl-table { display: table !important; } .d-xl-table-cell { display: table-cell !important; } }

.v-hidden { visibility: hidden !important; }

.v-visible { visibility: visible !important; }

@media (max-width: 543px) { .hide-sm { display: none !important; } }

@media (min-width: 544px) and (max-width: 767px) { .hide-md { display: none !important; } }

@media (min-width: 768px) and (max-width: 1011px) { .hide-lg { display: none !important; } }

@media (min-width: 1012px) { .hide-xl { display: none !important; } }

/* Set the table-layout to fixed */
.table-fixed { table-layout: fixed !important; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; }

.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }

/*! @primer/css/product http://primer.style/css Released under MIT license. Copyright (c) 2019 GitHub Inc. */
.flash { position: relative; padding: 16px; color: #032f62; background-color: #dbedff; border: 1px solid rgba(27, 31, 35, 0.15); border-radius: 3px; }

.flash p:last-child { margin-bottom: 0; }

.flash-messages { margin-bottom: 24px; }

.flash-close { float: right; padding: 16px; margin: -16px; color: inherit; text-align: center; cursor: pointer; background: none; border: 0; appearance: none; opacity: 0.6; }

.flash-close:hover { opacity: 1; }

.flash-action { float: right; margin-top: -3px; margin-left: 24px; }

.flash-warn { color: #735c0f; background-color: #fffbdd; border-color: rgba(27, 31, 35, 0.15); }

.flash-error { color: #86181d; background-color: #ffdce0; border-color: rgba(27, 31, 35, 0.15); }

.flash-success { color: #165c26; background-color: #dcffe4; border-color: rgba(27, 31, 35, 0.15); }

.flash-full { margin-top: -1px; border-width: 1px 0; border-radius: 0; }

.flash-banner { position: fixed; top: 0; z-index: 90; width: 100%; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; }

.warning { padding: 0.5em; margin-bottom: 0.8em; font-weight: 600; background-color: #fffbdd; }

.autocomplete-results { position: absolute; z-index: 99; width: 100%; max-height: 20em; overflow-y: auto; font-size: 13px; list-style: none; background: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(27, 31, 35, 0.3); }

.autocomplete-item { display: block; padding: 4px 8px; overflow: hidden; font-weight: 600; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

.autocomplete-item:hover, .autocomplete-item.selected, .autocomplete-item[aria-selected=true], .autocomplete-item.navigation-focus { color: #fff; text-decoration: none; background-color: #0366d6; }

.autocomplete-item:hover *, .autocomplete-item.selected *, .autocomplete-item[aria-selected=true] *, .autocomplete-item.navigation-focus * { color: inherit !important; }

.suggester { position: relative; top: 0; left: 0; min-width: 180px; padding: 0; margin: 0; margin-top: 24px; list-style: none; cursor: pointer; background: #fff; border: 1px #e1e4e8 solid; border-radius: 3px; box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15); }

.suggester li { display: block; padding: 4px 8px; font-weight: 600; border-bottom: 1px #e1e4e8 solid; }

.suggester li small { font-weight: 400; color: #586069; }

.suggester li:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.suggester li:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.suggester li:hover, .suggester li[aria-selected="true"], .suggester li.navigation-focus { color: #fff; text-decoration: none; background: #0366d6; }

.suggester li:hover small, .suggester li[aria-selected="true"] small, .suggester li.navigation-focus small { color: #fff; }

.suggester-container { position: absolute; top: 0; left: 0; z-index: 30; }

@media (max-width: 544px) { .page-responsive .suggester-container { right: 8px !important; left: 8px !important; } .page-responsive .suggester li { padding: 8px 16px; } }

.avatar { display: inline-block; overflow: hidden; line-height: 1; vertical-align: middle; border-radius: 3px; }

.avatar-small { border-radius: 2px; }

.avatar-link { float: left; line-height: 1; }

.avatar-group-item { display: inline-block; margin-bottom: 3px; }

.avatar-parent-child { position: relative; }

.avatar-child { position: absolute; right: -15%; bottom: -9%; background-color: #fff; border-radius: 2px; box-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); }

.AvatarStack { position: relative; min-width: 26px; height: 20px; }

.AvatarStack .AvatarStack-body { position: absolute; }

.AvatarStack.AvatarStack--two { min-width: 36px; }

.AvatarStack.AvatarStack--three-plus { min-width: 46px; }

.AvatarStack-body { display: flex; background: #fff; }

.AvatarStack-body .avatar { position: relative; z-index: 2; display: flex; width: 20px; height: 20px; box-sizing: content-box; margin-right: -11px; background-color: #fff; border-right: 1px solid #fff; border-radius: 2px; transition: margin 0.1s ease-in-out; }

.AvatarStack-body .avatar:first-child { z-index: 3; }

.AvatarStack-body .avatar:last-child { z-index: 1; border-right: 0; }

.AvatarStack-body .avatar img { border-radius: 2px; }

.AvatarStack-body .avatar:nth-child(n+4) { display: none; opacity: 0; }

.AvatarStack-body:hover .avatar { margin-right: 3px; }

.AvatarStack-body:hover .avatar:nth-child(n+4) { display: flex; opacity: 1; }

.AvatarStack-body:hover .avatar-more { display: none !important; }

.avatar.avatar-more { z-index: 1; margin-right: 0; background: #f6f8fa; }

.avatar.avatar-more::before, .avatar.avatar-more::after { position: absolute; display: block; height: 20px; content: ""; border-radius: 2px; outline: 1px solid #fff; }

.avatar.avatar-more::before { width: 17px; background: #e1e4e8; }

.avatar.avatar-more::after { width: 14px; background: #d1d5da; }

.AvatarStack--right .AvatarStack-body { right: 0; flex-direction: row-reverse; }

.AvatarStack--right .AvatarStack-body:hover .avatar { margin-right: 0; margin-left: 3px; }

.AvatarStack--right .avatar.avatar-more { background: #d1d5da; }

.AvatarStack--right .avatar.avatar-more::before { width: 5px; }

.AvatarStack--right .avatar.avatar-more::after { width: 2px; background: #f6f8fa; }

.AvatarStack--right .avatar { margin-right: 0; margin-left: -11px; border-right: 0; border-left: 1px solid #fff; }

.CircleBadge { display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15); }

.CircleBadge-icon { max-width: 60% !important; height: auto !important; max-height: 55% !important; }

.CircleBadge--small { width: 56px; height: 56px; }

.CircleBadge--medium { width: 96px; height: 96px; }

.CircleBadge--large { width: 128px; height: 128px; }

.DashedConnection { position: relative; }

.DashedConnection::before { position: absolute; top: 50%; left: 0; width: 100%; content: ""; border-bottom: 2px dashed #e1e4e8; }

.DashedConnection .CircleBadge { position: relative; }

.blankslate { position: relative; padding: 32px; text-align: center; }

.blankslate code { padding: 2px 5px 3px; font-size: 14px; background: #fff; border: 1px solid #eaecef; border-radius: 3px; }

.blankslate img { width: 56px; height: 56px; }

.blankslate-icon { margin-right: 4px; margin-bottom: 8px; margin-left: 4px; color: #a3aab1; }

.blankslate-capped { border-radius: 0 0 3px 3px; }

.blankslate-spacious { padding: 80px 40px; }

.blankslate-narrow { max-width: 485px; margin: 0 auto; }

.blankslate-large img { width: 80px; height: 80px; }

.blankslate-large h3 { margin: 16px 0; font-size: 24px; }

.blankslate-large p { font-size: 16px; }

.blankslate-clean-background { border: 0; }

.branch-name { display: inline-block; padding: 2px 6px; font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; color: rgba(27, 31, 35, 0.6); background-color: #eaf5ff; border-radius: 3px; }

.branch-name .octicon { margin: 1px -2px 0 0; color: #a8bbd0; }

a.branch-name { color: #0366d6; }

.dropdown { position: relative; }

.dropdown-caret { display: inline-block; width: 0; height: 0; vertical-align: middle; content: ""; border-style: solid; border-width: 4px 4px 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 100; width: 160px; padding-top: 4px; padding-bottom: 4px; margin-top: 2px; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(27, 31, 35, 0.15); border-radius: 4px; box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15); }

.dropdown-menu::before, .dropdown-menu::after { position: absolute; display: inline-block; content: ""; }

.dropdown-menu::before { border: 8px solid transparent; border-bottom-color: rgba(27, 31, 35, 0.15); }

.dropdown-menu::after { border: 7px solid transparent; border-bottom-color: #fff; }

.dropdown-menu > ul { list-style: none; }

.dropdown-menu-no-overflow { width: auto; }

.dropdown-menu-no-overflow .dropdown-item { padding: 4px 16px; overflow: visible; text-overflow: inherit; }

.dropdown-item { display: block; padding: 4px 8px 4px 16px; overflow: hidden; color: #24292e; text-overflow: ellipsis; white-space: nowrap; }

.dropdown-item:focus, .dropdown-item:hover { color: #fff; text-decoration: none; background-color: #0366d6; outline: none; }

.dropdown-item:focus > .octicon, .dropdown-item:hover > .octicon { color: inherit; opacity: 1; }

.dropdown-item.btn-link { width: 100%; text-align: left; }

.dropdown-signout { width: 100%; text-align: left; background: none; border: 0; }

.dropdown-divider { display: block; height: 0; margin: 8px 0; border-top: 1px #e1e4e8 solid; }

.dropdown-header { padding: 4px 16px; font-size: 12px; color: #586069; }

.dropdown-item[aria-checked="false"] .octicon-check { display: none; }

.dropdown-menu-w { top: 0; right: 100%; left: auto; width: auto; margin-top: 0; margin-right: 8px; }

.dropdown-menu-w::before { top: 10px; right: -16px; left: auto; border-color: transparent; border-left-color: rgba(27, 31, 35, 0.15); }

.dropdown-menu-w::after { top: 11px; right: -14px; left: auto; border-color: transparent; border-left-color: #fff; }

.dropdown-menu-e { top: 0; left: 100%; width: auto; margin-top: 0; margin-left: 8px; }

.dropdown-menu-e::before { top: 8px; left: -16px; border-color: transparent; border-right-color: rgba(27, 31, 35, 0.15); }

.dropdown-menu-e::after { top: 11px; left: -14px; border-color: transparent; border-right-color: #fff; }

.dropdown-menu-ne { top: auto; bottom: 100%; left: 0; margin-bottom: 3px; }

.dropdown-menu-ne::before, .dropdown-menu-ne::after { top: auto; right: auto; }

.dropdown-menu-ne::before { bottom: -8px; left: 9px; border-top: 8px solid rgba(27, 31, 35, 0.15); border-right: 8px solid transparent; border-bottom: 0; border-left: 8px solid transparent; }

.dropdown-menu-ne::after { bottom: -7px; left: 10px; border-top: 7px solid #fff; border-right: 7px solid transparent; border-bottom: 0; border-left: 7px solid transparent; }

.dropdown-menu-s { right: 50%; left: auto; transform: translateX(50%); }

.dropdown-menu-s::before { top: -16px; right: 50%; transform: translateX(50%); }

.dropdown-menu-s::after { top: -14px; right: 50%; transform: translateX(50%); }

.dropdown-menu-sw { right: 0; left: auto; }

.dropdown-menu-sw::before { top: -16px; right: 9px; left: auto; }

.dropdown-menu-sw::after { top: -14px; right: 10px; left: auto; }

.dropdown-menu-se::before { top: -16px; left: 9px; }

.dropdown-menu-se::after { top: -14px; left: 10px; }

.dropdown-menu-dark { color: #fff; background: #2f363d; border-color: #444d56; box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15); }

.dropdown-menu-dark::before { border-bottom-color: #444d56; }

.dropdown-menu-dark::after { border-bottom-color: #2f363d; }

.dropdown-menu-dark .dropdown-header { color: #d1d5da; }

.dropdown-menu-dark .dropdown-divider { border-top-color: #444d56; }

.dropdown-menu-dark .dropdown-item { color: inherit; }

.dropdown-menu-dark.dropdown-menu-w::before { border-color: transparent transparent transparent #444d56; }

.dropdown-menu-dark.dropdown-menu-w::after { border-color: transparent transparent transparent #2f363d; }

.dropdown-menu-dark.dropdown-menu-e::before { border-color: transparent #444d56 transparent transparent; }

.dropdown-menu-dark.dropdown-menu-e::after { border-color: transparent #2f363d transparent transparent; }

.dropdown-menu-dark.dropdown-menu-ne::before { border-color: #444d56 transparent transparent transparent; }

.dropdown-menu-dark.dropdown-menu-ne::after { border-color: #2f363d transparent transparent transparent; }

.Header { z-index: 32; display: flex; padding: 16px; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.7); background-color: #24292e; align-items: center; flex-wrap: nowrap; }

.Header-item { display: flex; margin-right: 16px; align-self: stretch; align-items: center; flex-wrap: nowrap; }

.Header-item--full { flex: auto; }

.Header-link { font-weight: 600; color: #fff; white-space: nowrap; }

.Header-link:hover, .Header-link:focus { color: rgba(255, 255, 255, 0.7); text-decoration: none; }

.IssueLabel { height: 20px; padding: 0.15em 4px; font-size: 12px; font-weight: 600; line-height: 15px; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12); }

.IssueLabel .g-emoji { position: relative; top: -0.05em; display: inline-block; font-size: 1em; line-height: 1; }

.IssueLabel:hover { text-decoration: none; }

.IssueLabel--big { padding: 4px 8px; font-size: 14px; font-weight: 600; border-radius: 3px; transition: opacity 0.2s linear; }

.IssueLabel--big .g-emoji { display: inline-block; margin-top: -1px; }

.IssueLabel--big:hover { opacity: 0.85; }

.labels { position: relative; }

.label, .Label { display: inline-block; padding: 3px 4px; font-size: 12px; font-weight: 600; line-height: 1; color: #fff; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12); }

.label:hover, .Label:hover { text-decoration: none; }

.Label--gray { color: #586069; background-color: #eaecef; }

.Label--outline { margin-top: -1px; margin-bottom: -1px; font-weight: 400; color: #586069; background-color: transparent; border: 1px solid rgba(27, 31, 35, 0.15); box-shadow: none; }

.Label--outline-green { color: #28a745; border: 1px solid #34d058; }

.Label--gray-darker { background-color: #6a737d; }

.Label--orange { background-color: #d15704; }

.state, .State { display: inline-block; padding: 4px 8px; font-weight: 600; line-height: 20px; color: #fff; text-align: center; white-space: nowrap; background-color: #6a737d; border-radius: 3px; }

.State--green { background-color: #2cbe4e; }

.State--purple { background-color: #6f42c1; }

.State--red { background-color: #cb2431; }

.State--small { padding: 0.125em 4px; font-size: 12px; }

.State--small .octicon { width: 1em; }

.Counter { display: inline-block; padding: 2px 5px; font-size: 12px; font-weight: 600; line-height: 1; color: #586069; background-color: rgba(27, 31, 35, 0.08); border-radius: 20px; }

.Counter:empty { visibility: hidden; }

.Counter--gray-light { color: #24292e; background-color: rgba(27, 31, 35, 0.15); }

.Counter--gray { color: #fff; background-color: #6a737d; }

.diffstat { font-size: 12px; font-weight: 600; color: #586069; white-space: nowrap; cursor: default; }

.diffstat-block-deleted, .diffstat-block-added, .diffstat-block-neutral { display: inline-block; width: 8px; height: 8px; margin-left: 1px; }

.diffstat-block-deleted { background-color: #cb2431; }

.diffstat-block-added { background-color: #2cbe4e; }

.diffstat-block-neutral { background-color: #d1d5da; }

.AnimatedEllipsis { display: inline-block; overflow: hidden; vertical-align: bottom; }

.AnimatedEllipsis::after { display: inline-block; content: "..."; animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite; }

@keyframes AnimatedEllipsis-keyframes { 0% { transform: translateX(-100%); } }

.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size: 16px; line-height: 1.5; word-wrap: break-word; }

.markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #d1d5da; border-bottom-color: #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; }

.markdown-body::before { display: table; content: ""; }

.markdown-body::after { display: table; clear: both; content: ""; }

.markdown-body > *:first-child { margin-top: 0 !important; }

.markdown-body > *:last-child { margin-bottom: 0 !important; }

.markdown-body a:not([href]) { color: inherit; text-decoration: none; }

.markdown-body .absent { color: #cb2431; }

.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; }

.markdown-body .anchor:focus { outline: none; }

.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .markdown-body details { margin-top: 0; margin-bottom: 16px; }

.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }

.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; }

.markdown-body blockquote > :first-child { margin-top: 0; }

.markdown-body blockquote > :last-child { margin-bottom: 0; }

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; }

.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; }

.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; }

.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; }

.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; }

.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; }

.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; }

.markdown-body h3 { font-size: 1.25em; }

.markdown-body h4 { font-size: 1em; }

.markdown-body h5 { font-size: 0.875em; }

.markdown-body h6 { font-size: 0.85em; color: #6a737d; }

.markdown-body ul, .markdown-body ol { padding-left: 2em; }

.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; }

.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }

.markdown-body li { word-wrap: break-all; }

.markdown-body li > p { margin-top: 16px; }

.markdown-body li + li { margin-top: 0.25em; }

.markdown-body dl { padding: 0; }

.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; }

.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; }

.markdown-body table { display: block; width: 100%; overflow: auto; }

.markdown-body table th { font-weight: 600; }

.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }

.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }

.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; }

.markdown-body table img { background-color: transparent; }

.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }

.markdown-body img[align=right] { padding-left: 20px; }

.markdown-body img[align=left] { padding-right: 20px; }

.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; }

.markdown-body span.frame { display: block; overflow: hidden; }

.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; }

.markdown-body span.frame span img { display: block; float: left; }

.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; }

.markdown-body span.align-center { display: block; overflow: hidden; clear: both; }

.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; }

.markdown-body span.align-center span img { margin: 0 auto; text-align: center; }

.markdown-body span.align-right { display: block; overflow: hidden; clear: both; }

.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; }

.markdown-body span.align-right span img { margin: 0; text-align: right; }

.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; }

.markdown-body span.float-left span { margin: 13px 0 0; }

.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; }

.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; }

.markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; }

.markdown-body code br, .markdown-body tt br { display: none; }

.markdown-body del code { text-decoration: inherit; }

.markdown-body pre { word-wrap: normal; }

.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; }

.markdown-body .highlight { margin-bottom: 16px; }

.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; }

.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; }

.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; }

.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; }

.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; }

.markdown-body .csv-data tr { border-top: 0; }

.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; }

.Popover { position: absolute; z-index: 100; }

.Popover-message { position: relative; width: 232px; margin-right: auto; margin-left: auto; }

.Popover-message::before, .Popover-message::after { position: absolute; left: 50%; display: inline-block; content: ""; }

.Popover-message::before { top: -16px; margin-left: -9px; border: 8px solid transparent; border-bottom-color: rgba(27, 31, 35, 0.15); }

.Popover-message::after { top: -14px; margin-left: -8px; border: 7px solid transparent; border-bottom-color: #fff; }

.Popover-message--bottom::before, .Popover-message--bottom::after, .Popover-message--bottom-right::before, .Popover-message--bottom-right::after, .Popover-message--bottom-left::before, .Popover-message--bottom-left::after { top: auto; border-bottom-color: transparent; }

.Popover-message--bottom::before, .Popover-message--bottom-right::before, .Popover-message--bottom-left::before { bottom: -16px; border-top-color: rgba(27, 31, 35, 0.15); }

.Popover-message--bottom::after, .Popover-message--bottom-right::after, .Popover-message--bottom-left::after { bottom: -14px; border-top-color: #fff; }

.Popover-message--top-right, .Popover-message--bottom-right { right: -9px; margin-right: 0; }

.Popover-message--top-right::before, .Popover-message--top-right::after, .Popover-message--bottom-right::before, .Popover-message--bottom-right::after { left: auto; margin-left: 0; }

.Popover-message--top-right::before, .Popover-message--bottom-right::before { right: 20px; }

.Popover-message--top-right::after, .Popover-message--bottom-right::after { right: 21px; }

.Popover-message--top-left, .Popover-message--bottom-left { left: -9px; margin-left: 0; }

.Popover-message--top-left::before, .Popover-message--top-left::after, .Popover-message--bottom-left::before, .Popover-message--bottom-left::after { left: 24px; margin-left: 0; }

.Popover-message--top-left::after, .Popover-message--bottom-left::after { left: 25px; }

.Popover-message--right::before, .Popover-message--right::after, .Popover-message--right-top::before, .Popover-message--right-top::after, .Popover-message--right-bottom::before, .Popover-message--right-bottom::after, .Popover-message--left::before, .Popover-message--left::after, .Popover-message--left-top::before, .Popover-message--left-top::after, .Popover-message--left-bottom::before, .Popover-message--left-bottom::after { top: 50%; left: auto; margin-left: 0; border-bottom-color: transparent; }

.Popover-message--right::before, .Popover-message--right-top::before, .Popover-message--right-bottom::before, .Popover-message--left::before, .Popover-message--left-top::before, .Popover-message--left-bottom::before { margin-top: -9px; }

.Popover-message--right::after, .Popover-message--right-top::after, .Popover-message--right-bottom::after, .Popover-message--left::after, .Popover-message--left-top::after, .Popover-message--left-bottom::after { margin-top: -8px; }

.Popover-message--right::before, .Popover-message--right-top::before, .Popover-message--right-bottom::before { right: -16px; border-left-color: rgba(27, 31, 35, 0.15); }

.Popover-message--right::after, .Popover-message--right-top::after, .Popover-message--right-bottom::after { right: -14px; border-left-color: #fff; }

.Popover-message--left::before, .Popover-message--left-top::before, .Popover-message--left-bottom::before { left: -16px; border-right-color: rgba(27, 31, 35, 0.15); }

.Popover-message--left::after, .Popover-message--left-top::after, .Popover-message--left-bottom::after { left: -14px; border-right-color: #fff; }

.Popover-message--right-top::before, .Popover-message--right-top::after, .Popover-message--left-top::before, .Popover-message--left-top::after { top: 24px; }

.Popover-message--right-bottom::before, .Popover-message--right-bottom::after, .Popover-message--left-bottom::before, .Popover-message--left-bottom::after { top: auto; }

.Popover-message--right-bottom::before, .Popover-message--left-bottom::before { bottom: 16px; }

.Popover-message--right-bottom::after, .Popover-message--left-bottom::after { bottom: 17px; }

@media (min-width: 544px) { .Popover-message--large { min-width: 320px; } }

.Progress { display: flex; height: 8px; overflow: hidden; background-color: #e1e4e8; border-radius: 3px; }

.Progress--large { height: 10px; }

.Progress--small { height: 5px; }

@media (hover: hover) { .SelectMenu-tab:not([aria-checked="true"]):hover, .SelectMenu-tab:not([aria-checked="true"]):active { background-color: #fff; } }

.SelectMenu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; display: flex; padding: 16px; pointer-events: none; flex-direction: column; }

@media (min-width: 544px) { .SelectMenu { position: absolute; top: auto; right: auto; bottom: auto; left: auto; padding: 0; } }

.SelectMenu::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; background-color: rgba(27, 31, 35, 0.5); }

@media (min-width: 544px) { .SelectMenu::before { display: none; } }

.SelectMenu-modal { position: relative; z-index: 99; display: flex; max-height: 66%; margin: auto 0; overflow: hidden; pointer-events: auto; flex-direction: column; background-color: #f6f8fa; border-radius: 6px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); animation: SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards; }

@keyframes SelectMenu-modal-animation { 0% { opacity: 0;
    transform: scale(0.9); } }

@keyframes SelectMenu-modal-animation--sm { 0% { opacity: 0;
    transform: translateY(-16px); } }

@media (min-width: 544px) { .SelectMenu-modal { width: 300px; height: auto; max-height: 480px; margin: 4px 0 16px 0; font-size: 12px; border: 1px solid #d1d5da; border-radius: 3px; box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15); animation-name: SelectMenu-modal-animation--sm; } }

.SelectMenu-header { display: flex; flex: none; padding: 16px; }

@media (min-width: 544px) { .SelectMenu-header { padding-top: 8px; padding-bottom: 8px; } }

.SelectMenu-title { flex: auto; font-size: 14px; font-weight: 600; }

@media (min-width: 544px) { .SelectMenu-title { font-size: inherit; } }

.SelectMenu-closeButton { padding: 16px; margin: -16px; color: #6a737d; background-color: transparent; border: 0; }

@media (min-width: 544px) { .SelectMenu-closeButton { display: none; } }

.SelectMenu-filter { padding: 16px; margin: 0; border-top: 1px #e1e4e8 solid; }

@media (min-width: 544px) { .SelectMenu-filter { padding: 8px; } }

.SelectMenu-input { display: block; width: 100%; }

@media (min-width: 544px) { .SelectMenu-input { font-size: 14px; } }

.SelectMenu-list { position: relative; padding: 0; margin: 0; margin-bottom: -1px; flex: auto; overflow-x: hidden; overflow-y: auto; background-color: #fff; border-top: 1px #e1e4e8 solid; -webkit-overflow-scrolling: touch; }

.SelectMenu-item { display: flex; align-items: center; width: 100%; padding: 16px; overflow: hidden; color: #586069; text-align: left; cursor: pointer; background-color: #fff; border: 0; border-bottom: 1px solid #eaecef; }

@media (min-width: 544px) { .SelectMenu-item { padding-top: 8px; padding-bottom: 8px; } }

.SelectMenu-icon { width: 16px; margin-right: 8px; flex-shrink: 0; }

.SelectMenu-icon--check { visibility: hidden; transition: transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5), visibility 0s 0.12s linear; transform: scale(0); }

.SelectMenu-tabs { display: flex; flex-shrink: 0; margin-bottom: -1px; overflow-x: auto; overflow-y: hidden; border-top: 1px #e1e4e8 solid; -webkit-overflow-scrolling: touch; }

.SelectMenu-tabs::-webkit-scrollbar { display: none; }

@media (min-width: 544px) { .SelectMenu-tabs { padding: 0 8px; border-top: 0; } }

.SelectMenu-tab { flex: 1; padding: 8px 16px; font-size: 12px; font-weight: 500; color: #6a737d; text-align: center; background-color: transparent; border: 0; box-shadow: inset 0 -1px 0 #e1e4e8; }

@media (min-width: 544px) { .SelectMenu-tab { flex: none; padding: 4px 16px; border: 1px solid transparent; border-bottom-width: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } }

.SelectMenu-tab[aria-selected="true"] { z-index: 1; color: #24292e; cursor: default; background-color: #fff; box-shadow: 0 0 0 1px #e1e4e8; }

@media (min-width: 544px) { .SelectMenu-tab[aria-selected="true"] { border-color: #e1e4e8; box-shadow: none; } }

.SelectMenu-message { border-bottom: 1px solid #eaecef; }

.SelectMenu-message, .SelectMenu-blankslate, .SelectMenu-loading { padding: 24px 16px; text-align: center; background-color: #fff; }

.SelectMenu-divider { padding: 4px 16px; margin: 0; font-size: 12px; font-weight: 600; color: #6a737d; background-color: #f6f8fa; border-bottom: 1px solid #eaecef; }

.SelectMenu-footer { z-index: 0; padding: 8px 16px; font-size: 12px; color: #6a737d; text-align: center; border-top: 1px #e1e4e8 solid; }

@media (min-width: 544px) { .SelectMenu-footer { padding: 4px 8px; } }

.SelectMenu--hasFilter .SelectMenu-modal { height: 80%; max-height: none; margin-top: 0; }

@media (min-width: 544px) { .SelectMenu--hasFilter .SelectMenu-modal { height: auto; max-height: 480px; margin-top: 4px; } }

.SelectMenu-tab:focus, .SelectMenu-item:focus { outline: none; }

.SelectMenu-item:hover { text-decoration: none; }

.SelectMenu-item[aria-checked="true"] { font-weight: 500; color: #24292e; }

.SelectMenu-item[aria-checked="true"] .SelectMenu-icon--check { visibility: visible; transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear; transform: scale(1); }

@media (hover: hover) { body:not(.intent-mouse) .SelectMenu-item:focus, .SelectMenu-item:hover { background-color: #f6f8fa; } .SelectMenu-item:active { background-color: #fafbfc; } body:not(.intent-mouse) .SelectMenu-tab:focus { background-color: #dbedff; } .SelectMenu-tab:not([aria-selected="true"]):hover { color: #24292e; background-color: #e1e4e8; } .SelectMenu-tab:not([aria-selected="true"]):active { color: #24292e; background-color: #f6f8fa; } }

@media (hover: none) { .SelectMenu-item:focus, .SelectMenu-item:active { background-color: #fafbfc; } .SelectMenu-item { -webkit-tap-highlight-color: rgba(209, 213, 218, 0.5); } }

.Subhead { display: flex; padding-bottom: 8px; margin-bottom: 16px; border-bottom: 1px #e1e4e8 solid; flex-flow: row wrap; }

.Subhead--spacious { margin-top: 40px; }

.Subhead-heading { font-size: 24px; font-weight: 400; flex: 1 1 auto; }

.Subhead-heading--danger { font-weight: 600; color: #cb2431; }

.Subhead-description { font-size: 14px; color: #586069; flex: 1 100%; }

.Subhead-actions { align-self: center; justify-content: flex-end; }

.TimelineItem { position: relative; display: flex; padding: 16px 0; margin-left: 16px; }

.TimelineItem::before { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 2px; content: ""; background-color: #e1e4e8; }

.TimelineItem:target .TimelineItem-badge { border-color: #2188ff; box-shadow: 0 0 0.2em #c8e1ff; }

.TimelineItem-badge { position: relative; z-index: 1; display: flex; width: 32px; height: 32px; margin-right: 8px; margin-left: -15px; color: #444d56; align-items: center; background-color: #e1e4e8; border: 2px solid #fff; border-radius: 50%; justify-content: center; flex-shrink: 0; }

.TimelineItem-body { min-width: 0; max-width: 100%; margin-top: 4px; color: #444d56; flex: auto; }

.TimelineItem-avatar { position: absolute; left: -72px; z-index: 1; }

.TimelineItem-break { position: relative; z-index: 1; height: 24px; margin: 0; margin-bottom: -16px; margin-left: -56px; background-color: #fff; border: 0; border-top: 4px solid #e1e4e8; }

.TimelineItem--condensed { padding-top: 4px; padding-bottom: 0; }

.TimelineItem--condensed:last-child { padding-bottom: 16px; }

.TimelineItem--condensed .TimelineItem-badge { height: 16px; margin-top: 8px; margin-bottom: 8px; color: #959da5; background-color: #fff; border: 0; }

.Toast { display: flex; margin: 8px; color: #1b1f23; background-color: #fff; border-radius: 3px; box-shadow: inset 0 0 0 1px #d1d5da, 0 1px 5px rgba(27, 31, 35, 0.15); }

@media (min-width: 544px) { .Toast { width: max-content; max-width: 450px; margin: 16px; } }

.Toast-icon { display: flex; align-items: center; justify-content: center; width: 48px; flex-shrink: 0; color: #fff; background-color: #0366d6; border-top-left-radius: inherit; border-bottom-left-radius: inherit; }

.Toast-content { padding: 16px; }

.Toast-dismissButton { max-height: 54px; padding: 16px; background-color: transparent; border: 0; }

.Toast-dismissButton:focus, .Toast-dismissButton:hover { color: #586069; outline: none; }

.Toast-dismissButton:active { color: #959da5; }

.Toast--error .Toast-icon { background-color: #d73a49; }

.Toast--warning .Toast-icon { color: #24292e; background-color: #f9c513; }

.Toast--success .Toast-icon { background-color: #28a745; }

.Toast--loading .Toast-icon { background-color: #586069; }

.Toast--animateIn { animation: Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards; }

@keyframes Toast--animateIn { 0% { opacity: 0;
    transform: translateY(100%); } }

.Toast--animateOut { animation: Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards; }

@keyframes Toast--animateOut { 100% { pointer-events: none;
    opacity: 0;
    transform: translateY(100%); } }

.Toast--spinner { animation: Toast--spinner 1000ms linear infinite; }

@keyframes Toast--spinner { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size: 16px; line-height: 1.5; word-wrap: break-word; }

.markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #d1d5da; border-bottom-color: #d1d5da; border-radius: 3px; box-shadow: inset 0 -1px 0 #d1d5da; }

.markdown-body::before { display: table; content: ""; }

.markdown-body::after { display: table; clear: both; content: ""; }

.markdown-body > *:first-child { margin-top: 0 !important; }

.markdown-body > *:last-child { margin-bottom: 0 !important; }

.markdown-body a:not([href]) { color: inherit; text-decoration: none; }

.markdown-body .absent { color: #cb2431; }

.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; }

.markdown-body .anchor:focus { outline: none; }

.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .markdown-body details { margin-top: 0; margin-bottom: 16px; }

.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }

.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; }

.markdown-body blockquote > :first-child { margin-top: 0; }

.markdown-body blockquote > :last-child { margin-bottom: 0; }

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; }

.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; }

.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; }

.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; }

.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; }

.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; }

.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; }

.markdown-body h3 { font-size: 1.25em; }

.markdown-body h4 { font-size: 1em; }

.markdown-body h5 { font-size: 0.875em; }

.markdown-body h6 { font-size: 0.85em; color: #6a737d; }

.markdown-body ul, .markdown-body ol { padding-left: 2em; }

.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; }

.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }

.markdown-body li { word-wrap: break-all; }

.markdown-body li > p { margin-top: 16px; }

.markdown-body li + li { margin-top: 0.25em; }

.markdown-body dl { padding: 0; }

.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; }

.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; }

.markdown-body table { display: block; width: 100%; overflow: auto; }

.markdown-body table th { font-weight: 600; }

.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }

.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }

.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; }

.markdown-body table img { background-color: transparent; }

.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }

.markdown-body img[align=right] { padding-left: 20px; }

.markdown-body img[align=left] { padding-right: 20px; }

.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; }

.markdown-body span.frame { display: block; overflow: hidden; }

.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; }

.markdown-body span.frame span img { display: block; float: left; }

.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; }

.markdown-body span.align-center { display: block; overflow: hidden; clear: both; }

.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; }

.markdown-body span.align-center span img { margin: 0 auto; text-align: center; }

.markdown-body span.align-right { display: block; overflow: hidden; clear: both; }

.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; }

.markdown-body span.align-right span img { margin: 0; text-align: right; }

.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; }

.markdown-body span.float-left span { margin: 13px 0 0; }

.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; }

.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; }

.markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; }

.markdown-body code br, .markdown-body tt br { display: none; }

.markdown-body del code { text-decoration: inherit; }

.markdown-body pre { word-wrap: normal; }

.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; }

.markdown-body .highlight { margin-bottom: 16px; }

.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; }

.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; }

.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; }

.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; }

.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; }

.markdown-body .csv-data tr { border-top: 0; }

.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; }

/* Fade in an element */
.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; }

.anim-fade-in.fast { animation-duration: 300ms; }

@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

/* Fade out an element */
.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; }

.anim-fade-out.fast { animation-duration: 0.3s; }

@keyframes fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Fade in and slide up an element */
.anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; }

@keyframes fade-up { 0% { opacity: 0.8;
    transform: translateY(100%); }
  100% { opacity: 1;
    transform: translateY(0); } }

/* Fade an element out and slide down */
.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; }

@keyframes fade-down { 0% { opacity: 1;
    transform: translateY(0); }
  100% { opacity: 0.5;
    transform: translateY(100%); } }

/* Grow an element width from 0 to 100% */
.anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; }

@keyframes grow-x { to { width: 100%; } }

/* Shrink an element from 100% to 0% */
.anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; }

@keyframes shrink-x { to { width: 0%; } }

/* Fade in an element and scale it fast */
.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); }

@keyframes scale-in { 0% { opacity: 0;
    transform: scale(0.5); }
  100% { opacity: 1;
    transform: scale(1); } }

/* Pulse an element's opacity */
.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes pulse { 0% { opacity: 0.3; }
  10% { opacity: 1; }
  100% { opacity: 0.3; } }

/* Pulse in an element */
.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; }

@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.1, 1.1, 1.1); }
  100% { transform: scale3d(1, 1, 1); } }

/* Increase scale of an element on hover */
.hover-grow { transition: transform 0.3s; backface-visibility: hidden; }

.hover-grow:hover { transform: scale(1.025); }

/* Add a gray border to the left and right */
.border-x { border-right: 1px #e1e4e8 solid !important; border-left: 1px #e1e4e8 solid !important; }

/* Add a gray border to the top and bottom */
.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; }

/* Responsive gray borders */
/* Add a gray border on all sides at/above this breakpoint */
.border { border: 1px #e1e4e8 solid !important; }

/* Set the border width to 0 on all sides at/above this breakpoint */
.border-0 { border: 0 !important; }

/* Add a gray border to the top */
.border-top { border-top: 1px #e1e4e8 solid !important; }

/* Add a gray border to the right */
.border-right { border-right: 1px #e1e4e8 solid !important; }

/* Add a gray border to the bottom */
.border-bottom { border-bottom: 1px #e1e4e8 solid !important; }

/* Add a gray border to the left */
.border-left { border-left: 1px #e1e4e8 solid !important; }

/* Remove the top border */
.border-top-0 { border-top: 0 !important; }

/* Remove the right border */
.border-right-0 { border-right: 0 !important; }

/* Remove the bottom border */
.border-bottom-0 { border-bottom: 0 !important; }

/* Remove the left border */
.border-left-0 { border-left: 0 !important; }

/* Remove the border-radius */
.rounded-0 { border-radius: 0 !important; }

/* Add a border-radius to all corners */
.rounded-1 { border-radius: 3px !important; }

/* Add a 2x border-radius to all corners */
.rounded-2 { border-radius: 6px !important; }

.rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }

.rounded-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }

.rounded-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }

.rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.rounded-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }

.rounded-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }

.rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.rounded-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }

.rounded-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }

.rounded-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }

.rounded-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }

.rounded-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }

@media (min-width: 544px) { /* Add a gray border on all sides at/above this breakpoint */ .border-sm { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-sm-0 { border: 0 !important; } /* Add a gray border to the top */ .border-sm-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-sm-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-sm-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-sm-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-sm-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-sm-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-sm-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-sm-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-sm-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-sm-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-sm-2 { border-radius: 6px !important; } .rounded-sm-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-sm-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-sm-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-sm-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-sm-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-sm-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-sm-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-sm-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-sm-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-sm-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-sm-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-sm-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

@media (min-width: 768px) { /* Add a gray border on all sides at/above this breakpoint */ .border-md { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-md-0 { border: 0 !important; } /* Add a gray border to the top */ .border-md-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-md-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-md-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-md-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-md-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-md-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-md-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-md-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-md-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-md-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-md-2 { border-radius: 6px !important; } .rounded-md-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-md-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-md-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-md-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-md-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-md-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-md-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-md-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-md-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-md-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-md-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-md-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

@media (min-width: 1012px) { /* Add a gray border on all sides at/above this breakpoint */ .border-lg { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-lg-0 { border: 0 !important; } /* Add a gray border to the top */ .border-lg-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-lg-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-lg-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-lg-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-lg-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-lg-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-lg-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-lg-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-lg-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-lg-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-lg-2 { border-radius: 6px !important; } .rounded-lg-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-lg-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-lg-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-lg-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-lg-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-lg-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-lg-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-lg-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-lg-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-lg-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-lg-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-lg-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

@media (min-width: 1280px) { /* Add a gray border on all sides at/above this breakpoint */ .border-xl { border: 1px #e1e4e8 solid !important; } /* Set the border width to 0 on all sides at/above this breakpoint */ .border-xl-0 { border: 0 !important; } /* Add a gray border to the top */ .border-xl-top { border-top: 1px #e1e4e8 solid !important; } /* Add a gray border to the right */ .border-xl-right { border-right: 1px #e1e4e8 solid !important; } /* Add a gray border to the bottom */ .border-xl-bottom { border-bottom: 1px #e1e4e8 solid !important; } /* Add a gray border to the left */ .border-xl-left { border-left: 1px #e1e4e8 solid !important; } /* Remove the top border */ .border-xl-top-0 { border-top: 0 !important; } /* Remove the right border */ .border-xl-right-0 { border-right: 0 !important; } /* Remove the bottom border */ .border-xl-bottom-0 { border-bottom: 0 !important; } /* Remove the left border */ .border-xl-left-0 { border-left: 0 !important; } /* Remove the border-radius */ .rounded-xl-0 { border-radius: 0 !important; } /* Add a border-radius to all corners */ .rounded-xl-1 { border-radius: 3px !important; } /* Add a 2x border-radius to all corners */ .rounded-xl-2 { border-radius: 6px !important; } .rounded-xl-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-xl-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-xl-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .rounded-xl-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-xl-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-xl-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .rounded-xl-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-xl-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-xl-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .rounded-xl-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-xl-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .rounded-xl-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }

/* Add a 50% border-radius to make something into a circle */
.circle { border-radius: 50% !important; }

/* Change the border style to dashed, in conjunction with another utility */
.border-dashed { border-style: dashed !important; }

/* Use with .border to turn the border blue */
.border-blue { border-color: #0366d6 !important; }

/* Use with .border to turn the border blue-light */
.border-blue-light { border-color: #c8e1ff !important; }

/* Use with .border to turn the border green */
.border-green { border-color: #34d058 !important; }

/* Use with .border to turn the border green light */
.border-green-light { border-color: #a2cbac !important; }

/* Use with .border to turn the border red */
.border-red { border-color: #d73a49 !important; }

/* Use with .border to turn the border red-light */
.border-red-light { border-color: #cea0a5 !important; }

/* Use with .border to turn the border purple */
.border-purple { border-color: #6f42c1 !important; }

/* Use with .border to turn the border yellow */
.border-yellow { border-color: #d9d0a5 !important; }

/* Use with .border to turn the border gray-light */
.border-gray-light { border-color: #eaecef !important; }

/* Use with .border to turn the border gray-dark */
.border-gray-dark { border-color: #d1d5da !important; }

/* Use with .border to turn the border rgba black 0.15 */
.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; }

/* Use with .border to turn the border rgba white 0.15 */
.border-white-fade { border-color: rgba(255, 255, 255, 0.15) !important; }

/* Use with .border to turn the border white w/varying transparency */
.border-white-fade-15 { border-color: rgba(255, 255, 255, 0.15) !important; }

.border-white-fade-30 { border-color: rgba(255, 255, 255, 0.3) !important; }

.border-white-fade-50 { border-color: rgba(255, 255, 255, 0.5) !important; }

.border-white-fade-70 { border-color: rgba(255, 255, 255, 0.7) !important; }

.border-white-fade-85 { border-color: rgba(255, 255, 255, 0.85) !important; }

.box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; }

.box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; }

.box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; }

.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; }

.box-shadow-none { box-shadow: none !important; }

/* Set the background to $bg-white */
.bg-white { background-color: #fff !important; }

/* Set the background to $bg-blue */
.bg-blue { background-color: #0366d6 !important; }

/* Set the background to $bg-blue-light */
.bg-blue-light { background-color: #f1f8ff !important; }

/* Set the background to $bg-gray-dark */
.bg-gray-dark { background-color: #24292e !important; }

/* Set the background to $bg-gray */
.bg-gray { background-color: #f6f8fa !important; }

/* Set the background to $bg-gray-light */
.bg-gray-light { background-color: #fafbfc !important; }

/* Set the background to $bg-green */
.bg-green { background-color: #28a745 !important; }

/* Set the background to $bg-green-light */
.bg-green-light { background-color: #dcffe4 !important; }

/* Set the background to $bg-red */
.bg-red { background-color: #d73a49 !important; }

/* Set the background to $bg-red-light */
.bg-red-light { background-color: #ffdce0 !important; }

/* Set the background to $bg-yellow */
.bg-yellow { background-color: #ffd33d !important; }

/* Set the background to $bg-yellow-light */
.bg-yellow-light { background-color: #fff5b1 !important; }

/* Set the background to $bg-yellow-dark */
.bg-yellow-dark { background-color: #dbab09 !important; }

/* Set the background to $bg-purple */
.bg-purple { background-color: #6f42c1 !important; }

/* Set the background to $bg-pink */
.bg-pink { background-color: #ea4aaa !important; }

/* Set the background to $bg-purple-light */
.bg-purple-light { background-color: #f5f0ff !important; }

.color-gray-0 { color: #fafbfc !important; }

.bg-gray-0 { background-color: #fafbfc !important; }

.color-gray-1 { color: #f6f8fa !important; }

.bg-gray-1 { background-color: #f6f8fa !important; }

.color-gray-2 { color: #e1e4e8 !important; }

.bg-gray-2 { background-color: #e1e4e8 !important; }

.color-gray-3 { color: #d1d5da !important; }

.bg-gray-3 { background-color: #d1d5da !important; }

.color-gray-4 { color: #959da5 !important; }

.bg-gray-4 { background-color: #959da5 !important; }

.color-gray-5 { color: #6a737d !important; }

.bg-gray-5 { background-color: #6a737d !important; }

.color-gray-6 { color: #586069 !important; }

.bg-gray-6 { background-color: #586069 !important; }

.color-gray-7 { color: #444d56 !important; }

.bg-gray-7 { background-color: #444d56 !important; }

.color-gray-8 { color: #2f363d !important; }

.bg-gray-8 { background-color: #2f363d !important; }

.color-gray-9 { color: #24292e !important; }

.bg-gray-9 { background-color: #24292e !important; }

.color-blue-0 { color: #f1f8ff !important; }

.bg-blue-0 { background-color: #f1f8ff !important; }

.color-blue-1 { color: #dbedff !important; }

.bg-blue-1 { background-color: #dbedff !important; }

.color-blue-2 { color: #c8e1ff !important; }

.bg-blue-2 { background-color: #c8e1ff !important; }

.color-blue-3 { color: #79b8ff !important; }

.bg-blue-3 { background-color: #79b8ff !important; }

.color-blue-4 { color: #2188ff !important; }

.bg-blue-4 { background-color: #2188ff !important; }

.color-blue-5 { color: #0366d6 !important; }

.bg-blue-5 { background-color: #0366d6 !important; }

.color-blue-6 { color: #005cc5 !important; }

.bg-blue-6 { background-color: #005cc5 !important; }

.color-blue-7 { color: #044289 !important; }

.bg-blue-7 { background-color: #044289 !important; }

.color-blue-8 { color: #032f62 !important; }

.bg-blue-8 { background-color: #032f62 !important; }

.color-blue-9 { color: #05264c !important; }

.bg-blue-9 { background-color: #05264c !important; }

.color-green-0 { color: #f0fff4 !important; }

.bg-green-0 { background-color: #f0fff4 !important; }

.color-green-1 { color: #dcffe4 !important; }

.bg-green-1 { background-color: #dcffe4 !important; }

.color-green-2 { color: #bef5cb !important; }

.bg-green-2 { background-color: #bef5cb !important; }

.color-green-3 { color: #85e89d !important; }

.bg-green-3 { background-color: #85e89d !important; }

.color-green-4 { color: #34d058 !important; }

.bg-green-4 { background-color: #34d058 !important; }

.color-green-5 { color: #28a745 !important; }

.bg-green-5 { background-color: #28a745 !important; }

.color-green-6 { color: #22863a !important; }

.bg-green-6 { background-color: #22863a !important; }

.color-green-7 { color: #176f2c !important; }

.bg-green-7 { background-color: #176f2c !important; }

.color-green-8 { color: #165c26 !important; }

.bg-green-8 { background-color: #165c26 !important; }

.color-green-9 { color: #144620 !important; }

.bg-green-9 { background-color: #144620 !important; }

.color-yellow-0 { color: #fffdef !important; }

.bg-yellow-0 { background-color: #fffdef !important; }

.color-yellow-1 { color: #fffbdd !important; }

.bg-yellow-1 { background-color: #fffbdd !important; }

.color-yellow-2 { color: #fff5b1 !important; }

.bg-yellow-2 { background-color: #fff5b1 !important; }

.color-yellow-3 { color: #ffea7f !important; }

.bg-yellow-3 { background-color: #ffea7f !important; }

.color-yellow-4 { color: #ffdf5d !important; }

.bg-yellow-4 { background-color: #ffdf5d !important; }

.color-yellow-5 { color: #ffd33d !important; }

.bg-yellow-5 { background-color: #ffd33d !important; }

.color-yellow-6 { color: #f9c513 !important; }

.bg-yellow-6 { background-color: #f9c513 !important; }

.color-yellow-7 { color: #dbab09 !important; }

.bg-yellow-7 { background-color: #dbab09 !important; }

.color-yellow-8 { color: #b08800 !important; }

.bg-yellow-8 { background-color: #b08800 !important; }

.color-yellow-9 { color: #735c0f !important; }

.bg-yellow-9 { background-color: #735c0f !important; }

.color-orange-0 { color: #fff8f2 !important; }

.bg-orange-0 { background-color: #fff8f2 !important; }

.color-orange-1 { color: #ffebda !important; }

.bg-orange-1 { background-color: #ffebda !important; }

.color-orange-2 { color: #ffd1ac !important; }

.bg-orange-2 { background-color: #ffd1ac !important; }

.color-orange-3 { color: #ffab70 !important; }

.bg-orange-3 { background-color: #ffab70 !important; }

.color-orange-4 { color: #fb8532 !important; }

.bg-orange-4 { background-color: #fb8532 !important; }

.color-orange-5 { color: #f66a0a !important; }

.bg-orange-5 { background-color: #f66a0a !important; }

.color-orange-6 { color: #e36209 !important; }

.bg-orange-6 { background-color: #e36209 !important; }

.color-orange-7 { color: #d15704 !important; }

.bg-orange-7 { background-color: #d15704 !important; }

.color-orange-8 { color: #c24e00 !important; }

.bg-orange-8 { background-color: #c24e00 !important; }

.color-orange-9 { color: #a04100 !important; }

.bg-orange-9 { background-color: #a04100 !important; }

.color-red-0 { color: #ffeef0 !important; }

.bg-red-0 { background-color: #ffeef0 !important; }

.color-red-1 { color: #ffdce0 !important; }

.bg-red-1 { background-color: #ffdce0 !important; }

.color-red-2 { color: #fdaeb7 !important; }

.bg-red-2 { background-color: #fdaeb7 !important; }

.color-red-3 { color: #f97583 !important; }

.bg-red-3 { background-color: #f97583 !important; }

.color-red-4 { color: #ea4a5a !important; }

.bg-red-4 { background-color: #ea4a5a !important; }

.color-red-5 { color: #d73a49 !important; }

.bg-red-5 { background-color: #d73a49 !important; }

.color-red-6 { color: #cb2431 !important; }

.bg-red-6 { background-color: #cb2431 !important; }

.color-red-7 { color: #b31d28 !important; }

.bg-red-7 { background-color: #b31d28 !important; }

.color-red-8 { color: #9e1c23 !important; }

.bg-red-8 { background-color: #9e1c23 !important; }

.color-red-9 { color: #86181d !important; }

.bg-red-9 { background-color: #86181d !important; }

.color-purple-0 { color: #f5f0ff !important; }

.bg-purple-0 { background-color: #f5f0ff !important; }

.color-purple-1 { color: #e6dcfd !important; }

.bg-purple-1 { background-color: #e6dcfd !important; }

.color-purple-2 { color: #d1bcf9 !important; }

.bg-purple-2 { background-color: #d1bcf9 !important; }

.color-purple-3 { color: #b392f0 !important; }

.bg-purple-3 { background-color: #b392f0 !important; }

.color-purple-4 { color: #8a63d2 !important; }

.bg-purple-4 { background-color: #8a63d2 !important; }

.color-purple-5 { color: #6f42c1 !important; }

.bg-purple-5 { background-color: #6f42c1 !important; }

.color-purple-6 { color: #5a32a3 !important; }

.bg-purple-6 { background-color: #5a32a3 !important; }

.color-purple-7 { color: #4c2889 !important; }

.bg-purple-7 { background-color: #4c2889 !important; }

.color-purple-8 { color: #3a1d6e !important; }

.bg-purple-8 { background-color: #3a1d6e !important; }

.color-purple-9 { color: #29134e !important; }

.bg-purple-9 { background-color: #29134e !important; }

.color-pink-0 { color: #ffeef8 !important; }

.bg-pink-0 { background-color: #ffeef8 !important; }

.color-pink-1 { color: #fedbf0 !important; }

.bg-pink-1 { background-color: #fedbf0 !important; }

.color-pink-2 { color: #f9b3dd !important; }

.bg-pink-2 { background-color: #f9b3dd !important; }

.color-pink-3 { color: #f692ce !important; }

.bg-pink-3 { background-color: #f692ce !important; }

.color-pink-4 { color: #ec6cb9 !important; }

.bg-pink-4 { background-color: #ec6cb9 !important; }

.color-pink-5 { color: #ea4aaa !important; }

.bg-pink-5 { background-color: #ea4aaa !important; }

.color-pink-6 { color: #d03592 !important; }

.bg-pink-6 { background-color: #d03592 !important; }

.color-pink-7 { color: #b93a86 !important; }

.bg-pink-7 { background-color: #b93a86 !important; }

.color-pink-8 { color: #99306f !important; }

.bg-pink-8 { background-color: #99306f !important; }

.color-pink-9 { color: #6d224f !important; }

.bg-pink-9 { background-color: #6d224f !important; }

.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; }

/* Set the text color to $text-blue */
.text-blue { color: #0366d6 !important; }

/* Set the text color to $text-red */
.text-red { color: #cb2431 !important; }

/* Set the text color to $text-gray-light */
.text-gray-light { color: #6a737d !important; }

/* Set the text color to $text-gray */
.text-gray { color: #586069 !important; }

/* Set the text color to $text-gray-dark */
.text-gray-dark { color: #24292e !important; }

/* Set the text color to $text-green */
.text-green { color: #28a745 !important; }

/* Set the text color to $text-yellow */
.text-yellow { color: #b08800 !important; }

/* Set the text color to $text-orange */
.text-orange { color: #a04100 !important; }

/* Set the text color to $text-orange-light */
.text-orange-light { color: #e36209 !important; }

/* Set the text color to $text-purple */
.text-purple { color: #6f42c1 !important; }

/* Set the text color to $text-pink */
.text-pink { color: #ea4aaa !important; }

/* Set the text color to $text-white */
.text-white { color: #fff !important; }

/* Set the text color to inherit */
.text-inherit { color: inherit !important; }

.link-gray { color: #586069 !important; }

.link-gray:hover { color: #0366d6 !important; }

.link-gray-dark { color: #24292e !important; }

.link-gray-dark:hover { color: #0366d6 !important; }

/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */
.link-hover-blue:hover { color: #0366d6 !important; }

/* Make a link $text-gray, then $text-blue on hover and removes the underline */
.muted-link { color: #586069 !important; }

.muted-link:hover { color: #0366d6 !important; text-decoration: none; }

.details-overlay[open] > summary::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: block; cursor: default; content: " "; background: transparent; }

.details-overlay-dark[open] > summary::before { z-index: 99; background: rgba(27, 31, 35, 0.5); }

.details-reset > summary { list-style: none; }

.details-reset > summary::before { display: none; }

.details-reset > summary::-webkit-details-marker { display: none; }

.flex-row { flex-direction: row !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column { flex-direction: column !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-justify-start { justify-content: flex-start !important; }

.flex-justify-end { justify-content: flex-end !important; }

.flex-justify-center { justify-content: center !important; }

.flex-justify-between { justify-content: space-between !important; }

.flex-justify-around { justify-content: space-around !important; }

.flex-items-start { align-items: flex-start !important; }

.flex-items-end { align-items: flex-end !important; }

.flex-items-center { align-items: center !important; }

.flex-items-baseline { align-items: baseline !important; }

.flex-items-stretch { align-items: stretch !important; }

.flex-content-start { align-content: flex-start !important; }

.flex-content-end { align-content: flex-end !important; }

.flex-content-center { align-content: center !important; }

.flex-content-between { align-content: space-between !important; }

.flex-content-around { align-content: space-around !important; }

.flex-content-stretch { align-content: stretch !important; }

.flex-1 { flex: 1 !important; }

.flex-auto { flex: auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-self-auto { align-self: auto !important; }

.flex-self-start { align-self: flex-start !important; }

.flex-self-end { align-self: flex-end !important; }

.flex-self-center { align-self: center !important; }

.flex-self-baseline { align-self: baseline !important; }

.flex-self-stretch { align-self: stretch !important; }

.flex-order-1 { order: 1 !important; }

.flex-order-2 { order: 2 !important; }

.flex-order-none { order: inherit !important; }

@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-justify-start { justify-content: flex-start !important; } .flex-sm-justify-end { justify-content: flex-end !important; } .flex-sm-justify-center { justify-content: center !important; } .flex-sm-justify-between { justify-content: space-between !important; } .flex-sm-justify-around { justify-content: space-around !important; } .flex-sm-items-start { align-items: flex-start !important; } .flex-sm-items-end { align-items: flex-end !important; } .flex-sm-items-center { align-items: center !important; } .flex-sm-items-baseline { align-items: baseline !important; } .flex-sm-items-stretch { align-items: stretch !important; } .flex-sm-content-start { align-content: flex-start !important; } .flex-sm-content-end { align-content: flex-end !important; } .flex-sm-content-center { align-content: center !important; } .flex-sm-content-between { align-content: space-between !important; } .flex-sm-content-around { align-content: space-around !important; } .flex-sm-content-stretch { align-content: stretch !important; } .flex-sm-1 { flex: 1 !important; } .flex-sm-auto { flex: auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-self-auto { align-self: auto !important; } .flex-sm-self-start { align-self: flex-start !important; } .flex-sm-self-end { align-self: flex-end !important; } .flex-sm-self-center { align-self: center !important; } .flex-sm-self-baseline { align-self: baseline !important; } .flex-sm-self-stretch { align-self: stretch !important; } .flex-sm-order-1 { order: 1 !important; } .flex-sm-order-2 { order: 2 !important; } .flex-sm-order-none { order: inherit !important; } }

@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column { flex-direction: column !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-justify-start { justify-content: flex-start !important; } .flex-md-justify-end { justify-content: flex-end !important; } .flex-md-justify-center { justify-content: center !important; } .flex-md-justify-between { justify-content: space-between !important; } .flex-md-justify-around { justify-content: space-around !important; } .flex-md-items-start { align-items: flex-start !important; } .flex-md-items-end { align-items: flex-end !important; } .flex-md-items-center { align-items: center !important; } .flex-md-items-baseline { align-items: baseline !important; } .flex-md-items-stretch { align-items: stretch !important; } .flex-md-content-start { align-content: flex-start !important; } .flex-md-content-end { align-content: flex-end !important; } .flex-md-content-center { align-content: center !important; } .flex-md-content-between { align-content: space-between !important; } .flex-md-content-around { align-content: space-around !important; } .flex-md-content-stretch { align-content: stretch !important; } .flex-md-1 { flex: 1 !important; } .flex-md-auto { flex: auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-self-auto { align-self: auto !important; } .flex-md-self-start { align-self: flex-start !important; } .flex-md-self-end { align-self: flex-end !important; } .flex-md-self-center { align-self: center !important; } .flex-md-self-baseline { align-self: baseline !important; } .flex-md-self-stretch { align-self: stretch !important; } .flex-md-order-1 { order: 1 !important; } .flex-md-order-2 { order: 2 !important; } .flex-md-order-none { order: inherit !important; } }

@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-justify-start { justify-content: flex-start !important; } .flex-lg-justify-end { justify-content: flex-end !important; } .flex-lg-justify-center { justify-content: center !important; } .flex-lg-justify-between { justify-content: space-between !important; } .flex-lg-justify-around { justify-content: space-around !important; } .flex-lg-items-start { align-items: flex-start !important; } .flex-lg-items-end { align-items: flex-end !important; } .flex-lg-items-center { align-items: center !important; } .flex-lg-items-baseline { align-items: baseline !important; } .flex-lg-items-stretch { align-items: stretch !important; } .flex-lg-content-start { align-content: flex-start !important; } .flex-lg-content-end { align-content: flex-end !important; } .flex-lg-content-center { align-content: center !important; } .flex-lg-content-between { align-content: space-between !important; } .flex-lg-content-around { align-content: space-around !important; } .flex-lg-content-stretch { align-content: stretch !important; } .flex-lg-1 { flex: 1 !important; } .flex-lg-auto { flex: auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-self-auto { align-self: auto !important; } .flex-lg-self-start { align-self: flex-start !important; } .flex-lg-self-end { align-self: flex-end !important; } .flex-lg-self-center { align-self: center !important; } .flex-lg-self-baseline { align-self: baseline !important; } .flex-lg-self-stretch { align-self: stretch !important; } .flex-lg-order-1 { order: 1 !important; } .flex-lg-order-2 { order: 2 !important; } .flex-lg-order-none { order: inherit !important; } }

@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-justify-start { justify-content: flex-start !important; } .flex-xl-justify-end { justify-content: flex-end !important; } .flex-xl-justify-center { justify-content: center !important; } .flex-xl-justify-between { justify-content: space-between !important; } .flex-xl-justify-around { justify-content: space-around !important; } .flex-xl-items-start { align-items: flex-start !important; } .flex-xl-items-end { align-items: flex-end !important; } .flex-xl-items-center { align-items: center !important; } .flex-xl-items-baseline { align-items: baseline !important; } .flex-xl-items-stretch { align-items: stretch !important; } .flex-xl-content-start { align-content: flex-start !important; } .flex-xl-content-end { align-content: flex-end !important; } .flex-xl-content-center { align-content: center !important; } .flex-xl-content-between { align-content: space-between !important; } .flex-xl-content-around { align-content: space-around !important; } .flex-xl-content-stretch { align-content: stretch !important; } .flex-xl-1 { flex: 1 !important; } .flex-xl-auto { flex: auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-self-auto { align-self: auto !important; } .flex-xl-self-start { align-self: flex-start !important; } .flex-xl-self-end { align-self: flex-end !important; } .flex-xl-self-center { align-self: center !important; } .flex-xl-self-baseline { align-self: baseline !important; } .flex-xl-self-stretch { align-self: stretch !important; } .flex-xl-order-1 { order: 1 !important; } .flex-xl-order-2 { order: 2 !important; } .flex-xl-order-none { order: inherit !important; } }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

@media (min-width: 544px) { .position-sm-static { position: static !important; } .position-sm-relative { position: relative !important; } .position-sm-absolute { position: absolute !important; } .position-sm-fixed { position: fixed !important; } .position-sm-sticky { position: sticky !important; } }

@media (min-width: 768px) { .position-md-static { position: static !important; } .position-md-relative { position: relative !important; } .position-md-absolute { position: absolute !important; } .position-md-fixed { position: fixed !important; } .position-md-sticky { position: sticky !important; } }

@media (min-width: 1012px) { .position-lg-static { position: static !important; } .position-lg-relative { position: relative !important; } .position-lg-absolute { position: absolute !important; } .position-lg-fixed { position: fixed !important; } .position-lg-sticky { position: sticky !important; } }

@media (min-width: 1280px) { .position-xl-static { position: static !important; } .position-xl-relative { position: relative !important; } .position-xl-absolute { position: absolute !important; } .position-xl-fixed { position: fixed !important; } .position-xl-sticky { position: sticky !important; } }

/* Set top 0 */
.top-0 { top: 0 !important; }

/* Set right 0 */
.right-0 { right: 0 !important; }

/* Set bottom 0 */
.bottom-0 { bottom: 0 !important; }

/* Set left 0 */
.left-0 { left: 0 !important; }

/* Vertical align middle */
.v-align-middle { vertical-align: middle !important; }

/* Vertical align top */
.v-align-top { vertical-align: top !important; }

/* Vertical align bottom */
.v-align-bottom { vertical-align: bottom !important; }

/* Vertical align to the top of the text */
.v-align-text-top { vertical-align: text-top !important; }

/* Vertical align to the bottom of the text */
.v-align-text-bottom { vertical-align: text-bottom !important; }

/* Vertical align to the parent's baseline */
.v-align-baseline { vertical-align: baseline !important; }

.overflow-visible { overflow: visible !important; }

.overflow-x-visible { overflow-x: visible !important; }

.overflow-y-visible { overflow-y: visible !important; }

.overflow-hidden { overflow: hidden !important; }

.overflow-x-hidden { overflow-x: hidden !important; }

.overflow-y-hidden { overflow-y: hidden !important; }

.overflow-auto { overflow: auto !important; }

.overflow-x-auto { overflow-x: auto !important; }

.overflow-y-auto { overflow-y: auto !important; }

.overflow-scroll { overflow: scroll !important; }

.overflow-x-scroll { overflow-x: scroll !important; }

.overflow-y-scroll { overflow-y: scroll !important; }

/* Clear floats around the element */
.clearfix::before { display: table; content: ""; }

.clearfix::after { display: table; clear: both; content: ""; }

/* Float to the left */
.float-left { float: left !important; }

/* Float to the right */
.float-right { float: right !important; }

/* No float */
.float-none { float: none !important; }

@media (min-width: 544px) { /* Float to the left */ .float-sm-left { float: left !important; } /* Float to the right */ .float-sm-right { float: right !important; } /* No float */ .float-sm-none { float: none !important; } }

@media (min-width: 768px) { /* Float to the left */ .float-md-left { float: left !important; } /* Float to the right */ .float-md-right { float: right !important; } /* No float */ .float-md-none { float: none !important; } }

@media (min-width: 1012px) { /* Float to the left */ .float-lg-left { float: left !important; } /* Float to the right */ .float-lg-right { float: right !important; } /* No float */ .float-lg-none { float: none !important; } }

@media (min-width: 1280px) { /* Float to the left */ .float-xl-left { float: left !important; } /* Float to the right */ .float-xl-right { float: right !important; } /* No float */ .float-xl-none { float: none !important; } }

/* Max width 100% */
.width-fit { max-width: 100% !important; }

/* Set the width to 100% */
.width-full { width: 100% !important; }

/* Max height 100% */
.height-fit { max-height: 100% !important; }

/* Set the height to 100% */
.height-full { height: 100% !important; }

/* Remove min-width from element */
.min-width-0 { min-width: 0 !important; }

.width-auto { width: auto !important; }

/* Set the direction to rtl */
.direction-rtl { direction: rtl !important; }

/* Set the direction to ltr */
.direction-ltr { direction: ltr !important; }

@media (min-width: 544px) { .width-sm-auto { width: auto !important; } /* Set the direction to rtl */ .direction-sm-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-sm-ltr { direction: ltr !important; } }

@media (min-width: 768px) { .width-md-auto { width: auto !important; } /* Set the direction to rtl */ .direction-md-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-md-ltr { direction: ltr !important; } }

@media (min-width: 1012px) { .width-lg-auto { width: auto !important; } /* Set the direction to rtl */ .direction-lg-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-lg-ltr { direction: ltr !important; } }

@media (min-width: 1280px) { .width-xl-auto { width: auto !important; } /* Set the direction to rtl */ .direction-xl-rtl { direction: rtl !important; } /* Set the direction to ltr */ .direction-xl-ltr { direction: ltr !important; } }

/* Set a $size margin to all sides at $breakpoint */
.m-0 { margin: 0 !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-0 { margin-top: 0 !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-0 { margin-right: 0 !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 { margin-bottom: 0 !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-0 { margin-left: 0 !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-1 { margin: 4px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-1 { margin-top: 4px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-1 { margin-right: 4px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-1 { margin-bottom: 4px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-1 { margin-left: 4px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n1 { margin-top: -4px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n1 { margin-right: -4px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n1 { margin-bottom: -4px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n1 { margin-left: -4px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-2 { margin: 8px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-2 { margin-top: 8px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-2 { margin-right: 8px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 { margin-bottom: 8px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-2 { margin-left: 8px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n2 { margin-top: -8px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n2 { margin-right: -8px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n2 { margin-bottom: -8px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n2 { margin-left: -8px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-3 { margin: 16px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-3 { margin-top: 16px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-3 { margin-right: 16px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 { margin-bottom: 16px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-3 { margin-left: 16px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n3 { margin-top: -16px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n3 { margin-right: -16px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n3 { margin-bottom: -16px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n3 { margin-left: -16px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-4 { margin: 24px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-4 { margin-top: 24px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-4 { margin-right: 24px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-4 { margin-bottom: 24px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-4 { margin-left: 24px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n4 { margin-top: -24px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n4 { margin-right: -24px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n4 { margin-bottom: -24px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n4 { margin-left: -24px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-5 { margin: 32px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-5 { margin-top: 32px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-5 { margin-right: 32px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-5 { margin-bottom: 32px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-5 { margin-left: 32px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n5 { margin-top: -32px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n5 { margin-right: -32px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n5 { margin-bottom: -32px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n5 { margin-left: -32px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }

/* Set a $size margin to all sides at $breakpoint */
.m-6 { margin: 40px !important; }

/* Set a $size margin on the top at $breakpoint */
.mt-6 { margin-top: 40px !important; }

/* Set a $size margin on the right at $breakpoint */
.mr-6 { margin-right: 40px !important; }

/* Set a $size margin on the bottom at $breakpoint */
.mb-6 { margin-bottom: 40px !important; }

/* Set a $size margin on the left at $breakpoint */
.ml-6 { margin-left: 40px !important; }

/* Set a negative $size margin on top at $breakpoint */
.mt-n6 { margin-top: -40px !important; }

/* Set a negative $size margin on the right at $breakpoint */
.mr-n6 { margin-right: -40px !important; }

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n6 { margin-bottom: -40px !important; }

/* Set a negative $size margin on the left at $breakpoint */
.ml-n6 { margin-left: -40px !important; }

/* Set a $size margin on the left & right at $breakpoint */
.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }

/* Set a $size margin on the top & bottom at $breakpoint */
.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }

/* responsive horizontal auto margins */
.mx-auto { margin-right: auto !important; margin-left: auto !important; }

@media (min-width: 544px) { /* Set a $size margin to all sides at $breakpoint */ .m-sm-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-sm-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-sm-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-sm-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-sm-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-sm-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-sm-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-sm-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-sm-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-sm-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } }

@media (min-width: 768px) { /* Set a $size margin to all sides at $breakpoint */ .m-md-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-md-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-md-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-md-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-md-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-md-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-md-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-md-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-md-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-md-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } }

@media (min-width: 1012px) { /* Set a $size margin to all sides at $breakpoint */ .m-lg-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-lg-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-lg-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-lg-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-lg-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-lg-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-lg-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-lg-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-lg-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-lg-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } }

@media (min-width: 1280px) { /* Set a $size margin to all sides at $breakpoint */ .m-xl-0 { margin: 0 !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-0 { margin-top: 0 !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-0 { margin-right: 0 !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-0 { margin-bottom: 0 !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-0 { margin-left: 0 !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-1 { margin: 4px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-1 { margin-top: 4px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-1 { margin-right: 4px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-1 { margin-bottom: 4px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-1 { margin-left: 4px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n1 { margin-top: -4px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n1 { margin-right: -4px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n1 { margin-bottom: -4px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n1 { margin-left: -4px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-2 { margin: 8px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-2 { margin-top: 8px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-2 { margin-right: 8px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-2 { margin-bottom: 8px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-2 { margin-left: 8px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n2 { margin-top: -8px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n2 { margin-right: -8px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n2 { margin-bottom: -8px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n2 { margin-left: -8px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-3 { margin: 16px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-3 { margin-top: 16px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-3 { margin-right: 16px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-3 { margin-bottom: 16px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-3 { margin-left: 16px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n3 { margin-top: -16px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n3 { margin-right: -16px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n3 { margin-bottom: -16px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n3 { margin-left: -16px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-4 { margin: 24px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-4 { margin-top: 24px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-4 { margin-right: 24px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-4 { margin-bottom: 24px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-4 { margin-left: 24px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n4 { margin-top: -24px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n4 { margin-right: -24px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n4 { margin-bottom: -24px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n4 { margin-left: -24px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-5 { margin: 32px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-5 { margin-top: 32px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-5 { margin-right: 32px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-5 { margin-bottom: 32px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-5 { margin-left: 32px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n5 { margin-top: -32px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n5 { margin-right: -32px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n5 { margin-bottom: -32px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n5 { margin-left: -32px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } /* Set a $size margin to all sides at $breakpoint */ .m-xl-6 { margin: 40px !important; } /* Set a $size margin on the top at $breakpoint */ .mt-xl-6 { margin-top: 40px !important; } /* Set a $size margin on the right at $breakpoint */ .mr-xl-6 { margin-right: 40px !important; } /* Set a $size margin on the bottom at $breakpoint */ .mb-xl-6 { margin-bottom: 40px !important; } /* Set a $size margin on the left at $breakpoint */ .ml-xl-6 { margin-left: 40px !important; } /* Set a negative $size margin on top at $breakpoint */ .mt-xl-n6 { margin-top: -40px !important; } /* Set a negative $size margin on the right at $breakpoint */ .mr-xl-n6 { margin-right: -40px !important; } /* Set a negative $size margin on the bottom at $breakpoint */ .mb-xl-n6 { margin-bottom: -40px !important; } /* Set a negative $size margin on the left at $breakpoint */ .ml-xl-n6 { margin-left: -40px !important; } /* Set a $size margin on the left & right at $breakpoint */ .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; } /* Set a $size margin on the top & bottom at $breakpoint */ .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } /* responsive horizontal auto margins */ .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } }

/* Set a $size padding to all sides at $breakpoint */
.p-0 { padding: 0 !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-0 { padding-top: 0 !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-0 { padding-right: 0 !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-0 { padding-bottom: 0 !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-0 { padding-left: 0 !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-1 { padding: 4px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-1 { padding-top: 4px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-1 { padding-right: 4px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-1 { padding-bottom: 4px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-1 { padding-left: 4px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-1 { padding-right: 4px !important; padding-left: 4px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-2 { padding: 8px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-2 { padding-top: 8px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-2 { padding-right: 8px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-2 { padding-bottom: 8px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-2 { padding-left: 8px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-2 { padding-right: 8px !important; padding-left: 8px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-3 { padding: 16px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-3 { padding-top: 16px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-3 { padding-right: 16px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-3 { padding-bottom: 16px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-3 { padding-left: 16px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-3 { padding-right: 16px !important; padding-left: 16px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-4 { padding: 24px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-4 { padding-top: 24px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-4 { padding-right: 24px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-4 { padding-bottom: 24px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-4 { padding-left: 24px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-4 { padding-right: 24px !important; padding-left: 24px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-5 { padding: 32px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-5 { padding-top: 32px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-5 { padding-right: 32px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-5 { padding-bottom: 32px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-5 { padding-left: 32px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-5 { padding-right: 32px !important; padding-left: 32px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }

/* Set a $size padding to all sides at $breakpoint */
.p-6 { padding: 40px !important; }

/* Set a $size padding to the top at $breakpoint */
.pt-6 { padding-top: 40px !important; }

/* Set a $size padding to the right at $breakpoint */
.pr-6 { padding-right: 40px !important; }

/* Set a $size padding to the bottom at $breakpoint */
.pb-6 { padding-bottom: 40px !important; }

/* Set a $size padding to the left at $breakpoint */
.pl-6 { padding-left: 40px !important; }

/* Set a $size padding to the left & right at $breakpoint */
.px-6 { padding-right: 40px !important; padding-left: 40px !important; }

/* Set a $size padding to the top & bottom at $breakpoint */
.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }

@media (min-width: 544px) { /* Set a $size padding to all sides at $breakpoint */ .p-sm-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-sm-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-sm-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-sm-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-sm-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-sm-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

@media (min-width: 768px) { /* Set a $size padding to all sides at $breakpoint */ .p-md-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-md-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-md-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-md-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-md-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-md-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

@media (min-width: 1012px) { /* Set a $size padding to all sides at $breakpoint */ .p-lg-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-lg-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-lg-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-lg-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-lg-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-lg-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

@media (min-width: 1280px) { /* Set a $size padding to all sides at $breakpoint */ .p-xl-0 { padding: 0 !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-0 { padding-top: 0 !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-0 { padding-right: 0 !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-0 { padding-bottom: 0 !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-0 { padding-left: 0 !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-1 { padding: 4px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-1 { padding-top: 4px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-1 { padding-right: 4px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-1 { padding-bottom: 4px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-1 { padding-left: 4px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-2 { padding: 8px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-2 { padding-top: 8px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-2 { padding-right: 8px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-2 { padding-bottom: 8px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-2 { padding-left: 8px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-3 { padding: 16px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-3 { padding-top: 16px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-3 { padding-right: 16px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-3 { padding-bottom: 16px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-3 { padding-left: 16px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-4 { padding: 24px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-4 { padding-top: 24px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-4 { padding-right: 24px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-4 { padding-bottom: 24px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-4 { padding-left: 24px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-5 { padding: 32px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-5 { padding-top: 32px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-5 { padding-right: 32px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-5 { padding-bottom: 32px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-5 { padding-left: 32px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } /* Set a $size padding to all sides at $breakpoint */ .p-xl-6 { padding: 40px !important; } /* Set a $size padding to the top at $breakpoint */ .pt-xl-6 { padding-top: 40px !important; } /* Set a $size padding to the right at $breakpoint */ .pr-xl-6 { padding-right: 40px !important; } /* Set a $size padding to the bottom at $breakpoint */ .pb-xl-6 { padding-bottom: 40px !important; } /* Set a $size padding to the left at $breakpoint */ .pl-xl-6 { padding-left: 40px !important; } /* Set a $size padding to the left & right at $breakpoint */ .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; } /* Set a $size padding to the top & bottom at $breakpoint */ .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }

.p-responsive { padding-right: 16px !important; padding-left: 16px !important; }

@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } }

@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } }

/* Set the font size to 26px */
.h1 { font-size: 26px !important; }

@media (min-width: 768px) { .h1 { font-size: 32px !important; } }

/* Set the font size to 22px */
.h2 { font-size: 22px !important; }

@media (min-width: 768px) { .h2 { font-size: 24px !important; } }

/* Set the font size to 18px */
.h3 { font-size: 18px !important; }

@media (min-width: 768px) { .h3 { font-size: 20px !important; } }

/* Set the font size to 16px */
.h4 { font-size: 16px !important; }

/* Set the font size to 14px */
.h5 { font-size: 14px !important; }

/* Set the font size to 12px */
.h6 { font-size: 12px !important; }

.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; }

/* Set the font size to 26px */
.f1 { font-size: 26px !important; }

@media (min-width: 768px) { .f1 { font-size: 32px !important; } }

/* Set the font size to 22px */
.f2 { font-size: 22px !important; }

@media (min-width: 768px) { .f2 { font-size: 24px !important; } }

/* Set the font size to 18px */
.f3 { font-size: 18px !important; }

@media (min-width: 768px) { .f3 { font-size: 20px !important; } }

/* Set the font size to 16px */
.f4 { font-size: 16px !important; }

@media (min-width: 768px) { .f4 { font-size: 16px !important; } }

/* Set the font size to 14px */
.f5 { font-size: 14px !important; }

/* Set the font size to 12px */
.f6 { font-size: 12px !important; }

/* Set the font size to 40px and weight to light */
.f00-light { font-size: 40px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f00-light { font-size: 48px !important; } }

/* Set the font size to 32px and weight to light */
.f0-light { font-size: 32px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f0-light { font-size: 40px !important; } }

/* Set the font size to 26px and weight to light */
.f1-light { font-size: 26px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f1-light { font-size: 32px !important; } }

/* Set the font size to 22px and weight to light */
.f2-light { font-size: 22px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f2-light { font-size: 24px !important; } }

/* Set the font size to 18px and weight to light */
.f3-light { font-size: 18px !important; font-weight: 300 !important; }

@media (min-width: 768px) { .f3-light { font-size: 20px !important; } }

/* Set the font size to ${#h6-size} */
.text-small { font-size: 12px !important; }

/* Large leading paragraphs */
.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; }

/* Set the line height to ultra condensed */
.lh-condensed-ultra { line-height: 1 !important; }

/* Set the line height to condensed */
.lh-condensed { line-height: 1.25 !important; }

/* Set the line height to default */
.lh-default { line-height: 1.5 !important; }

/* Set the line height to zero */
.lh-0 { line-height: 0 !important; }

@media (min-width: 544px) { /* Set the line height to ultra condensed */ .lh-sm-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-sm-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-sm-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-sm-0 { line-height: 0 !important; } }

@media (min-width: 768px) { /* Set the line height to ultra condensed */ .lh-md-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-md-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-md-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-md-0 { line-height: 0 !important; } }

@media (min-width: 1012px) { /* Set the line height to ultra condensed */ .lh-lg-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-lg-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-lg-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-lg-0 { line-height: 0 !important; } }

@media (min-width: 1280px) { /* Set the line height to ultra condensed */ .lh-xl-condensed-ultra { line-height: 1 !important; } /* Set the line height to condensed */ .lh-xl-condensed { line-height: 1.25 !important; } /* Set the line height to default */ .lh-xl-default { line-height: 1.5 !important; } /* Set the line height to zero */ .lh-xl-0 { line-height: 0 !important; } }

/* Text align to the right */
.text-right { text-align: right !important; }

/* Text align to the left */
.text-left { text-align: left !important; }

/* Text align to the center */
.text-center { text-align: center !important; }

@media (min-width: 544px) { /* Text align to the right */ .text-sm-right { text-align: right !important; } /* Text align to the left */ .text-sm-left { text-align: left !important; } /* Text align to the center */ .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { /* Text align to the right */ .text-md-right { text-align: right !important; } /* Text align to the left */ .text-md-left { text-align: left !important; } /* Text align to the center */ .text-md-center { text-align: center !important; } }

@media (min-width: 1012px) { /* Text align to the right */ .text-lg-right { text-align: right !important; } /* Text align to the left */ .text-lg-left { text-align: left !important; } /* Text align to the center */ .text-lg-center { text-align: center !important; } }

@media (min-width: 1280px) { /* Text align to the right */ .text-xl-right { text-align: right !important; } /* Text align to the left */ .text-xl-left { text-align: left !important; } /* Text align to the center */ .text-xl-center { text-align: center !important; } }

/* Set the font weight to normal */
.text-normal { font-weight: 400 !important; }

/* Set the font weight to bold */
.text-bold { font-weight: 600 !important; }

/* Set the font to italic */
.text-italic { font-style: italic !important; }

/* Make text uppercase */
.text-uppercase { text-transform: uppercase !important; }

/* Underline text */
.text-underline { text-decoration: underline !important; }

/* Don't underline text */
.no-underline { text-decoration: none !important; }

/* Don't wrap white space */
.no-wrap { white-space: nowrap !important; }

/* Normal white space */
.ws-normal { white-space: normal !important; }

/* Force long "words" to wrap if they exceed the width of the container */
.break-word { word-break: break-word !important; word-wrap: break-word !important; overflow-wrap: break-word !important; }

/* Specifically apply word-break: break-all; per MDN: > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`, > `word-break: break-all` will create a break at the exact place where text would > otherwise overflow its container (even if putting an entire word on its own line > would negate the need for a break). see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values */
.wb-break-all { word-break: break-all !important; }

.text-emphasized { font-weight: 600; color: #24292e; }

.list-style-none { list-style: none !important; }

/* Add a dark text shadow */
.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); }

/* Add a light text shadow */
.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

/* Set to monospace font */
.text-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important; }

/* Disallow user from selecting text */
.user-select-none { user-select: none !important; }

.d-block { display: block !important; }

.d-flex { display: flex !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-inline-flex { display: inline-flex !important; }

.d-none { display: none !important; }

.d-table { display: table !important; }

.d-table-cell { display: table-cell !important; }

@media (min-width: 544px) { .d-sm-block { display: block !important; } .d-sm-flex { display: flex !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .d-sm-table { display: table !important; } .d-sm-table-cell { display: table-cell !important; } }

@media (min-width: 768px) { .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .d-md-table { display: table !important; } .d-md-table-cell { display: table-cell !important; } }

@media (min-width: 1012px) { .d-lg-block { display: block !important; } .d-lg-flex { display: flex !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .d-lg-table { display: table !important; } .d-lg-table-cell { display: table-cell !important; } }

@media (min-width: 1280px) { .d-xl-block { display: block !important; } .d-xl-flex { display: flex !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .d-xl-table { display: table !important; } .d-xl-table-cell { display: table-cell !important; } }

.v-hidden { visibility: hidden !important; }

.v-visible { visibility: visible !important; }

@media (max-width: 543px) { .hide-sm { display: none !important; } }

@media (min-width: 544px) and (max-width: 767px) { .hide-md { display: none !important; } }

@media (min-width: 768px) and (max-width: 1011px) { .hide-lg { display: none !important; } }

@media (min-width: 1012px) { .hide-xl { display: none !important; } }

/* Set the table-layout to fixed */
.table-fixed { table-layout: fixed !important; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; }

.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }

.container-sm { max-width: 544px; margin-right: auto; margin-left: auto; }

.container-md { max-width: 768px; margin-right: auto; margin-left: auto; }

.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; }

.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; }

.col-1 { width: 8.3333333333%; }

.col-2 { width: 16.6666666667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.3333333333%; }

.col-5 { width: 41.6666666667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.3333333333%; }

.col-8 { width: 66.6666666667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.3333333333%; }

.col-11 { width: 91.6666666667%; }

.col-12 { width: 100%; }

@media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } }

@media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } }

@media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } }

@media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; } .col-xl-2 { width: 16.6666666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.3333333333%; } .col-xl-5 { width: 41.6666666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.3333333333%; } .col-xl-8 { width: 66.6666666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.3333333333%; } .col-xl-11 { width: 91.6666666667%; } .col-xl-12 { width: 100%; } }

.gutter { margin-right: -16px; margin-left: -16px; }

.gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }

.gutter-condensed { margin-right: -8px; margin-left: -8px; }

.gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }

.gutter-spacious { margin-right: -24px; margin-left: -24px; }

.gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; }

@media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; } .gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-sm-condensed { margin-right: -8px; margin-left: -8px; } .gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-sm-spacious { margin-right: -24px; margin-left: -24px; } .gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

@media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; } .gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-md-condensed { margin-right: -8px; margin-left: -8px; } .gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-md-spacious { margin-right: -24px; margin-left: -24px; } .gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

@media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; } .gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-lg-condensed { margin-right: -8px; margin-left: -8px; } .gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-lg-spacious { margin-right: -24px; margin-left: -24px; } .gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

@media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; } .gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } .gutter-xl-condensed { margin-right: -8px; margin-left: -8px; } .gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } .gutter-xl-spacious { margin-right: -24px; margin-left: -24px; } .gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }

.offset-1 { margin-left: 8.3333333333% !important; }

.offset-2 { margin-left: 16.6666666667% !important; }

.offset-3 { margin-left: 25% !important; }

.offset-4 { margin-left: 33.3333333333% !important; }

.offset-5 { margin-left: 41.6666666667% !important; }

.offset-6 { margin-left: 50% !important; }

.offset-7 { margin-left: 58.3333333333% !important; }

.offset-8 { margin-left: 66.6666666667% !important; }

.offset-9 { margin-left: 75% !important; }

.offset-10 { margin-left: 83.3333333333% !important; }

.offset-11 { margin-left: 91.6666666667% !important; }

@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333% !important; } .offset-sm-2 { margin-left: 16.6666666667% !important; } .offset-sm-3 { margin-left: 25% !important; } .offset-sm-4 { margin-left: 33.3333333333% !important; } .offset-sm-5 { margin-left: 41.6666666667% !important; } .offset-sm-6 { margin-left: 50% !important; } .offset-sm-7 { margin-left: 58.3333333333% !important; } .offset-sm-8 { margin-left: 66.6666666667% !important; } .offset-sm-9 { margin-left: 75% !important; } .offset-sm-10 { margin-left: 83.3333333333% !important; } .offset-sm-11 { margin-left: 91.6666666667% !important; } }

@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333% !important; } .offset-md-2 { margin-left: 16.6666666667% !important; } .offset-md-3 { margin-left: 25% !important; } .offset-md-4 { margin-left: 33.3333333333% !important; } .offset-md-5 { margin-left: 41.6666666667% !important; } .offset-md-6 { margin-left: 50% !important; } .offset-md-7 { margin-left: 58.3333333333% !important; } .offset-md-8 { margin-left: 66.6666666667% !important; } .offset-md-9 { margin-left: 75% !important; } .offset-md-10 { margin-left: 83.3333333333% !important; } .offset-md-11 { margin-left: 91.6666666667% !important; } }

@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333% !important; } .offset-lg-2 { margin-left: 16.6666666667% !important; } .offset-lg-3 { margin-left: 25% !important; } .offset-lg-4 { margin-left: 33.3333333333% !important; } .offset-lg-5 { margin-left: 41.6666666667% !important; } .offset-lg-6 { margin-left: 50% !important; } .offset-lg-7 { margin-left: 58.3333333333% !important; } .offset-lg-8 { margin-left: 66.6666666667% !important; } .offset-lg-9 { margin-left: 75% !important; } .offset-lg-10 { margin-left: 83.3333333333% !important; } .offset-lg-11 { margin-left: 91.6666666667% !important; } }

@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333% !important; } .offset-xl-2 { margin-left: 16.6666666667% !important; } .offset-xl-3 { margin-left: 25% !important; } .offset-xl-4 { margin-left: 33.3333333333% !important; } .offset-xl-5 { margin-left: 41.6666666667% !important; } .offset-xl-6 { margin-left: 50% !important; } .offset-xl-7 { margin-left: 58.3333333333% !important; } .offset-xl-8 { margin-left: 66.6666666667% !important; } .offset-xl-9 { margin-left: 75% !important; } .offset-xl-10 { margin-left: 83.3333333333% !important; } .offset-xl-11 { margin-left: 91.6666666667% !important; } }

.octicon { display: inline-block; vertical-align: text-top; fill: currentColor; }

.avatar { display: inline-block; overflow: hidden; line-height: 1; vertical-align: middle; border-radius: 3px; }

.avatar-small { border-radius: 2px; }

.avatar-link { float: left; line-height: 1; }

.avatar-group-item { display: inline-block; margin-bottom: 3px; }

.avatar-parent-child { position: relative; }

.avatar-child { position: absolute; right: -15%; bottom: -9%; background-color: #fff; border-radius: 2px; box-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); }

.AvatarStack { position: relative; min-width: 26px; height: 20px; }

.AvatarStack .AvatarStack-body { position: absolute; }

.AvatarStack.AvatarStack--two { min-width: 36px; }

.AvatarStack.AvatarStack--three-plus { min-width: 46px; }

.AvatarStack-body { display: flex; background: #fff; }

.AvatarStack-body .avatar { position: relative; z-index: 2; display: flex; width: 20px; height: 20px; box-sizing: content-box; margin-right: -11px; background-color: #fff; border-right: 1px solid #fff; border-radius: 2px; transition: margin 0.1s ease-in-out; }

.AvatarStack-body .avatar:first-child { z-index: 3; }

.AvatarStack-body .avatar:last-child { z-index: 1; border-right: 0; }

.AvatarStack-body .avatar img { border-radius: 2px; }

.AvatarStack-body .avatar:nth-child(n+4) { display: none; opacity: 0; }

.AvatarStack-body:hover .avatar { margin-right: 3px; }

.AvatarStack-body:hover .avatar:nth-child(n+4) { display: flex; opacity: 1; }

.AvatarStack-body:hover .avatar-more { display: none !important; }

.avatar.avatar-more { z-index: 1; margin-right: 0; background: #f6f8fa; }

.avatar.avatar-more::before, .avatar.avatar-more::after { position: absolute; display: block; height: 20px; content: ""; border-radius: 2px; outline: 1px solid #fff; }

.avatar.avatar-more::before { width: 17px; background: #e1e4e8; }

.avatar.avatar-more::after { width: 14px; background: #d1d5da; }

.AvatarStack--right .AvatarStack-body { right: 0; flex-direction: row-reverse; }

.AvatarStack--right .AvatarStack-body:hover .avatar { margin-right: 0; margin-left: 3px; }

.AvatarStack--right .avatar.avatar-more { background: #d1d5da; }

.AvatarStack--right .avatar.avatar-more::before { width: 5px; }

.AvatarStack--right .avatar.avatar-more::after { width: 2px; background: #f6f8fa; }

.AvatarStack--right .avatar { margin-right: 0; margin-left: -11px; border-right: 0; border-left: 1px solid #fff; }

.CircleBadge { display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15); }

.CircleBadge-icon { max-width: 60% !important; height: auto !important; max-height: 55% !important; }

.CircleBadge--small { width: 56px; height: 56px; }

.CircleBadge--medium { width: 96px; height: 96px; }

.CircleBadge--large { width: 128px; height: 128px; }

.DashedConnection { position: relative; }

.DashedConnection::before { position: absolute; top: 50%; left: 0; width: 100%; content: ""; border-bottom: 2px dashed #e1e4e8; }

.DashedConnection .CircleBadge { position: relative; }

/* color values*/
/*! Base16 Chalk Dark by Chris Kempson; https://github.com/idleberg */
.highlight, .highlight pre, .highlight table { background: #24292e; color: #f5f5f5; }

.highlight .hll { background-color: #303030 !important; }

.highlight .c { color: #888888; }

/* Comment */
.highlight .err { color: #fb9fb1; }

/* Error */
.highlight .k { color: #e1a3ee; }

/* Keyword */
.highlight .l { color: #eda987; }

/* Literal */
.highlight .n, .highlight .h { color: #f5f5f5; }

/* Name */
.highlight .o { color: #12cfc0; }

/* Operator */
.highlight .p { color: #f5f5f5; }

/* Punctuation */
.highlight .cm { color: #888888; }

/* Comment.Multiline */
.highlight .cp { color: #888888; }

/* Comment.Preproc */
.highlight .c1 { color: #888888; }

/* Comment.Single */
.highlight .cs { color: #888888; }

/* Comment.Special */
.highlight .gd { color: #fb9fb1; }

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gh { color: #f5f5f5; font-weight: bold; }

/* Generic.Heading */
.highlight .gi { color: #acc267; }

/* Generic.Inserted */
.highlight .gp { color: #888888; font-weight: bold; }

/* Generic.Prompt */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: #12cfc0; font-weight: bold; }

/* Generic.Subheading */
.highlight .kc { color: #e1a3ee; }

/* Keyword.Constant */
.highlight .kd { color: #e1a3ee; }

/* Keyword.Declaration */
.highlight .kn { color: #12cfc0; }

/* Keyword.Namespace */
.highlight .kp { color: #e1a3ee; }

/* Keyword.Pseudo */
.highlight .kr { color: #e1a3ee; }

/* Keyword.Reserved */
.highlight .kt { color: #ddb26f; }

/* Keyword.Type */
.highlight .ld { color: #acc267; }

/* Literal.Date */
.highlight .m { color: #eda987; }

/* Literal.Number */
.highlight .s { color: #acc267; }

/* Literal.String */
.highlight .na { color: #6fc2ef; }

/* Name.Attribute */
.highlight .nb { color: #f5f5f5; }

/* Name.Builtin */
.highlight .nc { color: #ddb26f; }

/* Name.Class */
.highlight .no { color: #fb9fb1; }

/* Name.Constant */
.highlight .nd { color: #12cfc0; }

/* Name.Decorator */
.highlight .ni { color: #f5f5f5; }

/* Name.Entity */
.highlight .ne { color: #fb9fb1; }

/* Name.Exception */
.highlight .nf { color: #6fc2ef; }

/* Name.Function */
.highlight .nl { color: #f5f5f5; }

/* Name.Label */
.highlight .nn { color: #ddb26f; }

/* Name.Namespace */
.highlight .nx { color: #6fc2ef; }

/* Name.Other */
.highlight .py { color: #f5f5f5; }

/* Name.Property */
.highlight .nt { color: #12cfc0; }

/* Name.Tag */
.highlight .nv { color: #fb9fb1; }

/* Name.Variable */
.highlight .ow { color: #12cfc0; }

/* Operator.Word */
.highlight .w { color: #f5f5f5; }

/* Text.Whitespace */
.highlight .mf { color: #eda987; }

/* Literal.Number.Float */
.highlight .mh { color: #eda987; }

/* Literal.Number.Hex */
.highlight .mi { color: #eda987; }

/* Literal.Number.Integer */
.highlight .mo { color: #eda987; }

/* Literal.Number.Oct */
.highlight .sb { color: #acc267; }

/* Literal.String.Backtick */
.highlight .sc { color: #f5f5f5; }

/* Literal.String.Char */
.highlight .sd { color: #888888; }

/* Literal.String.Doc */
.highlight .s2 { color: #acc267; }

/* Literal.String.Double */
.highlight .se { color: #eda987; }

/* Literal.String.Escape */
.highlight .sh { color: #acc267; }

/* Literal.String.Heredoc */
.highlight .si { color: #eda987; }

/* Literal.String.Interpol */
.highlight .sx { color: #acc267; }

/* Literal.String.Other */
.highlight .sr { color: #acc267; }

/* Literal.String.Regex */
.highlight .s1 { color: #acc267; }

/* Literal.String.Single */
.highlight .ss { color: #acc267; }

/* Literal.String.Symbol */
.highlight .bp { color: #f5f5f5; }

/* Name.Builtin.Pseudo */
.highlight .vc { color: #fb9fb1; }

/* Name.Variable.Class */
.highlight .vg { color: #fb9fb1; }

/* Name.Variable.Global */
.highlight .vi { color: #fb9fb1; }

/* Name.Variable.Instance */
.highlight .il { color: #eda987; }

/* Literal.Number.Integer.Long */
.markdown-body .highlight pre, .markdown-body .pre { background: transparent; }

.markdown-body .highlight { border-radius: 0.3em; box-shadow: 2px 4px 25px rgba(0, 0, 0, 0.15); }

.markdown-body .header-link { color: inherit; }

.markdown-body blockquote { margin: 1.5 rem 0; padding: 1rem; background: #f1f8ff; border-radius: 0.3rem; border: 1px solid #0366d6; border-left-width: 8px; color: #24292e; }

.markdown-body figure img { border-radius: 0.3em; }

.taglist { list-style: none; }

.taglist .licomma::after { content: ","; }

/*# sourceMappingURL=main.css.map */