@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500);

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-single-column-layout {
  width: 100%;
  min-width: 1024px;
  position: fixed;
  height: 100%;
  top: 0;
  bottom: 0; }
  .sn-single-column-layout > main {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 60px;
    max-height: 100%;
    overflow: auto;
    background-color: #f5f6fa; }
  .sn-single-column-layout .sn-single-column-layout-content {
    margin: 50px auto;
    max-width: 1024px;
    padding: 0 30px; }

.sn-minimal-layout {
  display: flex;
  flex-direction: column;
  margin: 23px auto;
  padding: 0 23px;
  max-width: 1170px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #848484; }
  .sn-minimal-layout input, .sn-minimal-layout button {
    font-family: 'Poppins', sans-serif; }
  .sn-minimal-layout h1 {
    font-size: 40px;
    font-weight: normal;
    line-height: 1.35;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 77px;
    color: #000000; }
  .sn-minimal-layout .sn-subtitle {
    font-size: 20px;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 40px; }
  .sn-minimal-layout a {
    color: #1bbaf2; }
  .sn-minimal-layout .bp3-input {
    height: 50px;
    font-size: 16px;
    padding: 0 16px; }
  .sn-minimal-layout .bp3-input-group .bp3-input:not(:first-child) {
    padding-left: 50px; }
  .sn-minimal-layout .bp3-input-group .bp3-icon {
    margin: 17px; }
  .sn-minimal-layout .bp3-form-group {
    margin: 0 0 24px; }
  .sn-minimal-layout .bp3-button {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    text-transform: uppercase; }
    .sn-minimal-layout .bp3-button.bp3-large {
      min-height: 50px;
      letter-spacing: 1px; }

.sn-minimal-layout__wrapper {
  display: flex;
  flex-direction: row; }
  .sn-minimal-layout__wrapper > * {
    width: 50%; }

.sn-minimal-layout__graphic {
  flex-grow: 1;
  background-repeat: no-repeat;
  min-height: 647px;
  margin-right: -23px; }

.sn-minimal-layout__content {
  flex-grow: 1;
  padding: 0 30px 100px 77px;
  max-width: 800px; }
  .sn-hide-graphic .sn-minimal-layout__content {
    padding: 0;
    margin: 0 auto; }

.sn-minimal-layout__header {
  height: 77px; }

.sn-code {
  background-color: #e9f9fe;
  color: #1d1d1d;
  padding: 15px 20px;
  margin-bottom: 10px;
  border-radius: 0.3em;
  display: block;
  overflow: auto;
  white-space: pre;
  position: relative; }

.sn-code__copy-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.2;
  cursor: pointer;
  padding: 5px; }
  .sn-code__copy-icon:hover {
    opacity: 1; }

.sn-onboarding-page__list li {
  margin-bottom: 20px; }


/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-header .sn-header-secondary.bp3-navbar {
  box-shadow: inset 0 -1px 0 0 #e1e1e1; }

.sn-header .sn-header-logo {
  display: inline-block;
  width: 81px;
  height: 60px;
  background-color: #09232f;
  text-align: center;
  padding-top: 15px;
  margin-right: 12px; }

.sn-header .sn-header-user {
  background-color: #09232f;
  display: flex;
  height: 60px;
  align-items: center;
  color: #a0aabb;
  padding: 0 10px 0 18px; }
  .sn-header .sn-header-user > .sn-header-user-name {
    padding: 0 8px; }
  .sn-header .sn-header-user > .sn-header-user__caret {
    margin-left: 5px; }

.sn-header .sn-header-main-menu .sn-header-main-button-wrapper {
  display: inline-block;
  margin: 15px 14px; }
  .sn-header .sn-header-main-menu .sn-header-main-button-wrapper .sn-header-main-button {
    color: #fff; }
  .sn-header .sn-header-main-menu .sn-header-main-button-wrapper:hover {
    color: #1bbaf2;
    text-decoration: none; }

.sn-header .sn-header-main-menu .bp3-navbar-divider {
  border-left: 1px solid #697fa2;
  margin: 0; }

.sn-header .bp3-navbar-group {
  height: 60px; }

.sn-header > .bp3-navbar {
  padding: 0; }

.sn-header .sn-header-main {
  z-index: 10000;
  height: 60px;
  background-color: #113242; }

.sn-beta-banner {
  cursor: pointer;
  margin-left: 15px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-header-container {
  background-color: #1bbaf2; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-project-layout {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  min-width: 1024px;
  bottom: 0; }
  .sn-project-layout.sn-project-layout-centered > main {
    width: 100%;
    position: absolute;
    padding: 0 15px;
    bottom: 0;
    top: 110px;
    max-height: 100%;
    overflow: auto;
    background-color: #f5f6fa; }
  .sn-project-layout.sn-project-layout-centered .sn-project-layout-content {
    margin: 30px auto;
    max-width: 1366px;
    height: inherit; }
  .sn-project-layout > main {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 110px;
    max-height: 100%;
    overflow: auto; }
    .sn-project-layout > main .sn-project-layout-content {
      height: 100%; }

.sn-type-list {
  width: 100%;
  margin-bottom: -10px; }
  .sn-type-list > thead th {
    text-align: left;
    padding: 0 10px 10px;
    color: #96a2b4;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .sn-type-list > tbody td {
    border-top: 1px solid #eaeaea;
    padding: 5px 10px; }
  .sn-type-list td:first-child, .sn-type-list th:first-child {
    padding-left: 0; }
  .sn-type-list td:last-child, .sn-type-list th:last-child {
    padding-right: 0; }
  .sn-type-list pre {
    display: inline-block;
    padding: 0px 5px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
    font-size: 13px; }
  .sn-type-list .sn-type-list-header-name, .sn-type-list .sn-type-list-header-type {
    width: 170px; }
  .sn-type-list .sn-type-list-header-actions {
    width: 125px; }

.sn-data-browser-menu {
  width: 238px;
  min-width: 238px;
  max-height: 100%;
  padding: 30px 30px 30px 0;
  overflow: auto;
  border-right: solid 1px #f0f3f4; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-payment-info-form__card-input {
  box-shadow: inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee;
  margin-bottom: 20px;
  padding: 0 16px; }

.sn-project-list-card {
  padding: 15px 24px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.07); }
  .sn-project-list-card h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px; }

.sn-FilterableItemList-searchbar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px; }

.sn-FilterableItemList-search-input-group {
  flex-grow: 1; }

.sn-FilterableItemList-search-actions {
  margin-left: 33px; }

.sn-list-table {
  border: none;
  border-spacing: 0 8px;
  border-collapse: separate; }
  .sn-list-table > thead > tr > th {
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
    color: #96a2b4;
    padding: 8px;
    letter-spacing: 1px; }
    .sn-list-table > thead > tr > th:first-child {
      padding-left: 24px; }
    .sn-list-table > thead > tr > th:last-child {
      padding-right: 24px; }
  .sn-list-table > tbody > tr > td {
    background-color: #fff;
    padding: 15px 8px; }
    .sn-list-table > tbody > tr > td:first-child {
      padding-left: 24px; }
    .sn-list-table > tbody > tr > td:last-child {
      padding-right: 24px; }
  .sn-list-table.sn-fill {
    width: 100%; }

.sn-rich-content {
  font-size: 18px;
  line-height: 1.71em; }
  .sn-rich-content p {
    margin-bottom: 0.5em; }
  .sn-rich-content h1, .sn-rich-content h2, .sn-rich-content h3, .sn-rich-content h4, .sn-rich-content h5, .sn-rich-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em; }
  .sn-rich-content pre {
    background-color: #e9f9fe;
    color: #000;
    padding: .525rem .6rem;
    border-radius: 3px;
    box-shadow: 0.29412em 0 0 #e9f9fe, -0.29412em 0 0 #e9f9fe;
    font-size: 0.8em;
    line-height: 1.4em;
    overflow: auto; }

.sn-project-settings-browser-menu {
  width: 238px;
  min-width: 238px;
  max-height: 100%;
  padding: 30px 30px 30px 0;
  overflow: auto; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-sidebar-menu {
  padding: 0;
  border-top: solid 1px #eaeaea;
  margin-left: 30px;
  padding-top: 15px;
  margin-bottom: 7px; }
  .sn-sidebar-menu .bp3-menu-item, .sn-sidebar-menu .bp3-menu-header {
    background: none;
    background-color: unset !important;
    padding: 3px 0px 3px 30px;
    margin-left: -30px;
    margin-bottom: 8px;
    color: #6a6a6a; }
    .sn-sidebar-menu .bp3-menu-item:hover, .sn-sidebar-menu .bp3-menu-header:hover {
      color: #1bbaf2;
      border-left: 3px solid #1bbaf2;
      padding-left: 27px; }
    .sn-sidebar-menu .bp3-menu-item.bp3-active, .sn-sidebar-menu .bp3-menu-header.bp3-active {
      border-left: 3px solid #1f272a;
      color: #1d1d1d;
      padding-left: 27px; }
      .sn-sidebar-menu .bp3-menu-item.bp3-active:hover, .sn-sidebar-menu .bp3-menu-header.bp3-active:hover {
        color: #1bbaf2;
        border-left: 3px solid #1bbaf2; }
  .sn-sidebar-menu .bp3-menu-item.sn-sidebar-menu-title, .sn-sidebar-menu .bp3-menu-header {
    background: none;
    background-color: unset !important;
    color: #1d1d1d;
    font-weight: bold; }
    .sn-sidebar-menu .bp3-menu-item.sn-sidebar-menu-title:hover, .sn-sidebar-menu .bp3-menu-header:hover {
      border-left: none;
      padding-left: 30px;
      color: #1bbaf2; }
    .sn-sidebar-menu .bp3-menu-item.sn-sidebar-menu-title .bp3-menu-item-label, .sn-sidebar-menu .bp3-menu-header .bp3-menu-item-label {
      color: #b0b0b0; }
    .sn-sidebar-menu .bp3-menu-item.sn-sidebar-menu-title.bp3-active, .sn-sidebar-menu .bp3-menu-header.bp3-active {
      border-left: none;
      padding-left: 30px; }
  .sn-sidebar-menu > li {
    margin-left: -30px;
    padding-left: 30px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-project-sidebar-header {
  margin: 0 0 15px 30px; }
  .sn-project-sidebar-header > .sn-project-sidebar-header_title {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .sn-project-sidebar-header > .sn-project-sidebar-header_subtitle {
    color: #a7b6c2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-data-browser {
  display: flex;
  align-content: stretch;
  height: 100%;
  max-height: 100%; }
  .sn-data-browser > div {
    max-height: 100%;
    overflow: auto; }
  .sn-data-browser > .sn-data-browser-content {
    flex-grow: 1;
    padding: 30px; }

.graphiql-container,
.graphiql-container button,
.graphiql-container input {
  color: #141823;
  font-family:
    system,
    -apple-system,
    'San Francisco',
    '.SFNSDisplay-Regular',
    'Segoe UI',
    Segoe,
    'Segoe WP',
    'Helvetica Neue',
    helvetica,
    'Lucida Grande',
    arial,
    sans-serif;
  font-size: 14px;
}

.graphiql-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: 100%;
}

.graphiql-container .editorWrap {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-x: hidden;
}

.graphiql-container .title {
  font-size: 18px;
}

.graphiql-container .title em {
  font-family: georgia;
  font-size: 19px;
}

.graphiql-container .topBarWrap {
  display: flex;
  flex-direction: row;
}

.graphiql-container .topBar {
  align-items: center;
  background: linear-gradient(#f7f7f7, #e2e2e2);
  border-bottom: 1px solid #d0d0d0;
  cursor: default;
  display: flex;
  flex-direction: row;
  flex: 1;
  height: 34px;
  overflow-y: visible;
  padding: 7px 14px 6px;
  user-select: none;
}

.graphiql-container .toolbar {
  overflow-x: visible;
  display: flex;
}

.graphiql-container .docExplorerShow,
.graphiql-container .historyShow {
  background: linear-gradient(#f7f7f7, #e2e2e2);
  border-radius: 0;
  border-bottom: 1px solid #d0d0d0;
  border-right: none;
  border-top: none;
  color: #3B5998;
  cursor: pointer;
  font-size: 14px;
  margin: 0;
  padding: 2px 20px 0 18px;
}

.graphiql-container .docExplorerShow {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.graphiql-container .historyShow {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
}

.graphiql-container .docExplorerShow:before {
  border-left: 2px solid #3B5998;
  border-top: 2px solid #3B5998;
  content: '';
  display: inline-block;
  height: 9px;
  margin: 0 3px -1px 0;
  position: relative;
  transform: rotate(-45deg);
  width: 9px;
}

.graphiql-container .editorBar {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.graphiql-container .queryWrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.graphiql-container .resultWrap {
  border-left: solid 1px #e0e0e0;
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: 1em;
  position: relative;
}

.graphiql-container .docExplorerWrap,
.graphiql-container .historyPaneWrap {
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 3;
}

.graphiql-container .historyPaneWrap {
  min-width: 230px;
  z-index: 5;
}

.graphiql-container .docExplorerResizer {
  cursor: col-resize;
  height: 100%;
  left: -5px;
  position: absolute;
  top: 0;
  width: 10px;
  z-index: 10;
}

.graphiql-container .docExplorerHide {
  cursor: pointer;
  font-size: 18px;
  margin: -7px -8px -6px 0;
  padding: 18px 16px 15px 12px;
  background: 0;
  border: 0;
  line-height: 14px;
}

.graphiql-container div .query-editor {
  flex: 1;
  position: relative;
}

.graphiql-container .variable-editor {
  display: flex;
  flex-direction: column;
  height: 30px;
  position: relative;
}

.graphiql-container .variable-editor-title {
  background: #eeeeee;
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #e0e0e0;
  color: #777;
  font-variant: small-caps;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 14px;
  padding: 6px 0 8px 43px;
  text-transform: lowercase;
  user-select: none;
}

.graphiql-container .codemirrorWrap {
  flex: 1;
  height: 100%;
  position: relative;
}

.graphiql-container .result-window {
  flex: 1;
  height: 100%;
  position: relative;
}

.graphiql-container .footer {
  background: #f6f7f8;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  margin-left: 12px;
  position: relative;
}

.graphiql-container .footer:before {
  background: #eeeeee;
  bottom: 0;
  content: " ";
  left: -13px;
  position: absolute;
  top: -1px;
  width: 12px;
}

/* No `.graphiql-container` here so themes can overwrite */

.result-window .CodeMirror {
  background: #f6f7f8;
}

.graphiql-container .result-window .CodeMirror-gutters {
  background-color: #eeeeee;
  border-color: #e0e0e0;
  cursor: col-resize;
}

.graphiql-container .result-window .CodeMirror-foldgutter,
.graphiql-container .result-window .CodeMirror-foldgutter-open:after,
.graphiql-container .result-window .CodeMirror-foldgutter-folded:after {
  padding-left: 3px;
}

.graphiql-container .toolbar-button {
  background: #fdfdfd;
  background: linear-gradient(#f9f9f9, #ececec);
  border: 0;
  border-radius: 3px;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.20),
    0 1px 0 rgba(255,255,255, 0.7),
    inset 0 1px #fff;
  color: #555;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  padding: 3px 11px 5px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.graphiql-container .toolbar-button:active {
  background: linear-gradient(#ececec, #d5d5d5);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7),
    inset 0 0 0 1px rgba(0,0,0,0.10),
    inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),
    inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.graphiql-container .toolbar-button.error {
  background: linear-gradient(#fdf3f3, #e6d6d7);
  color: #b00;
}

.graphiql-container .toolbar-button-group {
  margin: 0 5px;
  white-space: nowrap;
}

.graphiql-container .toolbar-button-group > * {
  margin: 0;
}

.graphiql-container .toolbar-button-group > *:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.graphiql-container .toolbar-button-group > *:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.graphiql-container .execute-button-wrap {
  height: 34px;
  margin: 0 14px 0 28px;
  position: relative;
}

.graphiql-container .execute-button {
  background: linear-gradient(#fdfdfd, #d2d3d6);
  border-radius: 17px;
  border: 1px solid rgba(0,0,0,0.25);
  box-shadow: 0 1px 0 #fff;
  cursor: pointer;
  fill: #444;
  height: 34px;
  margin: 0;
  padding: 0;
  width: 34px;
}

.graphiql-container .execute-button svg {
  pointer-events: none;
}

.graphiql-container .execute-button:active {
  background: linear-gradient(#e6e6e6, #c3c3c3);
  box-shadow:
    0 1px 0 #fff,
    inset 0 0 2px rgba(0, 0, 0, 0.2),
    inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.graphiql-container .toolbar-menu,
.graphiql-container .toolbar-select {
  position: relative;
}

.graphiql-container .execute-options,
.graphiql-container .toolbar-menu-items,
.graphiql-container .toolbar-select-options {
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.1),
    0 2px 4px rgba(0,0,0,0.25);
  margin: 0;
  padding: 6px 0;
  position: absolute;
  z-index: 100;
}

.graphiql-container .execute-options {
  min-width: 100px;
  top: 37px;
  left: -1px;
}

.graphiql-container .toolbar-menu-items {
  left: 1px;
  margin-top: -1px;
  min-width: 110%;
  top: 100%;
  visibility: hidden;
}

.graphiql-container .toolbar-menu-items.open {
  visibility: visible;
}

.graphiql-container .toolbar-select-options {
  left: 0;
  min-width: 100%;
  top: -5px;
  visibility: hidden;
}

.graphiql-container .toolbar-select-options.open {
  visibility: visible;
}

.graphiql-container .execute-options > li,
.graphiql-container .toolbar-menu-items > li,
.graphiql-container .toolbar-select-options > li {
  cursor: pointer;
  display: block;
  margin: none;
  max-width: 300px;
  overflow: hidden;
  padding: 2px 20px 4px 11px;
  white-space: nowrap;
}

.graphiql-container .execute-options > li.selected,
.graphiql-container .toolbar-menu-items > li.hover,
.graphiql-container .toolbar-menu-items > li:active,
.graphiql-container .toolbar-menu-items > li:hover,
.graphiql-container .toolbar-select-options > li.hover,
.graphiql-container .toolbar-select-options > li:active,
.graphiql-container .toolbar-select-options > li:hover,
.graphiql-container .history-contents > li:hover,
.graphiql-container .history-contents > li:active {
  background: #e10098;
  color: #fff;
}

.graphiql-container .toolbar-select-options > li > svg {
  display: inline;
  fill: #666;
  margin: 0 -6px 0 6px;
  pointer-events: none;
  vertical-align: middle;
}

.graphiql-container .toolbar-select-options > li.hover > svg,
.graphiql-container .toolbar-select-options > li:active > svg,
.graphiql-container .toolbar-select-options > li:hover > svg {
  fill: #fff;
}

.graphiql-container .CodeMirror-scroll {
  overflow-scrolling: touch;
}

.graphiql-container .CodeMirror {
  color: #141823;
  font-family:
    'Consolas',
    'Inconsolata',
    'Droid Sans Mono',
    'Monaco',
    monospace;
  font-size: 13px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.graphiql-container .CodeMirror-lines {
  padding: 20px 0;
}

.CodeMirror-hint-information .content {
  box-orient: vertical;
  color: #141823;
  display: flex;
  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande', arial, sans-serif;
  font-size: 13px;
  line-clamp: 3;
  line-height: 16px;
  max-height: 48px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
}

.CodeMirror-hint-information .content p:first-child {
  margin-top: 0;
}

.CodeMirror-hint-information .content p:last-child {
  margin-bottom: 0;
}

.CodeMirror-hint-information .infoType {
  color: #CA9800;
  cursor: pointer;
  display: inline;
  margin-right: 0.5em;
}

.autoInsertedLeaf.cm-property {
  animation-duration: 6s;
  animation-name: insertionFade;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  border-radius: 2px;
  margin: -2px -4px -1px;
  padding: 2px 4px 1px;
}

@keyframes insertionFade {
  from, to {
    background: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
  }

  15%, 85% {
    background: #fbffc9;
    border-color: #f0f3c0;
  }
}

div.CodeMirror-lint-tooltip {
  background-color: white;
  border-radius: 2px;
  border: 0;
  color: #141823;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  font-size: 13px;
  line-height: 16px;
  max-width: 430px;
  opacity: 0;
  padding: 8px 10px;
  transition: opacity 0.15s;
  white-space: pre-wrap;
}

div.CodeMirror-lint-tooltip > * {
  padding-left: 23px;
}

div.CodeMirror-lint-tooltip > * + * {
  margin-top: 12px;
}

/* COLORS */

.graphiql-container .CodeMirror-foldmarker {
  border-radius: 4px;
  background: #08f;
  background: linear-gradient(#43A8FF, #0F83E8);
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  color: white;
  font-family: arial;
  font-size: 12px;
  line-height: 0;
  margin: 0 3px;
  padding: 0px 4px 1px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
}

.graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {
  color: #555;
  text-decoration: underline;
}

.graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f00;
}

/* Comment */

.cm-comment {
  color: #999;
}

/* Punctuation */

.cm-punctuation {
  color: #555;
}

/* Keyword */

.cm-keyword {
  color: #B11A04;
}

/* OperationName, FragmentName */

.cm-def {
  color: #D2054E;
}

/* FieldName */

.cm-property {
  color: #1F61A0;
}

/* FieldAlias */

.cm-qualifier {
  color: #1C92A9;
}

/* ArgumentName and ObjectFieldName */

.cm-attribute {
  color: #8B2BB9;
}

/* Number */

.cm-number {
  color: #2882F9;
}

/* String */

.cm-string {
  color: #D64292;
}

/* Boolean */

.cm-builtin {
  color: #D47509;
}

/* EnumValue */

.cm-string-2 {
  color: #0B7FC7;
}

/* Variable */

.cm-variable {
  color: #397D13;
}

/* Directive */

.cm-meta {
  color: #B33086;
}

/* Type */

.cm-atom {
  color: #CA9800;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  color: black;
  font-family: monospace;
  height: 300px;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumbers {}

.CodeMirror-linenumber {
  color: #999;
  min-width: 20px;
  padding: 0 3px 0 5px;
  text-align: right;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }

.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror .CodeMirror-cursor {
  border-left: 1px solid black;
}

/* Shown when moving in bi-directional text */

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  background: #7e7;
  border: 0;
  width: auto;
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  animation: blink 1.06s steps(1) infinite;
  border: 0;
  width: auto;
}

@keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}

/* Can style cursor different in overwrite (non-insert) mode */

div.CodeMirror-overwrite div.CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-keyword {color: #708;}

.cm-s-default .cm-atom {color: #219;}

.cm-s-default .cm-number {color: #164;}

.cm-s-default .cm-def {color: #00f;}

.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}

.cm-s-default .cm-variable-2 {color: #05a;}

.cm-s-default .cm-variable-3 {color: #085;}

.cm-s-default .cm-comment {color: #a50;}

.cm-s-default .cm-string {color: #a11;}

.cm-s-default .cm-string-2 {color: #f50;}

.cm-s-default .cm-meta {color: #555;}

.cm-s-default .cm-qualifier {color: #555;}

.cm-s-default .cm-builtin {color: #30a;}

.cm-s-default .cm-bracket {color: #997;}

.cm-s-default .cm-tag {color: #170;}

.cm-s-default .cm-attribute {color: #00c;}

.cm-s-default .cm-header {color: blue;}

.cm-s-default .cm-quote {color: #090;}

.cm-s-default .cm-hr {color: #999;}

.cm-s-default .cm-link {color: #00c;}

.cm-negative {color: #d44;}

.cm-positive {color: #292;}

.cm-header, .cm-strong {font-weight: bold;}

.cm-em {font-style: italic;}

.cm-link {text-decoration: underline;}

.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-error {color: #f00;}

.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}

div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}

.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }

.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  background: white;
  overflow: hidden;
  position: relative;
}

.CodeMirror-scroll {
  height: 100%;
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  outline: none; /* Prevent dragging from highlighting the element */
  overflow: scroll !important; /* Things will break if this is overridden */
  padding-bottom: 30px;
  position: relative;
}

.CodeMirror-sizer {
  border-right: 30px solid transparent;
  position: relative;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  display: none;
  position: absolute;
  z-index: 6;
}

.CodeMirror-vscrollbar {
  overflow-x: hidden;
  overflow-y: scroll;
  right: 0; top: 0;
}

.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-x: scroll;
  overflow-y: hidden;
}

.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  min-height: 100%;
  position: absolute; left: 0; top: 0;
  z-index: 3;
}

.CodeMirror-gutter {
  display: inline-block;
  height: 100%;
  margin-bottom: -30px;
  vertical-align: top;
  white-space: normal;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}

.CodeMirror-gutter-wrapper {
  background: none !important;
  border: none !important;
  position: absolute;
  z-index: 4;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  cursor: default;
  position: absolute;
  z-index: 4;
}

.CodeMirror-gutter-wrapper {
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre {
  -webkit-tap-highlight-color: transparent;
  /* Reset some styles that the rest of the page might have set */
  background: transparent;
  border-radius: 0;
  border-width: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-variant-ligatures: none;
  line-height: inherit;
  margin: 0;
  overflow: visible;
  position: relative;
  white-space: pre;
  word-wrap: normal;
  z-index: 2;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  overflow: auto;
  position: relative;
  z-index: 2;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */

.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 100%;
}

.CodeMirror-cursor { position: absolute; }

.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  position: relative;
  visibility: hidden;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }

.CodeMirror-crosshair { cursor: crosshair; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */

.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */

.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */

.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */

span.CodeMirror-selectedtext { background: none; }

.CodeMirror-dialog {
  background: inherit;
  color: inherit;
  left: 0; right: 0;
  overflow: hidden;
  padding: .1em .8em;
  position: absolute;
  z-index: 15;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  background: transparent;
  border: 1px solid #d3d6db;
  color: inherit;
  font-family: monospace;
  outline: none;
  width: 20em;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

.CodeMirror-foldmarker {
  color: blue;
  cursor: pointer;
  font-family: arial;
  line-height: .3;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
}
.CodeMirror-foldgutter {
  width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
  content: "\25BE";
}
.CodeMirror-foldgutter-folded:after {
  content: "\25B8";
}

.CodeMirror-info {
  background: white;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
  color: #555;
  font-family:
    system,
    -apple-system,
    'San Francisco',
    '.SFNSDisplay-Regular',
    'Segoe UI',
    Segoe,
    'Segoe WP',
    'Helvetica Neue',
    helvetica,
    'Lucida Grande',
    arial,
    sans-serif;
  font-size: 13px;
  line-height: 16px;
  margin: 8px -8px;
  max-width: 400px;
  opacity: 0;
  overflow: hidden;
  padding: 8px 8px;
  position: fixed;
  transition: opacity 0.15s;
  z-index: 50;
}

.CodeMirror-info :first-child {
  margin-top: 0;
}

.CodeMirror-info :last-child {
  margin-bottom: 0;
}

.CodeMirror-info p {
  margin: 1em 0;
}

.CodeMirror-info .info-description {
  color: #777;
  line-height: 16px;
  margin-top: 1em;
  max-height: 80px;
  overflow: hidden;
}

.CodeMirror-info .info-deprecation {
  background: #fffae8;
  box-shadow: inset 0 1px 1px -1px #bfb063;
  color: #867F70;
  line-height: 16px;
  margin: -8px;
  margin-top: 8px;
  max-height: 80px;
  overflow: hidden;
  padding: 8px;
}

.CodeMirror-info .info-deprecation-label {
  color: #c79b2e;
  cursor: default;
  display: block;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding-bottom: 5px;
  text-transform: uppercase;
  user-select: none;
}

.CodeMirror-info .info-deprecation-label + * {
  margin-top: 0;
}

.CodeMirror-info a {
  text-decoration: none;
}

.CodeMirror-info a:hover {
  text-decoration: underline;
}

.CodeMirror-info .type-name {
  color: #CA9800;
}

.CodeMirror-info .field-name {
  color: #1F61A0;
}

.CodeMirror-info .enum-value {
  color: #0B7FC7;
}

.CodeMirror-info .arg-name {
  color: #8B2BB9;
}

.CodeMirror-info .directive-name {
  color: #B33086;
}

.CodeMirror-jump-token {
  text-decoration: underline;
  cursor: pointer;
}

/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}
.CodeMirror-lint-tooltip {
  background-color: infobackground;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid black;
  color: infotext;
  font-family: monospace;
  font-size: 10pt;
  max-width: 600px;
  opacity: 0;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  transition: opacity .4s;
  white-space: pre-wrap;
  z-index: 100;
}
.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
  background-position: left bottom;
  background-repeat: repeat-x;
}
.CodeMirror-lint-mark-error {
  background-image:
  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
  ;
}
.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}
.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  position: relative;
  vertical-align: middle;
  width: 16px;
}
.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 18px;
}
.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}
.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}
.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%; height: 100%;
}

.graphiql-container .spinner-container {
  height: 36px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  z-index: 10;
}

.graphiql-container .spinner {
  animation: rotation .6s infinite linear;
  border-bottom: 6px solid rgba(150, 150, 150, .15);
  border-left: 6px solid rgba(150, 150, 150, .15);
  border-radius: 100%;
  border-right: 6px solid rgba(150, 150, 150, .15);
  border-top: 6px solid rgba(150, 150, 150, .8);
  display: inline-block;
  height: 24px;
  position: absolute;
  vertical-align: middle;
  width: 24px;
}

@keyframes rotation {
  from { transform: rotate(0deg); }
  to { transform: rotate(359deg); }
}

.CodeMirror-hints {
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
  font-size: 13px;
  list-style: none;
  margin-left: -6px;
  margin: 0;
  max-height: 14.5em;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.CodeMirror-hint {
  border-top: solid 1px #f7f7f7;
  color: #141823;
  cursor: pointer;
  margin: 0;
  max-width: 300px;
  overflow: hidden;
  padding: 2px 6px;
  white-space: pre;
}

li.CodeMirror-hint-active {
  background-color: #08f;
  border-top-color: white;
  color: white;
}

.CodeMirror-hint-information {
  border-top: solid 1px #c0c0c0;
  max-width: 300px;
  padding: 4px 6px;
  position: relative;
  z-index: 1;
}

.CodeMirror-hint-information:first-child {
  border-bottom: solid 1px #c0c0c0;
  border-top: none;
  margin-bottom: -1px;
}

.CodeMirror-hint-deprecation {
  background: #fffae8;
  box-shadow: inset 0 1px 1px -1px #bfb063;
  color: #867F70;
  font-family:
    system,
    -apple-system,
    'San Francisco',
    '.SFNSDisplay-Regular',
    'Segoe UI',
    Segoe,
    'Segoe WP',
    'Helvetica Neue',
    helvetica,
    'Lucida Grande',
    arial,
    sans-serif;
  font-size: 13px;
  line-height: 16px;
  margin-top: 4px;
  max-height: 80px;
  overflow: hidden;
  padding: 6px;
}

.CodeMirror-hint-deprecation .deprecation-label {
  color: #c79b2e;
  cursor: default;
  display: block;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding-bottom: 5px;
  text-transform: uppercase;
  user-select: none;
}

.CodeMirror-hint-deprecation .deprecation-label + * {
  margin-top: 0;
}

.CodeMirror-hint-deprecation :last-child {
  margin-bottom: 0;
}

.graphiql-container .doc-explorer {
  background: white;
}

.graphiql-container .doc-explorer-title-bar,
.graphiql-container .history-title-bar {
  cursor: default;
  display: flex;
  height: 34px;
  line-height: 14px;
  padding: 8px 8px 5px;
  position: relative;
  user-select: none;
}

.graphiql-container .doc-explorer-title,
.graphiql-container .history-title {
  flex: 1;
  font-weight: bold;
  overflow-x: hidden;
  padding: 10px 0 10px 10px;
  text-align: center;
  text-overflow: ellipsis;
  user-select: text;
  white-space: nowrap;
}

.graphiql-container .doc-explorer-back {
  color: #3B5998;
  cursor: pointer;
  margin: -7px 0 -6px -8px;
  overflow-x: hidden;
  padding: 17px 12px 16px 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: 0;
  border: 0;
  line-height: 14px;
}

.doc-explorer-narrow .doc-explorer-back {
  width: 0;
}

.graphiql-container .doc-explorer-back:before {
  border-left: 2px solid #3B5998;
  border-top: 2px solid #3B5998;
  content: '';
  display: inline-block;
  height: 9px;
  margin: 0 3px -1px 0;
  position: relative;
  transform: rotate(-45deg);
  width: 9px;
}

.graphiql-container .doc-explorer-rhs {
  position: relative;
}

.graphiql-container .doc-explorer-contents,
.graphiql-container .history-contents {
  background-color: #ffffff;
  border-top: 1px solid #d6d6d6;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 20px 15px;
  position: absolute;
  right: 0;
  top: 47px;
}

.graphiql-container .doc-explorer-contents {
  min-width: 300px;
}

.graphiql-container .doc-type-description p:first-child ,
.graphiql-container .doc-type-description blockquote:first-child {
  margin-top: 0;
}

.graphiql-container .doc-explorer-contents a {
  cursor: pointer;
  text-decoration: none;
}

.graphiql-container .doc-explorer-contents a:hover {
  text-decoration: underline;
}

.graphiql-container .doc-value-description > :first-child {
  margin-top: 4px;
}

.graphiql-container .doc-value-description > :last-child {
  margin-bottom: 4px;
}

.graphiql-container .doc-type-description code,
.graphiql-container .doc-type-description pre,
.graphiql-container .doc-category code,
.graphiql-container .doc-category pre {
  --saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13);
  font-size: 12px;
  line-height: 1.50001;
  font-variant-ligatures: none;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: normal;
  -webkit-tab-size: 4;
  -moz-tab-size: 4;
  tab-size: 4;
}

.graphiql-container .doc-type-description code,
.graphiql-container .doc-category code {
  padding: 2px 3px 1px;
  border: 1px solid var(--saf-0);
  border-radius: 3px;
  background-color: rgba(var(--sk_foreground_min,29,28,29),.04);
  color: #e01e5a;
  background-color: white;
}

.graphiql-container .doc-category {
  margin: 20px 0;
}

.graphiql-container .doc-category-title {
  border-bottom: 1px solid #e0e0e0;
  color: #777;
  cursor: default;
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 -15px 10px 0;
  padding: 10px 0;
  user-select: none;
}

.graphiql-container .doc-category-item {
  margin: 12px 0;
  color: #555;
}

.graphiql-container .keyword {
  color: #B11A04;
}

.graphiql-container .type-name {
  color: #CA9800;
}

.graphiql-container .field-name {
  color: #1F61A0;
}

.graphiql-container .field-short-description {
  color: #999;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.graphiql-container .enum-value {
  color: #0B7FC7;
}

.graphiql-container .arg-name {
  color: #8B2BB9;
}

.graphiql-container .arg {
  display: block;
  margin-left: 1em;
}

.graphiql-container .arg:first-child:last-child,
.graphiql-container .arg:first-child:nth-last-child(2),
.graphiql-container .arg:first-child:nth-last-child(2) ~ .arg {
  display: inherit;
  margin: inherit;
}

.graphiql-container .arg:first-child:nth-last-child(2):after {
  content: ', ';
}

.graphiql-container .arg-default-value {
  color: #43A047;
}

.graphiql-container .doc-deprecation {
  background: #fffae8;
  box-shadow: inset 0 0 1px #bfb063;
  color: #867F70;
  line-height: 16px;
  margin: 8px -8px;
  max-height: 80px;
  overflow: hidden;
  padding: 8px;
  border-radius: 3px;
}

.graphiql-container .doc-deprecation:before {
  content: 'Deprecated:';
  color: #c79b2e;
  cursor: default;
  display: block;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding-bottom: 5px;
  text-transform: uppercase;
  user-select: none;
}

.graphiql-container .doc-deprecation > :first-child {
  margin-top: 0;
}

.graphiql-container .doc-deprecation > :last-child {
  margin-bottom: 0;
}

.graphiql-container .show-btn {
  -webkit-appearance: initial;
  display: block;
  border-radius: 3px;
  border: solid 1px #ccc;
  text-align: center;
  padding: 8px 12px 10px;
  width: 100%;
  box-sizing: border-box;
  background: #fbfcfc;
  color: #555;
  cursor: pointer;
}

.graphiql-container .search-box {
  border-bottom: 1px solid #d3d6db;
  display: block;
  font-size: 14px;
  margin: -15px -15px 12px 0;
  position: relative;
}

.graphiql-container .search-box-icon {
  cursor: pointer;
  display: block;
  font-size: 24px;
  position: absolute;
  top: -2px;
  transform: rotate(-45deg);
  user-select: none;
}

.graphiql-container .search-box .search-box-clear {
  background-color: #d0d0d0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  padding: 1px 5px 2px;
  position: absolute;
  right: 3px;
  top: 8px;
  user-select: none;
  border: 0;
}

.graphiql-container .search-box .search-box-clear:hover {
  background-color: #b9b9b9;
}

.graphiql-container .search-box > input {
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  padding: 6px 24px 8px 20px;
  width: 100%;
}

.graphiql-container .error-container {
  font-weight: bold;
  left: 0;
  letter-spacing: 1px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  transform: translate(0, -50%);
}

.graphiql-container .history-contents {
  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
}

.graphiql-container .history-contents {
  margin: 0;
  padding: 0;
}

.graphiql-container .history-contents li {
  align-items: center;
  display: flex;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}

.graphiql-container .history-contents li button:not(.history-label) {
  display: none;
  margin-left: 10px;
}

.graphiql-container .history-contents li:hover button:not(.history-label),
.graphiql-container .history-contents li:focus-within button:not(.history-label) {
  display: inline-block;
}

.graphiql-container .history-contents input,
.graphiql-container .history-contents button {
  padding: 0;
  background: 0;
  border: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: 14px;
  color: inherit;
}

.graphiql-container .history-contents input {
  flex-grow: 1;
}

.graphiql-container .history-contents input::placeholder {
  color: inherit;
}

.graphiql-container .history-contents button {
  cursor: pointer;
  text-align: left;
}

.graphiql-container .history-contents .history-label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}


.graphiql-container .topBar {
  box-sizing: content-box;
  background: none; }

.graphiql-container .title {
  display: none; }

.graphiql-container .doc-explorer-title-bar {
  box-sizing: content-box;
  background: none; }

.graphiql-container .graphiql-explorer-actions > :first-child {
  display: none !important; }

.graphiql-container .graphiql-explorer-actions > * {
  margin-right: 7px; }

.graphiql-container .history-title-bar {
  box-sizing: content-box;
  background: none; }

.graphiql-container .historyShow, .graphiql-container .docExplorerShow {
  background: none; }

.graphiql-container .docExplorerWrap {
  border-right: solid 1px #f0f3f4; }

.graphiql-container pre {
  box-shadow: none; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-two-column-container {
  display: flex; }
  .sn-two-column-container .sn-two-column-container-content {
    flex-grow: 1; }
  .sn-two-column-container .sn-two-column-container-sidebar {
    margin: 0 0 0 30px;
    width: 25%; }
  .sn-two-column-container.sn-has-cards {
    margin-bottom: 30px; }
    .sn-two-column-container.sn-has-cards > * {
      padding: 30px;
      background-color: #fff;
      border: solid 1px #f0f3f4; }

.sn-index_container .sn-two-column-container-sidebar {
  width: 434px; }

.sn-SocialMediaBar {
  text-align: center; }

.sn-blog-teaser-list a {
  text-decoration: none; }
  .sn-blog-teaser-list a:hover .sn-blog-teaser-list__title {
    text-decoration: none;
    color: #1bbaf2; }

.sn-blog-teaser-list__header {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: 1px;
  color: #96a2b4;
  text-transform: uppercase;
  border-bottom: solid 1px #eaeaea;
  padding-bottom: 16px; }

.sn-blog-teaser-list__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  color: #1f272a;
  margin-bottom: 16px; }

.sn-blog-teaser-list__teaser {
  font-size: 14px;
  line-height: 1.71;
  color: #1d1d1d;
  padding-bottom: 16px;
  border-bottom: solid 1px #eaeaea; }

.sn-project-overview-userlist {
  padding-top: 30px;
  margin-bottom: 15px; }
  .sn-project-overview-userlist .sn-project-overview-userlist_title {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 12px;
    margin-bottom: 0; }
  .sn-project-overview-userlist > .sn-project-overview-userlist_item {
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-content: center;
    line-height: 30px; }
    .sn-project-overview-userlist > .sn-project-overview-userlist_item .sn-project-overview-userlist-name {
      flex-grow: 1;
      margin-left: 10px; }
    .sn-project-overview-userlist > .sn-project-overview-userlist_item .sn-project-overview-userlist-position {
      color: #96a2b4; }

.sn-project-overview-planchange {
  margin-bottom: 20px; }

.sn-project-overview-planchange-label {
  margin-top: 10px; }

.sn-project-overview_content-block {
  margin-bottom: 30px; }

.sn-project-overview_content-header {
  margin-bottom: 15px; }

.sn-project-plan-chooser-error {
  margin-bottom: 10px; }

.sn-project-endpoint-control-input {
  flex-grow: 1; }

.sn-project-endpoint-control {
  margin-bottom: 20px; }

.sn-data-quick-access {
  display: flex;
  flex-direction: column; }
  .sn-data-quick-access > * + * {
    margin-top: 7px; }

.sn-data-quick-access_module {
  display: flex;
  width: 100%;
  flex-direction: row; }

.sn-data-quick-access_module-label {
  width: 120px;
  min-width: 120px;
  font-weight: bold;
  padding-top: 6px; }

.sn-data-quick-access_module-content {
  padding: 7px;
  margin: -7px; }
  .sn-data-quick-access_module-content > * {
    margin-bottom: 7px; }
  .sn-data-quick-access_module-content > * {
    margin: 0 0 7px 7px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-project-settings-browser {
  display: flex;
  align-content: stretch;
  height: 100%;
  max-height: 100%; }
  .sn-project-settings-browser > .sn-project-settings-browser-content {
    flex-grow: 1;
    max-height: 100%;
    overflow: auto;
    padding: 20px; }
  .sn-project-settings-browser > .sn-project-settings-browser-menu {
    border-right: solid 1px #f0f3f4; }
  .sn-project-settings-browser .sn-project-settings-browser_content-wrapper {
    min-height: 100%;
    max-width: 1024px;
    margin: 0 auto;
    height: 100%; }

.sn-permission-query-editor {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .sn-permission-query-editor .sn-content-box {
    flex-grow: 1;
    height: 100%;
    min-height: 500px; }
  .sn-permission-query-editor .sn-type-select-group .bp3-form-content {
    min-width: 250px; }
  .sn-permission-query-editor .sn-content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .sn-permission-query-editor .sn-content-wrapper .graphiql-container {
      border: 1px solid #e1e1e1;
      flex-grow: 1;
      margin-bottom: 10px; }
  .sn-permission-query-editor .graphiql-container .topBarWrap {
    display: none !important; }
  .sn-permission-query-editor .graphiql-container .historyPaneWrap .history-title-bar {
    display: none !important; }
  .sn-permission-query-editor .graphiql-container .historyPaneWrap .history-contents {
    top: 0; }
    .sn-permission-query-editor .graphiql-container .historyPaneWrap .history-contents .variable-editor-title {
      display: none; }
  .sn-permission-query-editor .graphiql-container .docExplorerWrap:last-child {
    display: none !important; }
  .sn-permission-query-editor .graphiql-container .doc-explorer-contents {
    top: 0; }
  .sn-permission-query-editor .graphiql-container .graphiql-explorer-root > * {
    padding: 5px; }
  .sn-permission-query-editor .graphiql-container .graphiql-explorer-root > :last-child {
    display: none; }
  .sn-permission-query-editor .graphiql-container .doc-explorer-title-bar {
    display: none !important; }
  .sn-permission-query-editor .graphiql-container .variable-editor {
    display: none !important; }
  .sn-permission-query-editor .graphiql-container .resultWrap {
    display: none !important; }

.sn-image-renderer {
  font-size: 0;
  margin: -3px 0;
  display: inline-block;
  cursor: pointer; }
  .sn-image-renderer > img {
    border-radius: 3px;
    width: 25px;
    height: 25px; }

.sn-image-renderer_popover-content {
  padding: 7px;
  font-size: 0;
  min-height: 120px;
  min-width: 120px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-node-list {
  flex-grow: 1;
  width: 100%;
  margin-top: -10px; }
  .sn-node-list .sn-node-list-table-header {
    padding: 10px 10px 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
    white-space: nowrap;
    color: #96a2b4;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px; }
    .sn-node-list .sn-node-list-table-header.sn-sortable {
      cursor: pointer; }
      .sn-node-list .sn-node-list-table-header.sn-sortable:hover .sn-sortable-inactive {
        opacity: 1; }
      .sn-node-list .sn-node-list-table-header.sn-sortable .sn-sortable-inactive {
        opacity: 0; }
  .sn-node-list .sn-node-list-table-cell {
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #eaeaea;
    white-space: nowrap; }
    .sn-node-list .sn-node-list-table-cell.sn-node-list-table-cell-actions {
      padding: 5px 0; }
  .sn-node-list .sn-node-list_table-cell-id {
    padding: 5px 0; }

.sn-content-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  .sn-content-header h1 {
    margin-bottom: 0;
    line-height: 24px;
    display: flex; }
    .sn-content-header h1 > small {
      margin-left: 12px;
      height: 24px;
      font-size: 16px;
      color: #96a2b4; }

.sn-list-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.sn-list-view-content {
  display: flex;
  flex-grow: 1;
  min-height: 300px; }

/*!

Copyright 2015-present Palantir Technologies, Inc. All rights reserved.
Licensed under the Apache License, Version 2.0.

*/
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.bp3-datepicker {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  padding: 5px;
  user-select: none; }
  .bp3-datepicker .DayPicker {
    display: inline-block;
    position: relative;
    min-width: 210px;
    vertical-align: top; }
    .bp3-datepicker .DayPicker:focus {
      outline: none; }
  .bp3-datepicker .DayPicker-Month {
    display: inline-table;
    margin: 0 5px 5px;
    border-collapse: collapse;
    border-spacing: 0;
    user-select: none; }
    .bp3-datepicker .DayPicker-Month + .bp3-datepicker .DayPicker-Month {
      margin-left: 10px; }
  .bp3-datepicker .DayPicker-Caption {
    display: table-caption; }
  .bp3-datepicker .DayPicker-Weekdays {
    display: table-header-group; }
  .bp3-datepicker .DayPicker-WeekdaysRow {
    display: table-row; }
  .bp3-datepicker .DayPicker-Weekday {
    display: table-cell;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    padding-top: 5px;
    font-weight: 600; }
    .bp3-datepicker .DayPicker-Weekday abbr[title] {
      text-decoration: none; }
  .bp3-datepicker .DayPicker-Body {
    display: table-row-group; }
  .bp3-datepicker .DayPicker-Week {
    display: table-row; }
  .bp3-datepicker .DayPicker-WeekNumber {
    display: table-cell;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    color: rgba(92, 112, 128, 0.6);
    font-size: 14px; }
  .bp3-datepicker .DayPicker-Day {
    display: table-cell;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    border-radius: 3px;
    cursor: pointer; }
    .bp3-datepicker .DayPicker-Day.DayPicker-Day--outside {
      color: rgba(92, 112, 128, 0.6); }
    .bp3-datepicker .DayPicker-Day:hover, .bp3-datepicker .DayPicker-Day:focus {
      background: #d8e1e8;
      color: #182026; }
    .bp3-datepicker .DayPicker-Day:active {
      background: #ced9e0; }
    .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected {
      border-radius: 3px;
      background-color: #137cbd;
      color: #ffffff; }
      .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover {
        background-color: #106ba3; }
    .bp3-datepicker .DayPicker-Day.DayPicker-Day--disabled {
      background: none;
      cursor: not-allowed;
      color: rgba(92, 112, 128, 0.6); }

.bp3-datepicker-navbar {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 30px; }
  .bp3-datepicker-navbar > .DayPicker-NavButton--prev {
    margin-right: auto; }
  .bp3-datepicker-navbar > .DayPicker-NavButton--next {
    margin-left: auto; }

.bp3-datepicker-caption {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 25px 5px; }
  .bp3-datepicker-caption > * {
    flex-grow: 0;
    flex-shrink: 0; }
  .bp3-datepicker-caption > :first-child {
    flex-grow: 1;
    flex-shrink: 1; }
  .bp3-datepicker-caption select {
    padding-right: 16px;
    padding-left: 5px;
    font-weight: 600; }
    .bp3-datepicker-caption select + .bp3-icon {
      right: 2px; }
  .bp3-datepicker-caption + .bp3-divider {
    margin: 0; }

.bp3-datepicker-month-select {
  flex-shrink: 1; }

.bp3-datepicker-year-select {
  flex-shrink: 1;
  min-width: 60px; }

.bp3-datepicker-caption-measure {
  padding-left: 5px;
  font-weight: 600; }

.bp3-datepicker-footer {
  display: flex;
  justify-content: space-between; }

.bp3-dark .bp3-datepicker {
  background: #30404d; }
  .bp3-dark .bp3-datepicker .DayPicker-WeekNumber {
    color: rgba(167, 182, 194, 0.6); }
  .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--outside {
    color: rgba(167, 182, 194, 0.6); }
  .bp3-dark .bp3-datepicker .DayPicker-Day:hover, .bp3-dark .bp3-datepicker .DayPicker-Day:focus {
    background: #5c7080;
    color: #ffffff; }
  .bp3-dark .bp3-datepicker .DayPicker-Day:active {
    background: #738694; }
  .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected {
    background-color: #137cbd; }
    .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover {
      background-color: #2b95d6; }
  .bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--disabled {
    background: none;
    color: rgba(167, 182, 194, 0.6); }
  .bp3-dark .bp3-datepicker .bp3-datepicker-footer {
    border-top-color: rgba(16, 22, 26, 0.4); }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.bp3-daterangepicker {
  display: flex;
  white-space: nowrap; }
  .bp3-daterangepicker .DayPicker:first-of-type .bp3-datepicker-navbar {
    left: 5px; }
  .bp3-daterangepicker .DayPicker-NavButton--interactionDisabled {
    display: none; }
  .bp3-daterangepicker .bp3-daterangepicker-timepickers {
    display: flex;
    justify-content: space-around; }
  .bp3-daterangepicker.bp3-daterangepicker-contiguous .DayPicker {
    min-width: 220px; }
  .bp3-daterangepicker.bp3-daterangepicker-single-month .DayPicker {
    min-width: 210px; }
  .bp3-daterangepicker .DayPicker-Day--outside {
    visibility: hidden; }
  .bp3-daterangepicker .DayPicker-Day--hovered-range {
    border-radius: 0; }
    .bp3-daterangepicker .DayPicker-Day--hovered-range:not(.DayPicker-Day--selected):not(.DayPicker-Day--selected-range):not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--selected-range-end) {
      background-color: #ebf1f5; }
  .bp3-daterangepicker .DayPicker-Day--selected-range {
    border-radius: 0;
    background-color: #ebf1f5; }
    .bp3-daterangepicker .DayPicker-Day--selected-range:hover {
      background-color: #ced9e0; }
  .bp3-daterangepicker .DayPicker-Day--selected-range-start:not(.DayPicker-Day--selected-range-end):not(.DayPicker-Day--hovered-range-end) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .bp3-daterangepicker .DayPicker-Day--selected-range-end:not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--hovered-range-start) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .bp3-daterangepicker .DayPicker-Day--hovered-range-start:not(.DayPicker-Day--hovered-range-end) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .bp3-daterangepicker .DayPicker-Day--hovered-range-end:not(.DayPicker-Day--hovered-range-start) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .bp3-dark .bp3-daterangepicker .DayPicker-Day--hovered-range:not(.DayPicker-Day--selected):not(.DayPicker-Day--selected-range):not(.DayPicker-Day--selected-range-start):not(.DayPicker-Day--selected-range-end) {
    background-color: #394b59; }
  .bp3-dark .bp3-daterangepicker .DayPicker-Day--selected-range {
    background-color: #394b59; }
    .bp3-dark .bp3-daterangepicker .DayPicker-Day--selected-range:hover {
      background-color: #5c7080; }

.bp3-menu.bp3-daterangepicker-shortcuts {
  min-width: 120px;
  padding: 0; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
Overlay shadows are used for default buttons
floating on top of other elements. This way, the
shadows blend with the colors beneath it.
Switches and slider handles both use these variables.
*/
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.bp3-timepicker {
  white-space: nowrap; }
  .bp3-timepicker .bp3-timepicker-arrow-row {
    padding: 0 1px; }
  .bp3-timepicker .bp3-timepicker-arrow-button {
    color: #5c7080;
    display: inline-block;
    width: 33px;
    padding: 4px 0;
    text-align: center; }
    .bp3-timepicker .bp3-timepicker-arrow-button:hover {
      color: #182026; }
    .bp3-dark .bp3-timepicker .bp3-timepicker-arrow-button {
      color: #a7b6c2; }
      .bp3-dark .bp3-timepicker .bp3-timepicker-arrow-button:hover {
        color: #f5f8fa; }
    .bp3-timepicker .bp3-timepicker-arrow-button + .bp3-timepicker-arrow-button {
      margin-left: 11px; }
    .bp3-timepicker .bp3-timepicker-arrow-button:hover {
      cursor: pointer; }
  .bp3-timepicker .bp3-timepicker-input-row {
    display: inline-block;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
    background: #ffffff;
    height: 30px;
    padding: 0 1px;
    vertical-align: middle;
    line-height: 28px; }
  .bp3-timepicker .bp3-timepicker-divider-text {
    display: inline-block;
    width: 11px;
    text-align: center;
    color: #5c7080;
    font-size: 16px; }
  .bp3-timepicker .bp3-timepicker-input {
    outline: 0;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0);
    background: transparent;
    width: 33px;
    height: 28px;
    padding: 0;
    text-align: center;
    color: #182026;
    transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); }
    .bp3-timepicker .bp3-timepicker-input:focus {
      box-shadow: 0 0 0 1px #137cbd, 0 0 0 3px rgba(19, 124, 189, 0.3); }
  .bp3-timepicker .bp3-timepicker-ampm-select {
    margin-left: 5px; }
  .bp3-timepicker.bp3-disabled .bp3-timepicker-input-row {
    box-shadow: none;
    background: rgba(206, 217, 224, 0.5);
    cursor: not-allowed;
    color: rgba(92, 112, 128, 0.6);
    resize: none; }
  .bp3-timepicker.bp3-disabled .bp3-timepicker-input,
  .bp3-timepicker.bp3-disabled .bp3-timepicker-divider-text {
    cursor: not-allowed;
    color: rgba(92, 112, 128, 0.6); }
  .bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button,
  .bp3-timepicker.bp3-disabled .bp3-timepicker-arrow-button:hover {
    cursor: not-allowed;
    color: rgba(92, 112, 128, 0.6); }

.bp3-dark .bp3-timepicker .bp3-timepicker-input-row {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  background: rgba(16, 22, 26, 0.3); }

.bp3-dark .bp3-timepicker .bp3-timepicker-divider-text {
  color: #a7b6c2; }

.bp3-dark .bp3-timepicker .bp3-timepicker-input {
  color: #f5f8fa; }

.bp3-datepicker .bp3-timepicker {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center; }
  .bp3-datepicker .bp3-timepicker:last-child {
    margin-bottom: 5px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.bp3-datetimepicker {
  border-radius: 3px;
  background-color: #ffffff;
  padding: 10px;
  text-align: center; }
  .bp3-dark .bp3-datetimepicker {
    background: #30404d; }
    .bp3-dark .bp3-datetimepicker .bp3-datepicker {
      border-bottom: 1px solid rgba(16, 22, 26, 0.4); }
  .bp3-datetimepicker .bp3-datepicker {
    border-bottom: 1px solid rgba(16, 22, 26, 0.15);
    padding: 0 0 10px; }
  .bp3-datetimepicker .bp3-timepicker {
    margin-top: 10px; }

.bp3-dateinput-popover {
  padding: 0; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-image-upload {
  text-align: center;
  padding: 0px; }
  .sn-image-upload .sn-image-upload__callout {
    background: none; }
    .sn-image-upload .sn-image-upload__callout.bp3-intent-success {
      background: rgba(15, 153, 96, 0.15); }
    .sn-image-upload .sn-image-upload__callout.bp3-intent-danger {
      background: rgba(219, 55, 55, 0.15); }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-file-upload {
  text-align: center;
  padding: 0px; }
  .sn-file-upload .sn-file-upload__callout {
    background: none; }
    .sn-file-upload .sn-file-upload__callout.bp3-intent-success {
      background: rgba(15, 153, 96, 0.15); }
    .sn-file-upload .sn-file-upload__callout.bp3-intent-danger {
      background: rgba(219, 55, 55, 0.15); }
  .sn-file-upload .sn-file-upload__link {
    display: inline-flex;
    padding: 8px; }
    .sn-file-upload .sn-file-upload__link > * {
      align-self: center; }
    .sn-file-upload .sn-file-upload__link > *:first-child {
      margin-right: 8px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.bp3-intent-danger .sn-text-area {
  box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-form .sn-form-group {
  flex-direction: row;
  margin-bottom: 20px; }
  .sn-form .sn-form-group > label.bp3-label {
    margin: 14px 10px 0 0;
    width: 160px;
    text-transform: uppercase;
    color: #1f272a;
    font-size: 11px; }
  .sn-form .sn-form-group > div.bp3-form-content {
    flex-grow: 1; }
  .sn-form .sn-form-group .bp3-input {
    min-height: 40px;
    padding: 12px 16px; }
  .sn-form .sn-form-group .bp3-input-group .bp3-input:not(:first-child) {
    padding-left: 39px; }
  .sn-form .sn-form-group .bp3-input-group > .bp3-icon {
    margin: 12px; }

.sn-form .sn-form-actions {
  padding-left: 170px; }

.sn-form.sn-form-column-view {
  display: flex;
  flex-direction: row; }
  .sn-form.sn-form-column-view > * {
    padding: 30px; }
  .sn-form.sn-form-column-view .sn-form-group {
    flex-direction: column;
    margin-bottom: 30px;
    border-left: 2px solid #eaeaea;
    padding: 7px 15px; }
    .sn-form.sn-form-column-view .sn-form-group:focus-within {
      border-left-color: #1db6f4; }
    .sn-form.sn-form-column-view .sn-form-group.bp3-intent-danger {
      border-left-color: #db3737; }
      .sn-form.sn-form-column-view .sn-form-group.bp3-intent-danger > label.bp3-label {
        color: #db3737; }
    .sn-form.sn-form-column-view .sn-form-group .bp3-form-helper-text {
      margin-top: 7px;
      font-size: 14px; }
    .sn-form.sn-form-column-view .sn-form-group .bp3-input {
      font-size: 16px; }
    .sn-form.sn-form-column-view .sn-form-group > label.bp3-label {
      width: 100%;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      margin: 2px 0 10px 0; }
  .sn-form.sn-form-column-view .sn-form_main {
    max-width: 700px;
    margin: 0 auto; }
  .sn-form.sn-form-column-view .sn-form_main-wrapper {
    flex-grow: 1;
    overflow: auto;
    justify-content: center; }
  .sn-form.sn-form-column-view .sn-form-aside {
    width: 240px;
    border-left: 1px solid #eaeaea; }
    .sn-form.sn-form-column-view .sn-form-aside .sn-form-actions {
      padding: 0; }

.sn-ProjectUserInviteButton {
  display: inline-block; }

.sn-filter-container {
  display: inline-flex;
  border: solid 1px #eaeaea;
  background-color: #fff;
  border-radius: 1px;
  margin: 0 15px 15px 0; }
  .sn-filter-container > label {
    background-color: #eaeaea;
    padding: 5px 10px; }

.sn-string-filter input {
  box-shadow: none;
  border: none; }

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr; }

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */ }

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap; }

.CodeMirror-guttermarker {
  color: black; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7; }

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1; }

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite; }

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7; }

@-moz-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@-webkit-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-invalidchar {
  color: #f00; }

.CodeMirror-composing {
  border-bottom: 2px solid; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22; }

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white; }

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative; }

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px; }

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important; }

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent; }

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent; }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */ }

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */ }

.CodeMirror-rtl pre {
  direction: rtl; }

.CodeMirror-code {
  outline: none; }

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none; }

.CodeMirror-measure pre {
  position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3; }

div.CodeMirror-dragcursors {
  visibility: visible; }

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0; }

.CodeMirror-crosshair {
  cursor: crosshair; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4); }

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden; } }

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none; }

.sn-related-object-filter .bp3-tag-input {
  border: none;
  box-shadow: none; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-markdown-editor {
  width: 100%;
  font-size: 16px; }

.sn-markdown-editor__editor {
  width: 100%;
  cursor: text;
  flex: 1 1 auto;
  margin-top: 0;
  height: 100%;
  position: relative; }
  .sn-markdown-editor__editor .CodeMirror {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding: 6px 12px;
    box-shadow: inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee;
    font-family: "Lato", sans-serif;
    width: 100%;
    max-width: 100%; }
    .bp3-intent-danger .sn-markdown-editor__editor .CodeMirror {
      box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee; }
    .sn-markdown-editor__editor .CodeMirror .cm-comment {
      font-family: monospace; }
    .sn-markdown-editor__editor .CodeMirror .cm-header {
      color: inherit;
      margin-left: 0;
      margin-right: 0;
      font-weight: bold;
      line-height: 2em; }
    .sn-markdown-editor__editor .CodeMirror .cm-header-1 {
      font-size: 2em; }
    .sn-markdown-editor__editor .CodeMirror .cm-header-2 {
      font-size: 1.5em; }
    .sn-markdown-editor__editor .CodeMirror .cm-header-3 {
      font-size: 1.17em; }

.sn-markdown-editor__codemirror {
  width: 100%;
  height: 300px; }

.sn-markdown-editor__preview {
  width: 100%;
  box-shadow: inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee;
  height: 300px;
  border: none;
  font-size: 18px; }
  .bp3-intent-danger .sn-markdown-editor__preview {
    box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee; }

.sn-markdown-editor__toolbar {
  display: flex;
  padding: 7px 14px 6px;
  justify-content: space-between;
  box-shadow: inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee;
  margin-bottom: -1px; }
  .bp3-intent-danger .sn-markdown-editor__toolbar {
    box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(219, 55, 55, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px #e6eaee, inset 1px 1px 1px #e6eaee; }

.sn-node-filter-bar {
  margin-bottom: 24px; }
  .sn-node-filter-bar .sn-node-filter-bar-searchcontainer {
    display: flex; }
  .sn-node-filter-bar .sn-node-filter-bar-filter-container {
    margin-top: 16px;
    margin-bottom: -24px; }
  .sn-node-filter-bar .sn-node-filter-bar-searchinput {
    flex-grow: 1;
    margin-left: 7px; }

.sn-node-select-dialog {
  width: 800px; }

.sn-node-select-dialog-list {
  width: 100%;
  min-height: 300px;
  display: flex;
  flex-grow: 1; }

.bp3-drawer-header {
  min-height: 60px;
  padding: 5px 15px 5px 30px; }

.sn-sidebar-block_title {
  padding: 0 0 7px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #eaeaea; }

.sn-sidebar-block_content {
  padding-top: 7px; }

.sn-node-sidebar_publish-button {
  margin-bottom: 15px; }

.sn-node-sidebar_unsaved-changes-block {
  margin-bottom: 15px; }

.sn-node-sidebar_info-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px; }

.sn-node-sidebar_info-block-label {
  font-weight: bold; }

.sn-node-sidebar_info-block-content {
  padding-left: 7px; }

.sn-content-node-teaser {
  display: flex;
  align-items: center; }
  .sn-content-node-teaser > * + * {
    margin-left: 7px; }

.sn-content-node-teaser_content {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .sn-content-node-teaser_content > * + * {
    margin-top: 7px; }

.sn-content-node-teaser_title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 7px 7px 7px 0; }
  .sn-content-node-teaser_title > * + * {
    margin-left: 7px; }

.sn-content-node-teaser_image {
  font-size: 0;
  padding: 7px 0; }
  .sn-content-node-teaser_image img {
    width: 60px;
    height: 60px;
    border-radius: 3px; }

.sn-node-create-drawer {
  overflow: auto;
  display: flex; }

.sn-node-create-drawer_content {
  display: flex;
  overflow: auto;
  flex-grow: 1; }

.sn-node-create-drawer_form {
  width: 100%; }

.sn-node-publish-dialog_node-teaser-wrapper {
  display: inline-flex; }

.sn-node-publish-dialog_field-header {
  margin-bottom: 7px;
  margin-top: 15px;
  font-weight: bold;
  text-transform: uppercase; }

.sn-node-publish-dialog_node {
  margin-bottom: 7px; }

/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 */
.sn-content-node-list-select-item {
  display: flex;
  border: 1px solid #eaeaea;
  box-shadow: rgba(16, 22, 26, 0) 0px 0px 0px 1px inset, rgba(16, 22, 26, 0.1) 0px -1px 0px inset;
  background-color: #f5f8fa;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  padding: 0 0 0 5px;
  margin-bottom: 7px;
  justify-content: space-between;
  align-items: center; }
  .sn-content-node-list-select-item.is-dragging .sn-content-node-list-select-item_drag-handle {
    color: #5c7080; }

.sn-content-node-list-select-item_content {
  display: flex;
  flex-direction: row;
  align-items: center; }

.sn-content-node-list-select-item_drag-handle {
  color: #ced9e0;
  padding-right: 7px; }

.sn-node-update-drawer {
  overflow: auto;
  display: flex; }
  .sn-node-update-drawer .bp3-drawer-header {
    padding-left: 15px; }

.sn-node-update-drawer_content {
  display: flex;
  overflow: auto;
  flex-grow: 1; }

.sn-node-update-drawer_form {
  width: 100%; }

.sn-node-update-drawer_back-button {
  margin-right: 10px; }

.sn-localize-node-button_locale-item > * + * {
  margin-left: 7px; }

.sn-content-node-select-item {
  display: flex;
  border: 1px solid #eaeaea;
  box-shadow: rgba(16, 22, 26, 0) 0px 0px 0px 1px inset, rgba(16, 22, 26, 0.1) 0px -1px 0px inset;
  background-color: #f5f8fa;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  padding: 0 0 0 15px;
  margin-bottom: 7px;
  justify-content: space-between;
  align-items: center; }

.sn-node-sidebar_publish-button {
  margin-bottom: 15px; }

.sn-node-sidebar_unsaved-changes-block {
  margin-bottom: 15px; }

.sn-node-sidebar_info-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px; }

.sn-node-sidebar_info-block-label {
  font-weight: bold; }

.sn-node-sidebar_info-block-content {
  padding-left: 7px; }

.sn-create-view {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  min-height: 300px; }

.sn-create-view_content {
  height: 100%;
  overflow: hidden;
  margin: 0; }
  .sn-create-view_content > .sn-form-column-view {
    height: 100%; }

.sn-create-view_title-container {
  display: flex; }
  .sn-create-view_title-container > * + * {
    margin-left: 15px; }

.sn-update-view {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  min-height: 300px; }

.sn-update-view_content {
  height: 100%;
  overflow: hidden;
  margin: 0; }
  .sn-update-view_content > .sn-form-column-view {
    height: 100%; }

.sn-update-view_title-container {
  display: flex; }
  .sn-update-view_title-container > * + * {
    margin-left: 15px; }