flipper-ui 0.2.0.beta2 → 0.2.0.beta3

data/lib/flipper/ui/public/css/scss/primer.css

@@ -0,0 +1,1933 @@
+/*
+ * Primer
+ * http://primercss.io
+ *
+ * Released under MIT license. Copyright 2015 GitHub, Inc.
+ */
+/* normalize.css v3.0.1 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+   ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+   ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background: transparent; }
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+   ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  /* 2 */
+  box-sizing: content-box; }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  border: 1px solid silver;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+   ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+* {
+  box-sizing: border-box; }
+
+input,
+select,
+textarea,
+button {
+  font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; }
+
+body {
+  font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+  color: #333333;
+  background-color: #fff; }
+
+a {
+  color: #4183c4;
+  text-decoration: none; }
+  a:hover, a:active {
+    text-decoration: underline; }
+
+hr,
+.rule {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #dddddd; }
+  hr:before,
+  .rule:before {
+    display: table;
+    content: ""; }
+  hr:after,
+  .rule:after {
+    display: table;
+    clear: both;
+    content: ""; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 15px;
+  margin-bottom: 15px;
+  line-height: 1.1; }
+
+h1 {
+  font-size: 30px; }
+
+h2 {
+  font-size: 21px; }
+
+h3 {
+  font-size: 16px; }
+
+h4 {
+  font-size: 14px; }
+
+h5 {
+  font-size: 12px; }
+
+h6 {
+  font-size: 11px; }
+
+small {
+  font-size: 90%; }
+
+blockquote {
+  margin: 0; }
+
+.lead {
+  margin-bottom: 30px;
+  font-size: 20px;
+  font-weight: 300;
+  color: #555; }
+
+.text-muted {
+  color: #999; }
+
+.text-danger {
+  color: #bd2c00; }
+
+.text-emphasized {
+  font-weight: bold;
+  color: #333; }
+
+ul,
+ol {
+  padding: 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: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-size: 12px; }
+
+pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; }
+
+.container {
+  width: 980px;
+  margin-right: auto;
+  margin-left: auto; }
+  .container:before {
+    display: table;
+    content: ""; }
+  .container:after {
+    display: table;
+    clear: both;
+    content: ""; }
+
+.columns {
+  margin-right: -10px;
+  margin-left: -10px; }
+  .columns:before {
+    display: table;
+    content: ""; }
+  .columns:after {
+    display: table;
+    clear: both;
+    content: ""; }
+
+.column {
+  float: left;
+  padding-right: 10px;
+  padding-left: 10px; }
+
+.one-third {
+  width: 33.333333%; }
+
+.two-thirds {
+  width: 66.666667%; }
+
+.one-fourth {
+  width: 25%; }
+
+.one-half {
+  width: 50%; }
+
+.three-fourths {
+  width: 75%; }
+
+.one-fifth {
+  width: 20%; }
+
+.four-fifths {
+  width: 80%; }
+
+.single-column {
+  padding-right: 10px;
+  padding-left: 10px; }
+
+.table-column {
+  display: table-cell;
+  width: 1%;
+  padding-right: 10px;
+  padding-left: 10px;
+  vertical-align: top; }
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0; }
+
+label {
+  font-size: 13px;
+  font-weight: bold; }
+
+.form-control,
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="number"],
+input[type="tel"],
+input[type="url"],
+textarea {
+  min-height: 34px;
+  padding: 7px 8px;
+  font-size: 13px;
+  color: #333;
+  vertical-align: middle;
+  background-color: #fff;
+  background-repeat: no-repeat;
+  background-position: right center;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  outline: none;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
+  .form-control.focus, .form-control:focus,
+  input[type="text"].focus,
+  input[type="text"]:focus,
+  .focused .drag-and-drop,
+  input[type="password"].focus,
+  input[type="password"]:focus,
+  input[type="email"].focus,
+  input[type="email"]:focus,
+  input[type="number"].focus,
+  input[type="number"]:focus,
+  input[type="tel"].focus,
+  input[type="tel"]:focus,
+  input[type="url"].focus,
+  input[type="url"]:focus,
+  textarea.focus,
+  textarea:focus {
+    border-color: #51a7e8;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }
+
+input.input-contrast,
+.input-contrast {
+  background-color: #fafafa; }
+  input.input-contrast:focus,
+  .input-contrast:focus {
+    background-color: #fff; }
+
+::-webkit-input-placeholder,
+:-moz-placeholder {
+  color: #aaa; }
+
+::-webkit-validation-bubble-message {
+  font-size: 12px;
+  color: #fff;
+  background: #9c2400;
+  border: 0;
+  border-radius: 3px;
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
+
+input::-webkit-validation-bubble-icon {
+  display: none; }
+
+::-webkit-validation-bubble-arrow {
+  background-color: #9c2400;
+  border: solid 1px #9c2400;
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
+
+input.input-mini {
+  min-height: 26px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  font-size: 12px; }
+
+input.input-large {
+  padding: 6px 10px;
+  font-size: 16px; }
+
+.input-block {
+  display: block;
+  width: 100%; }
+
+.input-monospace {
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
+
+dl.form {
+  margin: 15px 0; }
+  dl.form input[type="text"],
+  dl.form input[type="password"],
+  dl.form input[type="email"],
+  dl.form input[type="url"],
+  dl.form textarea {
+    background-color: #fafafa; }
+    dl.form input[type="text"]:focus, dl.form .focused .drag-and-drop, .focused dl.form .drag-and-drop,
+    dl.form input[type="password"]:focus,
+    dl.form input[type="email"]:focus,
+    dl.form input[type="url"]:focus,
+    dl.form textarea:focus {
+      background-color: #fff; }
+  dl.form > dt {
+    margin: 0 0 6px; }
+    dl.form > dt label {
+      position: relative; }
+  dl.form.flattened > dt {
+    float: left;
+    margin: 0;
+    line-height: 32px; }
+  dl.form.flattened > dd {
+    line-height: 32px; }
+  dl.form > dd input[type="text"],
+  dl.form > dd input[type="password"],
+  dl.form > dd input[type="email"],
+  dl.form > dd input[type="url"] {
+    width: 440px;
+    max-width: 100%;
+    margin-right: 5px;
+    background-position-x: 98%; }
+  dl.form > dd input.shorter {
+    width: 130px; }
+  dl.form > dd input.short {
+    width: 250px; }
+  dl.form > dd input.long {
+    width: 100%; }
+  dl.form > dd textarea {
+    width: 100%;
+    height: 200px;
+    min-height: 200px; }
+    dl.form > dd textarea.short {
+      height: 50px;
+      min-height: 50px; }
+  dl.form > dd h4 {
+    margin: 4px 0 0; }
+    dl.form > dd h4.is-error {
+      color: #bd2c00; }
+    dl.form > dd h4.is-success {
+      color: #6cc644; }
+  dl.form > dd h4 + p.note {
+    margin-top: 0; }
+  dl.form.required > dt > label:after {
+    padding-left: 5px;
+    color: #9f1006;
+    content: "*"; }
+
+.note {
+  min-height: 17px;
+  margin: 4px 0 2px;
+  font-size: 12px;
+  color: #777; }
+  .note .spinner {
+    margin-right: 3px;
+    vertical-align: middle; }
+
+.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: #fffbdc;
+    border-radius: 3px; }
+  .form-checkbox input[type=checkbox],
+  .form-checkbox input[type=radio] {
+    float: left;
+    margin: 2px 0 0 -20px;
+    vertical-align: middle; }
+  .form-checkbox .note {
+    display: block;
+    margin: 0;
+    font-size: 12px;
+    font-weight: normal;
+    color: #666; }
+
+dl.form .success,
+dl.form .error,
+dl.form .indicator {
+  display: none;
+  font-size: 12px;
+  font-weight: bold; }
+dl.form.loading {
+  opacity: 0.5; }
+  dl.form.loading .indicator {
+    display: inline; }
+  dl.form.loading .spinner {
+    display: inline-block;
+    vertical-align: middle; }
+dl.form.successful .success {
+  display: inline;
+  color: #390; }
+dl.form.errored > dt label {
+  color: #900; }
+dl.form.errored .error {
+  display: inline;
+  color: #900; }
+dl.form.errored dd.error,
+dl.form.errored dd.warning {
+  display: inline-block;
+  padding: 5px;
+  font-size: 11px;
+  color: #494620;
+  background: #f7ea57;
+  border: 1px solid #c0b536;
+  border-top-color: #fff;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+dl.form.warn .warning {
+  display: inline;
+  color: #900; }
+dl.form.warn dd.warning {
+  display: inline-block;
+  padding: 5px;
+  font-size: 11px;
+  color: #494620;
+  background: #f7ea57;
+  border: 1px solid #c0b536;
+  border-top-color: #fff;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+dl.form .form-note {
+  display: inline-block;
+  padding: 5px;
+  margin-top: -1px;
+  font-size: 11px;
+  color: #494620;
+  background: #f7ea57;
+  border: 1px solid #c0b536;
+  border-top-color: #fff;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+
+.hfields {
+  margin: 15px 0; }
+  .hfields:before {
+    display: table;
+    content: ""; }
+  .hfields:after {
+    display: table;
+    clear: both;
+    content: ""; }
+  .hfields dl.form {
+    float: left;
+    margin: 0 30px 0 0; }
+    .hfields dl.form > dt label {
+      display: inline-block;
+      margin: 5px 0 0;
+      color: #666; }
+      .hfields dl.form > dt label img {
+        position: relative;
+        top: -2px; }
+  .hfields .btn {
+    float: left;
+    margin: 28px 25px 0 -20px; }
+  .hfields select {
+    margin-top: 5px; }
+
+html.no-dnd-uploads .drag-and-drop {
+  min-height: 32px; }
+  html.no-dnd-uploads .drag-and-drop .default {
+    display: none; }
+html.no-dnd-uploads .upload-enabled textarea {
+  border-bottom: 1px solid #dddddd; }
+
+.drag-and-drop {
+  padding: 7px 10px;
+  margin: 0;
+  font-size: 13px;
+  line-height: 16px;
+  color: #aaa;
+  background-color: #fafafa;
+  border: 1px solid #cccccc;
+  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: #bd2c00; }
+  .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-too-big .drag-and-drop .too-big {
+  display: inline-block; }
+
+.is-empty .drag-and-drop .empty {
+  display: inline-block; }
+
+.is-bad-browser .drag-and-drop .bad-browser {
+  display: inline-block; }
+
+.drag-and-drop-error-info {
+  font-weight: normal;
+  color: #aaa; }
+  .drag-and-drop-error-info a {
+    color: #4183c4; }
+
+.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 #dddddd;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.focused .drag-and-drop {
+  box-shadow: rgba(81, 167, 232, 0.5) 0 0 3px; }
+
+.dragover textarea,
+.dragover .drag-and-drop {
+  box-shadow: #c9ff00 0 0 3px; }
+
+.previewable-comment-form {
+  position: relative; }
+  .previewable-comment-form .tabnav {
+    position: relative;
+    padding: 10px 10px 0; }
+  .previewable-comment-form .comment {
+    border: 1px solid #cacaca; }
+  .previewable-comment-form .comment-header .comment-header-actions {
+    display: none; }
+  .previewable-comment-form .comment-form-error {
+    margin-bottom: 10px; }
+  .previewable-comment-form .write-content,
+  .previewable-comment-form .preview-content {
+    display: none;
+    padding: 0 10px 10px; }
+  .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: 10px;
+    resize: vertical; }
+    .previewable-comment-form textarea.fullscreen-contents:focus {
+      border: 0;
+      box-shadow: none; }
+
+div.composer {
+  margin-top: 0;
+  border: 0; }
+
+.composer .comment-form-textarea {
+  height: 200px;
+  min-height: 200px; }
+
+.composer-infobar {
+  height: 35px;
+  padding: 0 10px;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #eeeeee; }
+
+.composer .tabnav {
+  margin: 0 0 10px; }
+
+.infobar-widget.milestone {
+  position: relative;
+  float: right; }
+  .infobar-widget.milestone .select-menu-modal-holder {
+    right: 0; }
+.infobar-widget.assignee {
+  float: left; }
+  .infobar-widget.assignee .css-truncate-target {
+    max-width: 110px; }
+.infobar-widget .text,
+.infobar-widget .avatar,
+.infobar-widget .select-menu {
+  display: inline-block;
+  vertical-align: top; }
+.infobar-widget .text {
+  margin-top: 3px; }
+  .infobar-widget .text a {
+    font-weight: bold;
+    color: #333; }
+.infobar-widget .progress-bar {
+  width: 200px;
+  overflow: hidden;
+  line-height: 18px; }
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none; }
+
+.input-group {
+  display: table; }
+  .input-group input {
+    position: relative;
+    width: 100%; }
+    .input-group input:focus {
+      z-index: 2; }
+  .input-group input[type="text"] + .btn {
+    margin-left: 0; }
+  .input-group.inline {
+    display: inline-table; }
+
+.input-group input,
+.input-group-button {
+  display: table-cell; }
+
+.input-group-button {
+  width: 1%;
+  vertical-align: middle; }
+
+.input-group input: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 input: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; }
+
+h2.account {
+  margin: 15px 0 0;
+  font-size: 18px;
+  font-weight: normal;
+  color: #666; }
+
+p.explain {
+  position: relative;
+  font-size: 12px;
+  color: #666; }
+  p.explain strong {
+    color: #333; }
+  p.explain .octicon {
+    margin-right: 5px;
+    color: #bbb; }
+  p.explain .minibutton {
+    top: -4px;
+    float: right; }
+
+.options-content p.explain {
+  padding: 10px 10px 0;
+  margin-top: 0;
+  border-top: 1px solid #dddddd; }
+
+.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: #333;
+  background: #ffffe2;
+  border: 1px solid #e7e4c2;
+  border-radius: 4px; }
+  .form-warning p {
+    margin: 0;
+    line-height: 1.5; }
+  .form-warning strong {
+    color: #000; }
+  .form-warning a {
+    font-weight: bold; }
+
+.status-indicator {
+  font: normal normal 16px/1 "octicons";
+  display: inline-block;
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  margin-left: 5px; }
+
+.status-indicator-success:before {
+  color: #6cc644;
+  content: "\f03a"; }
+
+.status-indicator-failed:before {
+  color: #bd2c00;
+  content: "\f02d"; }
+
+.clearfix:before {
+  display: table;
+  content: ""; }
+.clearfix:after {
+  display: table;
+  clear: both;
+  content: ""; }
+
+.right {
+  float: right; }
+
+.left {
+  float: left; }
+
+.text-right {
+  text-align: right; }
+
+.text-left {
+  text-align: left; }
+
+.danger {
+  color: #c00; }
+
+.mute {
+  color: #000; }
+
+.text-diff-added {
+  color: #55a532; }
+
+.text-diff-deleted {
+  color: #bd2c00; }
+
+.text-open,
+.text-success {
+  color: #6cc644; }
+
+.text-closed {
+  color: #bd2c00; }
+
+.text-reverted {
+  color: #bd2c00; }
+
+.text-merged {
+  color: #6e5494; }
+
+.text-renamed {
+  color: #fffa5d; }
+
+.text-pending {
+  color: #cea61b; }
+
+.text-error,
+.text-failure {
+  color: #bd2c00; }
+
+.muted-link {
+  color: #777; }
+  .muted-link:hover {
+    color: #4183c4;
+    text-decoration: none; }
+
+.hidden {
+  display: none; }
+
+.warning {
+  padding: 0.5em;
+  margin-bottom: 0.8em;
+  font-weight: bold;
+  background-color: #fffccc; }
+
+.error_box {
+  padding: 1em;
+  font-weight: bold;
+  background-color: #ffebe8;
+  border: 1px solid #dd3c10; }
+
+.flash-messages {
+  margin-top: 15px;
+  margin-bottom: 15px; }
+
+.flash,
+.flash-global {
+  position: relative;
+  font-size: 14px;
+  line-height: 1.6;
+  color: #246;
+  background-color: #e2eef9;
+  border: solid 1px #bac6d3; }
+  .flash.flash-warn,
+  .flash-global.flash-warn {
+    color: #4c4a42;
+    background-color: #fff9ea;
+    border-color: #dfd8c2; }
+  .flash.flash-error,
+  .flash-global.flash-error {
+    color: #911;
+    background-color: #fcdede;
+    border-color: #d2b2b2; }
+  .flash .flash-close,
+  .flash-global .flash-close {
+    float: right;
+    padding: 17px;
+    margin-top: -15px;
+    margin-right: -15px;
+    margin-left: 20px;
+    color: inherit;
+    text-decoration: none;
+    cursor: pointer;
+    opacity: 0.6; }
+    .flash .flash-close:hover,
+    .flash-global .flash-close:hover {
+      opacity: 1; }
+  .flash p:last-child,
+  .flash-global p:last-child {
+    margin-bottom: 0; }
+  .flash .flash-action,
+  .flash-global .flash-action {
+    float: right;
+    margin-top: -4px;
+    margin-left: 20px; }
+  .flash a,
+  .flash-global a {
+    font-weight: bold; }
+
+.flash {
+  padding: 15px;
+  border-radius: 3px; }
+  .flash + .flash {
+    margin-top: 5px; }
+
+.flash-with-icon {
+  padding-left: 40px; }
+  .flash-with-icon > .octicon {
+    float: left;
+    margin-top: 3px;
+    margin-left: -25px; }
+
+.flash-global {
+  padding: 10px;
+  margin-top: -1px;
+  border-width: 1px 0; }
+  .flash-global h2,
+  .flash-global p {
+    margin-top: 0;
+    margin-bottom: 0;
+    font-size: 14px;
+    line-height: 1.4; }
+  .flash-global .flash-action {
+    margin-top: 5px; }
+
+.flash-title {
+  margin-top: 0;
+  margin-bottom: 5px; }
+
+.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%;
+  border-radius: 2px;
+  box-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); }
+
+.blankslate {
+  position: relative;
+  padding: 30px;
+  text-align: center;
+  background-color: #fafafa;
+  border: 1px solid #e5e5e5;
+  border-radius: 3px;
+  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); }
+  .blankslate.clean-background {
+    background: none;
+    border: 0;
+    box-shadow: none; }
+  .blankslate.capped {
+    border-radius: 0 0 3px 3px; }
+  .blankslate.spacious {
+    padding: 100px 60px 120px; }
+  .blankslate.has-fixed-width {
+    width: 485px;
+    margin: 0 auto; }
+  .blankslate.large-format h3 {
+    margin: 0.75em 0;
+    font-size: 20px; }
+  .blankslate.large-format p {
+    font-size: 16px; }
+    .blankslate.large-format p.has-fixed-width {
+      width: 540px;
+      margin: 0 auto;
+      text-align: left; }
+  .blankslate.large-format .mega-octicon {
+    width: 40px;
+    height: 40px;
+    font-size: 40px;
+    color: #aaa; }
+  .blankslate.large-format .octicon-inbox {
+    font-size: 48px;
+    line-height: 40px; }
+  .blankslate code {
+    padding: 2px 5px 3px;
+    font-size: 14px;
+    background: #fff;
+    border: 1px solid #eeeeee;
+    border-radius: 3px; }
+  .blankslate > .mega-octicon {
+    color: #aaa; }
+  .blankslate .mega-octicon + .mega-octicon {
+    margin-left: 10px; }
+  .tabnav + .blankslate {
+    margin-top: 20px; }
+  .blankslate .context-loader.large-format-loader {
+    padding-top: 50px; }
+
+.spinner-forking {
+  display: block;
+  margin: 20px auto 40px; }
+
+.forking-repo {
+  margin: 40px 0;
+  text-align: center; }
+  .forking-repo h3 {
+    margin-bottom: 10px;
+    font-size: 28px;
+    font-weight: 300; }
+  .forking-repo h4 {
+    margin: 0 0 30px;
+    font-size: 16px;
+    font-weight: 300; }
+
+.counter {
+  display: inline-block;
+  padding: 2px 5px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 1;
+  color: #777;
+  background-color: #eee;
+  border-radius: 20px; }
+
+.btn {
+  position: relative;
+  display: inline-block;
+  padding: 6px 12px;
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #333;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #eee;
+  background-image: linear-gradient(#fcfcfc, #eeeeee);
+  border: 1px solid #d5d5d5;
+  border-radius: 3px;
+  user-select: none;
+  -webkit-appearance: none; }
+  .btn i {
+    font-style: normal;
+    font-weight: 500;
+    opacity: 0.6; }
+  .btn .octicon {
+    vertical-align: text-top; }
+  .btn .counter {
+    text-shadow: none;
+    background-color: #e5e5e5; }
+  .btn:focus {
+    text-decoration: none;
+    border-color: #51a7e8;
+    outline: none;
+    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5); }
+  .btn:hover, .btn:active, .btn.zeroclipboard-is-hover, .btn.zeroclipboard-is-active {
+    text-decoration: none;
+    background-color: #ddd;
+    background-image: linear-gradient(#eeeeee, #dddddd);
+    border-color: #ccc; }
+  .btn:active, .btn.selected, .btn.selected:hover, .btn.zeroclipboard-is-active {
+    background-color: #dcdcdc;
+    background-image: none;
+    border-color: #b5b5b5;
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); }
+  .btn:disabled, .btn:disabled:hover, .btn.disabled, .btn.disabled:hover {
+    color: rgba(102, 102, 102, 0.5);
+    cursor: default;
+    background-color: rgba(229, 229, 229, 0.5);
+    background-image: none;
+    border-color: rgba(197, 197, 197, 0.5);
+    box-shadow: none; }
+
+.btn-primary {
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
+  background-color: #60b044;
+  background-image: linear-gradient(#8add6d, #60b044);
+  border-color: #5ca941; }
+  .btn-primary .counter {
+    color: #60b044;
+    background-color: #fff; }
+  .btn-primary:hover {
+    color: #fff;
+    background-color: #569e3d;
+    background-image: linear-gradient(#79d858, #569e3d);
+    border-color: #4a993e; }
+  .btn-primary:active, .btn-primary.selected {
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-color: #569e3d;
+    background-image: none;
+    border-color: #418737; }
+  .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary.disabled, .btn-primary.disabled:hover {
+    color: #fefefe;
+    background-color: #add39f;
+    background-image: linear-gradient(#c3ecb4, #add39f);
+    border-color: #b9dcac #b9dcac #a7c89b; }
+
+.btn-danger {
+  color: #900; }
+  .btn-danger:hover {
+    color: #fff;
+    background-color: #b33630;
+    background-image: linear-gradient(#dc5f59, #b33630);
+    border-color: #cd504a; }
+  .btn-danger:active, .btn-danger.selected {
+    color: #fff;
+    background-color: #b33630;
+    background-image: none;
+    border-color: #9f312c; }
+  .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger.disabled, .btn-danger.disabled:hover {
+    color: #cb7f7f;
+    background-color: #efefef;
+    background-image: linear-gradient(#fefefe, #efefef);
+    border-color: #e1e1e1; }
+  .btn-danger:hover .counter, .btn-danger:active .counter, .btn-danger.selected .counter {
+    color: #b33630;
+    background-color: #fff; }
+
+.btn-outline {
+  color: #4183c4;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #e5e5e5; }
+  .btn-outline .counter {
+    background-color: #eee; }
+  .btn-outline:hover, .btn-outline:active, .btn-outline.selected, .btn-outline.selected:hover, .btn-outline.zeroclipboard-is-hover, .btn-outline.zeroclipboard-is-active {
+    color: #fff;
+    background-color: #4183c4;
+    background-image: none;
+    border-color: #4183c4; }
+    .btn-outline:hover .counter, .btn-outline:active .counter, .btn-outline.selected .counter, .btn-outline.selected:hover .counter, .btn-outline.zeroclipboard-is-hover .counter, .btn-outline.zeroclipboard-is-active .counter {
+      color: #4183c4;
+      background-color: #fff; }
+  .btn-outline:disabled, .btn-outline:disabled:hover, .btn-outline.disabled, .btn-outline.disabled:hover {
+    color: #777;
+    background-color: #fff;
+    background-image: none;
+    border-color: #e5e5e5; }
+
+.btn-with-count {
+  float: left;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.btn-sm {
+  padding: 2px 10px; }
+
+.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 {
+    display: inline-block;
+    height: 12px;
+    padding: 0 5px;
+    font-size: 12px;
+    font-weight: bold;
+    line-height: 6px;
+    color: #555;
+    text-decoration: none;
+    vertical-align: middle;
+    background: #ddd;
+    border-radius: 1px; }
+    .hidden-text-expander a:hover {
+      text-decoration: none;
+      background-color: #ccc; }
+    .hidden-text-expander a:active {
+      color: #fff;
+      background-color: #4183c4; }
+
+.social-count {
+  float: left;
+  padding: 2px 7px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #333333;
+  vertical-align: middle;
+  background-color: #fff;
+  border: 1px solid #dddddd;
+  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: #4183c4;
+    cursor: pointer; }
+
+.btn-block {
+  display: block;
+  width: 100%;
+  text-align: center; }
+
+.btn-group {
+  display: inline-block;
+  vertical-align: middle; }
+  .btn-group:before {
+    display: table;
+    content: ""; }
+  .btn-group:after {
+    display: table;
+    clear: both;
+    content: ""; }
+  .btn-group .btn {
+    position: relative;
+    float: left; }
+    .btn-group .btn:not(:first-child):not(:last-child) {
+      border-radius: 0; }
+    .btn-group .btn:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .btn-group .btn:last-child {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.selected {
+      z-index: 2; }
+  .btn-group .btn + .btn {
+    margin-left: -1px;
+    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); }
+    .btn-group .btn + .btn:hover {
+      box-shadow: none; }
+    .btn-group .btn + .btn:active, .btn-group .btn + .btn.selected {
+      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15); }
+  .btn-group .button_to + .button_to {
+    margin-left: -1px; }
+  .btn-group .button_to {
+    float: left; }
+    .btn-group .button_to .btn {
+      border-radius: 0; }
+    .btn-group .button_to:first-child .btn {
+      border-top-left-radius: 3px;
+      border-bottom-left-radius: 3px; }
+    .btn-group .button_to:last-child .btn {
+      border-top-right-radius: 3px;
+      border-bottom-right-radius: 3px; }
+
+.btn-group + .btn-group,
+.btn-group + .btn {
+  margin-left: 5px; }
+
+.btn-link {
+  display: inline-block;
+  padding: 0;
+  font-size: inherit;
+  color: #4183c4;
+  white-space: nowrap;
+  cursor: pointer;
+  background-color: transparent;
+  border: 0;
+  user-select: none;
+  -webkit-appearance: none; }
+  .btn-link:hover, .btn-link:focus {
+    text-decoration: underline; }
+  .btn-link:focus {
+    outline: none; }
+
+.menu {
+  margin-bottom: 15px;
+  list-style: none;
+  background-color: #fff;
+  border: 1px solid #d8d8d8;
+  border-radius: 3px; }
+
+.menu-item {
+  position: relative;
+  display: block;
+  padding: 8px 10px;
+  text-shadow: 0 1px 0 white;
+  border-bottom: 1px solid #eeeeee; }
+  .menu-item:first-child {
+    border-top: 0;
+    border-top-right-radius: 2px;
+    border-top-left-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: #f9f9f9; }
+  .menu-item.selected {
+    font-weight: bold;
+    color: #222;
+    cursor: default;
+    background-color: #fff; }
+    .menu-item.selected:before {
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      width: 2px;
+      content: "";
+      background-color: #d26911; }
+  .menu-item .octicon {
+    margin-right: 5px;
+    width: 16px;
+    color: #333333;
+    text-align: center; }
+  .menu-item .counter {
+    float: right;
+    margin-left: 5px; }
+  .menu-item .menu-warning {
+    float: right;
+    color: #d26911; }
+  .menu-item .avatar {
+    float: left;
+    margin-right: 5px; }
+  .menu-item.alert .counter {
+    color: #bd2c00; }
+
+.menu-heading {
+  display: block;
+  padding: 8px 10px;
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #555;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #eeeeee; }
+  .menu-heading:hover {
+    text-decoration: none; }
+  .menu-heading:first-child {
+    border-top-right-radius: 2px;
+    border-top-left-radius: 2px; }
+  .menu-heading:last-child {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border-bottom: 0; }
+
+.tabnav {
+  margin-top: 0;
+  margin-bottom: 15px;
+  border-bottom: 1px solid #dddddd; }
+  .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: #666;
+  text-decoration: none;
+  border: 1px solid transparent;
+  border-bottom: 0; }
+  .tabnav-tab.selected {
+    color: #333;
+    background-color: #fff;
+    border-color: #ddd;
+    border-radius: 3px 3px 0 0; }
+  .tabnav-tab:hover {
+    text-decoration: none; }
+
+.tabnav-extra {
+  display: inline-block;
+  padding-top: 10px;
+  margin-left: 10px;
+  font-size: 12px;
+  color: #666; }
+  .tabnav-extra > .octicon {
+    margin-right: 2px; }
+
+a.tabnav-extra:hover {
+  color: #4183c4;
+  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: #777;
+    background-color: transparent; }
+    .filter-list.pjax-active .filter-item.pjax-active {
+      color: #fff;
+      background-color: #4183c4; }
+
+.filter-item {
+  position: relative;
+  display: block;
+  padding: 8px 10px;
+  margin-bottom: 5px;
+  overflow: hidden;
+  font-size: 14px;
+  color: #777;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  border-radius: 3px; }
+  .filter-item:hover {
+    text-decoration: none;
+    background-color: #eee; }
+  .filter-item.selected {
+    color: #fff;
+    background-color: #4183c4; }
+    .filter-item.selected .octicon-remove-close {
+      float: right;
+      opacity: 0.8; }
+  .filter-item .count {
+    float: right;
+    font-weight: bold; }
+  .filter-item .bar {
+    position: absolute;
+    top: 2px;
+    right: 0;
+    bottom: 2px;
+    z-index: -1;
+    display: inline-block;
+    background-color: #f1f1f1; }
+
+.state {
+  display: inline-block;
+  padding: 4px 8px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #fff;
+  text-align: center;
+  border-radius: 3px;
+  background-color: #999; }
+
+.state-open,
+.state-proposed,
+.state-reopened {
+  background-color: #6cc644; }
+
+.state-merged {
+  background-color: #6e5494; }
+
+.state-closed {
+  background-color: #bd2c00; }
+
+.state-renamed {
+  background-color: #fffa5d; }
+
+.tooltipped {
+  position: relative; }
+
+.tooltipped:after {
+  position: absolute;
+  z-index: 1000000;
+  display: none;
+  padding: 5px 8px;
+  font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+  color: white;
+  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: rgba(0, 0, 0, 0.8);
+  border-radius: 3px;
+  -webkit-font-smoothing: subpixel-antialiased; }
+
+.tooltipped:before {
+  position: absolute;
+  z-index: 1000001;
+  display: none;
+  width: 0;
+  height: 0;
+  color: rgba(0, 0, 0, 0.8);
+  pointer-events: none;
+  content: "";
+  border: 5px solid transparent; }
+
+.tooltipped:hover:before, .tooltipped:hover:after,
+.tooltipped:active:before,
+.tooltipped:active:after,
+.tooltipped:focus:before,
+.tooltipped:focus:after {
+  display: inline-block;
+  text-decoration: none; }
+
+.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: 5px; }
+.tooltipped-s:before,
+.tooltipped-se:before,
+.tooltipped-sw:before {
+  top: auto;
+  right: 50%;
+  bottom: -5px;
+  margin-right: -5px;
+  border-bottom-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-se:after {
+  right: auto;
+  left: 50%;
+  margin-left: -15px; }
+
+.tooltipped-sw:after {
+  margin-right: -15px; }
+
+.tooltipped-n:after,
+.tooltipped-ne:after,
+.tooltipped-nw:after {
+  right: 50%;
+  bottom: 100%;
+  margin-bottom: 5px; }
+.tooltipped-n:before,
+.tooltipped-ne:before,
+.tooltipped-nw:before {
+  top: -5px;
+  right: 50%;
+  bottom: auto;
+  margin-right: -5px;
+  border-top-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-ne:after {
+  right: auto;
+  left: 50%;
+  margin-left: -15px; }
+
+.tooltipped-nw:after {
+  margin-right: -15px; }
+
+.tooltipped-s:after,
+.tooltipped-n:after {
+  transform: translateX(50%); }
+
+.tooltipped-w:after {
+  right: 100%;
+  bottom: 50%;
+  margin-right: 5px;
+  transform: translateY(50%); }
+.tooltipped-w:before {
+  top: 50%;
+  bottom: 50%;
+  left: -5px;
+  margin-top: -5px;
+  border-left-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-e:after {
+  bottom: 50%;
+  left: 100%;
+  margin-left: 5px;
+  transform: translateY(50%); }
+.tooltipped-e:before {
+  top: 50%;
+  right: -5px;
+  bottom: 50%;
+  margin-top: -5px;
+  border-right-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-multiline:after {
+  width: -moz-max-content;
+  width: -webkit-max-content;
+  max-width: 250px;
+  word-break: break-word;
+  word-wrap: normal;
+  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; }
+
+.fullscreen-overlay-enabled.dark-theme .tooltipped:after {
+  color: black;
+  background: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,
+.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,
+.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before {
+  border-bottom-color: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before {
+  border-top-color: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before {
+  border-right-color: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before {
+  border-left-color: rgba(255, 255, 255, 0.8); }
+
+.flex-table {
+  display: table; }
+
+.flex-table-item {
+  display: table-cell;
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; }
+
+.flex-table-item-primary {
+  width: 99%; }
+
+.css-truncate.css-truncate-target,
+.css-truncate .css-truncate-target {
+  display: inline-block;
+  max-width: 125px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  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:hover.css-truncate-target {
+  max-width: 10000px !important; }