.inline-list-code {
  overflow: hidden;
  display: inline-block;

  box-sizing: border-box;
  max-width: 300px;
  padding: 3px 6px;

  color: #eee;
  text-overflow: ellipsis;
  white-space: nowrap;

  background-color: #121212;
  border-radius: 4px;
}

.inline-array {
  display: flex;
  flex-flow: row wrap;
}

.inline-array .inline-list-code {
  margin: 4px 8px 4px 0;
}

.inline-array .inline-list-code:last-child {
  margin-right: 0;
}

.inline-array .inline-list-code:only-child {
  margin: 0;
}

.json-field-show {
  scrollbar-color: #e1e1e1 transparent;
  scrollbar-width: thin;

  overflow: hidden auto;
  display: block;

  margin: 12px 0;
  padding: 12px;
}

.json-field-show::-webkit-scrollbar-track {
  background-color: transparent;
}

.json-field-show::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
}

.json-field-show::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
}

pre[class*='language-'] {
  font-family: 'InconsolataLGCNerdFontMono', 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 13px;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}

pre[class*='language-'] .splitter_marker {
  font-family: 'InconsolataLGCNerdFontMono-BoldItalic', 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
  font-weight: 700;
  color: #2d2d2d;
  background-color: #ff8bb3;
}

.file-upload {
  position: relative;
  display: block;
  margin-bottom: 24px;
}

/** Default look change */

section[data-css='Subscription-list-table-wrapper'],
section[data-css='OrganizationSubscription-list-table-wrapper'],
section[data-css='TrialSubscription-list-table-wrapper'],
section[data-css='PaymentDetails-list-table-wrapper'] {
  overflow: scroll visible;
}

@media (width >= 577px) {
  section[data-css='Subscription-list-table-wrapper'],
  section[data-css='OrganizationSubscription-list-table-wrapper'],
  section[data-css='TrialSubscription-list-table-wrapper'],
  section[data-css='PaymentDetails-list-table-wrapper'] {
    width: calc(100% + 64px);
    margin-left: -32px;
    border-radius: 0;
  }

  section[data-css='Subscription-list-table-wrapper'] > div:last-child,
  section[data-css='OrganizationSubscription-list-table-wrapper'] > div:last-child,
  section[data-css='TrialSubscription-list-table-wrapper'] > div:last-child,
  section[data-css='PaymentDetails-list-table-wrapper'] > div:last-child {
    position: sticky;
    left: 50%;
    transform: translateX(-50%);

    width: fit-content;

    text-align: left;
  }
}

section[data-css^='Subscription-list-'],
section[data-css^='OrganizationSubscription-list-'],
section[data-css^='TrialSubscription-list-'],
section[data-css^='PaymentDetails-list-'] {
  text-wrap: nowrap;
}